From 224a92c907cb3a799ea4464e705fdcb8a2e26cf6 Mon Sep 17 00:00:00 2001
From: Alex Barnsley <8069294+alexbarnsley@users.noreply.github.com>
Date: Wed, 11 Sep 2019 13:57:40 +0100
Subject: [PATCH 01/15] refactor: remove redundant properties from transaction
 forms (#1439)

* refactor: rename error variable

* refactor: move stuff to mixin

* refactor: move validation to mixin

* fix: build vote transaction

* fix: when to call postSubmit

* fix: delegate username validation
---
 .../TransactionFormDelegateRegistration.vue   | 158 +++++-----------
 .../TransactionFormSecondSignature.vue        | 136 +++-----------
 .../TransactionFormTransfer.vue               | 157 ++++++----------
 .../TransactionForm/TransactionFormVote.vue   | 160 ++++-------------
 .../TransactionForm/mixin-on-submit.js        |  35 ----
 .../Transaction/TransactionForm/mixin.js      | 170 ++++++++++++++++++
 6 files changed, 326 insertions(+), 490 deletions(-)
 delete mode 100644 src/renderer/components/Transaction/TransactionForm/mixin-on-submit.js
 create mode 100644 src/renderer/components/Transaction/TransactionForm/mixin.js

diff --git a/src/renderer/components/Transaction/TransactionForm/TransactionFormDelegateRegistration.vue b/src/renderer/components/Transaction/TransactionForm/TransactionFormDelegateRegistration.vue
index 13d742c982..de1f05dde7 100644
--- a/src/renderer/components/Transaction/TransactionForm/TransactionFormDelegateRegistration.vue
+++ b/src/renderer/components/Transaction/TransactionForm/TransactionFormDelegateRegistration.vue
@@ -18,9 +18,9 @@
 
       <InputText
         v-model="$v.form.username.$model"
-        :helper-text="error"
+        :helper-text="usernameError"
         :label="$t('WALLET_DELEGATES.USERNAME')"
-        :is-invalid="$v.form.username.$dirty && $v.form.username.$invalid"
+        :is-invalid="!!usernameError"
         class="mb-5"
         name="username"
       />
@@ -95,15 +95,13 @@
 </template>
 
 <script>
-import { required } from 'vuelidate/lib/validators'
 import { TRANSACTION_TYPES } from '@config'
 import { InputFee, InputPassword, InputText } from '@/components/Input'
 import { ListDivided, ListDividedItem } from '@/components/ListDivided'
 import { ModalLoader } from '@/components/Modal'
 import { PassphraseInput } from '@/components/Passphrase'
-import TransactionService from '@/services/transaction'
 import WalletService from '@/services/wallet'
-import onSubmit from './mixin-on-submit'
+import mixin from './mixin'
 
 export default {
   name: 'TransactionFormDelegateRegistration',
@@ -120,7 +118,7 @@ export default {
     PassphraseInput
   },
 
-  mixins: [onSubmit],
+  mixins: [mixin],
 
   data: () => ({
     form: {
@@ -128,155 +126,79 @@ export default {
       username: '',
       passphrase: '',
       walletPassword: ''
-    },
-    error: null,
-    showEncryptLoader: false,
-    showLedgerLoader: false
+    }
   }),
 
   computed: {
-    currentWallet () {
-      return this.wallet_fromRoute
-    },
+    usernameError () {
+      if (this.$v.form.username.$dirty && this.$v.form.username.$error) {
+        if (!this.$v.form.username.isNotEmpty) {
+          return this.$t('WALLET_DELEGATES.USERNAME_EMPTY_ERROR')
+        } else if (!this.$v.form.username.isMaxLength) {
+          return this.$t('WALLET_DELEGATES.USERNAME_MAX_LENGTH_ERROR')
+        } else if (!this.$v.form.username.doesNotExist) {
+          return this.$t('WALLET_DELEGATES.USERNAME_EXISTS')
+        }
 
-    senderLabel () {
-      return this.wallet_formatAddress(this.currentWallet.address)
-    },
+        return this.$t('WALLET_DELEGATES.USERNAME_ERROR')
+      }
 
-    walletNetwork () {
-      return this.session_network
+      return null
     }
   },
 
-  mounted () {
-    this.form.fee = this.$refs.fee.fee
-  },
-
   methods: {
-    onFee (fee) {
-      this.$set(this.form, 'fee', fee)
-    },
-
-    async submit () {
-      // Ensure that fee has value, even when the user has not interacted
-      if (!this.form.fee) {
-        this.$set(this.form, 'fee', this.$refs.fee.fee)
-      }
-
+    getTransactionData () {
       const transactionData = {
         username: this.form.username,
         passphrase: this.form.passphrase,
-        fee: parseInt(this.currency_unitToSub(this.form.fee)),
+        fee: this.getFee(),
         wif: this.form.wif,
         networkWif: this.walletNetwork.wif
       }
+
       if (this.currentWallet.secondPublicKey) {
         transactionData.secondPassphrase = this.form.secondPassphrase
       }
 
-      let success = true
-      let transaction
-      if (!this.currentWallet.isLedger) {
-        transaction = await this.$client.buildDelegateRegistration(transactionData, this.$refs.fee && this.$refs.fee.isAdvancedFee)
-      } else {
-        success = false
-        this.showLedgerLoader = true
-        try {
-          const transactionObject = await this.$client.buildDelegateRegistration(transactionData, this.$refs.fee && this.$refs.fee.isAdvancedFee, true)
-          transaction = await TransactionService.ledgerSign(this.currentWallet, transactionObject, this)
-          success = true
-        } catch (error) {
-          this.$error(`${this.$t('TRANSACTION.LEDGER_SIGN_FAILED')}: ${error.message}`)
-        }
-        this.showLedgerLoader = false
-      }
-
-      if (success) {
-        this.emitNext(transaction)
-      }
+      return transactionData
     },
 
-    emitNext (transaction) {
-      this.$emit('next', { transaction })
+    async buildTransaction (transactionData, isAdvancedFee = false, returnObject = false) {
+      return this.$client.buildDelegateRegistration(transactionData, isAdvancedFee, returnObject)
     }
   },
 
   validations: {
     form: {
-      fee: {
-        required,
-        isValid () {
-          if (this.$refs.fee) {
-            return !this.$refs.fee.$v.$invalid
-          }
+      fee: mixin.validators.fee,
+      passphrase: mixin.validators.passphrase,
+      walletPassword: mixin.validators.walletPassword,
+      secondPassphrase: mixin.validators.secondPassphrase,
 
-          return false
-        }
-      },
       username: {
         isValid (value) {
           const validation = WalletService.validateUsername(value)
 
-          if (validation.passes) {
-            this.error = null
-          } else {
-            switch (validation.errors[0].type) {
-              case 'empty':
-                this.error = this.$t('WALLET_DELEGATES.USERNAME_EMPTY_ERROR')
-                break
-              case 'maxLength':
-                this.error = this.$t('WALLET_DELEGATES.USERNAME_MAX_LENGTH_ERROR')
-                break
-              case 'exists':
-                this.error = this.$t('WALLET_DELEGATES.USERNAME_EXISTS')
-                break
-              default:
-                this.error = this.$t('WALLET_DELEGATES.USERNAME_ERROR')
-            }
-          }
-
           return validation.passes
-        }
-      },
-      passphrase: {
-        isValid (value) {
-          if (this.currentWallet.isLedger || this.currentWallet.passphrase) {
-            return true
-          }
+        },
 
-          if (this.$refs.passphrase) {
-            return !this.$refs.passphrase.$v.$invalid
-          }
-          return false
-        }
-      },
-      walletPassword: {
-        isValid (value) {
-          if (this.currentWallet.isLedger || !this.currentWallet.passphrase) {
-            return true
-          }
+        isNotEmpty (value) {
+          const validation = WalletService.validateUsername(value)
 
-          if (!this.form.walletPassword || !this.form.walletPassword.length) {
-            return false
-          }
+          return !validation.passes ? !validation.errors.find(error => error.type === 'empty') : true
+        },
 
-          if (this.$refs.password) {
-            return !this.$refs.password.$v.$invalid
-          }
+        isMaxLength (value) {
+          const validation = WalletService.validateUsername(value)
 
-          return false
-        }
-      },
-      secondPassphrase: {
-        isValid (value) {
-          if (!this.currentWallet.secondPublicKey) {
-            return true
-          }
+          return !validation.passes ? !validation.errors.find(error => error.type === 'maxLength') : true
+        },
+
+        doesNotExist (value) {
+          const validation = WalletService.validateUsername(value)
 
-          if (this.$refs.secondPassphrase) {
-            return !this.$refs.secondPassphrase.$v.$invalid
-          }
-          return false
+          return !validation.passes ? !validation.errors.find(error => error.type === 'exists') : true
         }
       }
     }
diff --git a/src/renderer/components/Transaction/TransactionForm/TransactionFormSecondSignature.vue b/src/renderer/components/Transaction/TransactionForm/TransactionFormSecondSignature.vue
index 76c43cdd58..7d58dcbc18 100644
--- a/src/renderer/components/Transaction/TransactionForm/TransactionFormSecondSignature.vue
+++ b/src/renderer/components/Transaction/TransactionForm/TransactionFormSecondSignature.vue
@@ -150,7 +150,6 @@
 </template>
 
 <script>
-import { required } from 'vuelidate/lib/validators'
 import { TRANSACTION_TYPES } from '@config'
 import { ButtonClipboard, ButtonReload } from '@/components/Button'
 import { Collapse } from '@/components/Collapse'
@@ -158,9 +157,8 @@ import { InputFee, InputPassword } from '@/components/Input'
 import { ListDivided, ListDividedItem } from '@/components/ListDivided'
 import { ModalLoader } from '@/components/Modal'
 import { PassphraseInput, PassphraseVerification, PassphraseWords } from '@/components/Passphrase'
-import TransactionService from '@/services/transaction'
 import WalletService from '@/services/wallet'
-import onSubmit from './mixin-on-submit'
+import mixin from './mixin'
 
 export default {
   name: 'TransactionFormSecondSignature',
@@ -181,7 +179,7 @@ export default {
     PassphraseWords
   },
 
-  mixins: [onSubmit],
+  mixins: [mixin],
 
   data: () => ({
     isGenerating: false,
@@ -193,8 +191,6 @@ export default {
       passphrase: '',
       walletPassword: ''
     },
-    showEncryptLoader: false,
-    showLedgerLoader: false,
     showPassphraseWords: false
   }),
 
@@ -209,18 +205,6 @@ export default {
         return this.secondPassphrase.split('\u3000')
       }
       return this.secondPassphrase.split(' ')
-    },
-
-    currentWallet () {
-      return this.wallet_fromRoute
-    },
-
-    senderLabel () {
-      return this.wallet_formatAddress(this.currentWallet.address)
-    },
-
-    walletNetwork () {
-      return this.session_network
     }
   },
 
@@ -234,11 +218,28 @@ export default {
     this.secondPassphrase = WalletService.generateSecondPassphrase(this.session_profile.bip39Language)
   },
 
-  mounted () {
-    this.form.fee = this.$refs.fee.fee
-  },
-
   methods: {
+    getTransactionData () {
+      return {
+        passphrase: this.form.passphrase,
+        secondPassphrase: this.secondPassphrase,
+        fee: this.getFee(),
+        wif: this.form.wif,
+        networkWif: this.walletNetwork.wif
+      }
+    },
+
+    async buildTransaction (transactionData, isAdvancedFee = false, returnObject = false) {
+      return this.$client.buildSecondSignatureRegistration(transactionData, isAdvancedFee, returnObject)
+    },
+
+    postSubmit () {
+      this.reset()
+
+      // The current passphrase has been already verified
+      this.isPassphraseVerified = true
+    },
+
     toggleStep () {
       this.isPassphraseStep = !this.isPassphraseStep
     },
@@ -260,50 +261,6 @@ export default {
       }, 300)
     },
 
-    onFee (fee) {
-      this.$set(this.form, 'fee', fee)
-    },
-
-    async submit () {
-      // Ensure that fee has value, even when the user has not interacted
-      if (!this.form.fee) {
-        this.form.fee = this.$refs.fee.fee
-      }
-
-      const transactionData = {
-        passphrase: this.form.passphrase,
-        secondPassphrase: this.secondPassphrase,
-        fee: parseInt(this.currency_unitToSub(this.form.fee)),
-        wif: this.form.wif,
-        networkWif: this.walletNetwork.wif
-      }
-
-      let success = true
-      let transaction
-      if (!this.currentWallet.isLedger) {
-        transaction = await this.$client.buildSecondSignatureRegistration(transactionData, this.$refs.fee && this.$refs.fee.isAdvancedFee)
-      } else {
-        success = false
-        this.showLedgerLoader = true
-        try {
-          const transactionObject = await this.$client.buildSecondSignatureRegistration(transactionData, this.$refs.fee && this.$refs.fee.isAdvancedFee, true)
-          transaction = await TransactionService.ledgerSign(this.currentWallet, transactionObject, this)
-          success = true
-        } catch (error) {
-          this.$error(`${this.$t('TRANSACTION.LEDGER_SIGN_FAILED')}: ${error.message}`)
-        }
-        this.showLedgerLoader = false
-      }
-
-      if (success) {
-        this.emitNext(transaction)
-        this.reset()
-
-        // The current passphrase has been already verified
-        this.isPassphraseVerified = true
-      }
-    },
-
     onVerification () {
       this.isPassphraseVerified = true
     },
@@ -319,55 +276,14 @@ export default {
         this.$refs.password.reset()
       }
       this.$v.$reset()
-    },
-
-    emitNext (transaction) {
-      this.$emit('next', { transaction })
     }
   },
 
   validations: {
     form: {
-      fee: {
-        required,
-        isValid () {
-          if (this.$refs.fee) {
-            return !this.$refs.fee.$v.$invalid
-          }
-
-          return false
-        }
-      },
-      passphrase: {
-        isValid (value) {
-          if (this.currentWallet.isLedger || this.currentWallet.passphrase) {
-            return true
-          }
-
-          if (this.$refs.passphrase) {
-            return !this.$refs.passphrase.$v.$invalid
-          }
-
-          return false
-        }
-      },
-      walletPassword: {
-        isValid (value) {
-          if (this.currentWallet.isLedger || !this.currentWallet.passphrase) {
-            return true
-          }
-
-          if (!this.form.walletPassword || !this.form.walletPassword.length) {
-            return false
-          }
-
-          if (this.$refs.password) {
-            return !this.$refs.password.$v.$invalid
-          }
-
-          return false
-        }
-      }
+      fee: mixin.validators.fee,
+      passphrase: mixin.validators.passphrase,
+      walletPassword: mixin.validators.walletPassword
     }
   }
 }
diff --git a/src/renderer/components/Transaction/TransactionForm/TransactionFormTransfer.vue b/src/renderer/components/Transaction/TransactionForm/TransactionFormTransfer.vue
index 04639f751e..8f6bcadcd9 100644
--- a/src/renderer/components/Transaction/TransactionForm/TransactionFormTransfer.vue
+++ b/src/renderer/components/Transaction/TransactionForm/TransactionFormTransfer.vue
@@ -180,9 +180,8 @@ import { ModalConfirmation, ModalLoader } from '@/components/Modal'
 import { PassphraseInput } from '@/components/Passphrase'
 import SvgIcon from '@/components/SvgIcon'
 import WalletSelection from '@/components/Wallet/WalletSelection'
-import TransactionService from '@/services/transaction'
 import WalletService from '@/services/wallet'
-import onSubmit from './mixin-on-submit'
+import mixin from './mixin'
 
 export default {
   name: 'TransactionFormTransfer',
@@ -205,7 +204,7 @@ export default {
     WalletSelection
   },
 
-  mixins: [onSubmit],
+  mixins: [mixin],
 
   props: {
     schema: {
@@ -225,8 +224,6 @@ export default {
       vendorField: ''
     },
     isSendAllActive: false,
-    showEncryptLoader: false,
-    showLedgerLoader: false,
     previousAmount: '',
     wallet: null,
     showConfirmSendAll: false
@@ -236,36 +233,47 @@ export default {
     alternativeCurrency () {
       return this.$store.getters['session/currency']
     },
+
     // Customize the message to display the minimum amount as subunit
     amountTooLowError () {
       const { fractionDigits } = this.walletNetwork
       const minimumAmount = Math.pow(10, -fractionDigits)
-      const amount = this.currency_simpleFormatCrypto(minimumAmount.toFixed(fractionDigits))
-      return this.$t('INPUT_CURRENCY.ERROR.LESS_THAN_MINIMUM', { amount })
+
+      return this.$t('INPUT_CURRENCY.ERROR.LESS_THAN_MINIMUM', {
+        amount: this.currency_simpleFormatCrypto(minimumAmount.toFixed(fractionDigits))
+      })
     },
+
     notEnoughBalanceError () {
       if (!this.currentWallet) {
         return ''
       }
 
-      const balance = this.formatter_networkCurrency(this.currentWallet.balance)
-      return this.$t('TRANSACTION_FORM.ERROR.NOT_ENOUGH_BALANCE', { balance })
+      return this.$t('TRANSACTION_FORM.ERROR.NOT_ENOUGH_BALANCE', {
+        balance: this.formatter_networkCurrency(this.currentWallet.balance)
+      })
     },
+
     minimumAmount () {
       return this.currency_subToUnit(1)
     },
+
     maximumAvailableAmount () {
       if (!this.currentWallet) {
         return 0
       }
+
       return this.currency_subToUnit(this.currentWallet.balance).minus(this.form.fee)
     },
+
     senderLabel () {
       return this.currentWallet ? this.wallet_formatAddress(this.currentWallet.address) : null
     },
+
     senderWallet () {
       return this.wallet
     },
+
     walletNetwork () {
       const sessionNetwork = this.session_network
       if (!this.currentWallet || !this.currentWallet.id) {
@@ -276,19 +284,24 @@ export default {
       if (!profile.id) {
         return sessionNetwork
       }
+
       return this.$store.getters['network/byId'](profile.networkId) || sessionNetwork
     },
+
     currentWallet: {
       get () {
         return this.senderWallet || this.wallet_fromRoute
       },
+
       set (wallet) {
         this.wallet = wallet
       }
     },
+
     vendorFieldLabel () {
       return `${this.$t('TRANSACTION.VENDOR_FIELD')} - ${this.$t('VALIDATION.MAX_LENGTH', [this.vendorFieldMaxLength])}`
     },
+
     vendorFieldHelperText () {
       const vendorFieldLength = this.form.vendorField.length
 
@@ -300,13 +313,17 @@ export default {
           this.vendorFieldMaxLength
         ])
       }
+
       return null
     },
+
     vendorFieldMaxLength () {
       const vendorField = this.walletNetwork.vendorField
+
       if (vendorField) {
         return vendorField.maxLength
       }
+
       return VENDOR_FIELD.defaultMaxLength
     }
   },
@@ -325,15 +342,36 @@ export default {
       this.$set(this.form, 'recipientId', this.schema.address || '')
       this.$set(this.form, 'vendorField', this.schema.vendorField || '')
     }
+
     if (this.currentWallet && this.currentWallet.id) {
       this.$set(this, 'wallet', this.currentWallet || null)
       this.$v.wallet.$touch()
     }
-
-    this.form.fee = this.$refs.fee.fee
   },
 
   methods: {
+    getTransactionData () {
+      const transactionData = {
+        amount: this.currency_unitToSub(this.form.amount),
+        recipientId: this.form.recipientId,
+        vendorField: this.form.vendorField,
+        passphrase: this.form.passphrase,
+        fee: this.getFee(),
+        wif: this.form.wif,
+        networkWif: this.walletNetwork.wif
+      }
+
+      if (this.currentWallet.secondPublicKey) {
+        transactionData.secondPassphrase = this.form.secondPassphrase
+      }
+
+      return transactionData
+    },
+
+    async buildTransaction (transactionData, isAdvancedFee = false, returnObject = false) {
+      return this.$client.buildTransfer(transactionData, isAdvancedFee, returnObject)
+    },
+
     emitNext (transaction) {
       this.$emit('next', {
         transaction,
@@ -345,6 +383,7 @@ export default {
       this.$set(this.form, 'fee', fee)
       this.ensureAvailableAmount()
     },
+
     setSendAll (isActive, setPreviousAmount = true) {
       if (isActive) {
         this.confirmSendAll()
@@ -370,42 +409,6 @@ export default {
       }
     },
 
-    async submit () {
-      const transactionData = {
-        amount: this.currency_unitToSub(this.form.amount),
-        recipientId: this.form.recipientId,
-        vendorField: this.form.vendorField,
-        passphrase: this.form.passphrase,
-        fee: this.currency_unitToSub(this.form.fee),
-        wif: this.form.wif,
-        networkWif: this.walletNetwork.wif
-      }
-      if (this.currentWallet.secondPublicKey) {
-        transactionData.secondPassphrase = this.form.secondPassphrase
-      }
-
-      let success = true
-      let transaction
-      if (!this.currentWallet || !this.currentWallet.isLedger) {
-        transaction = await this.$client.buildTransfer(transactionData, this.$refs.fee && this.$refs.fee.isAdvancedFee)
-      } else {
-        success = false
-        this.showLedgerLoader = true
-        try {
-          const transactionObject = await this.$client.buildTransfer(transactionData, this.$refs.fee && this.$refs.fee.isAdvancedFee, true)
-          transaction = await TransactionService.ledgerSign(this.currentWallet, transactionObject, this)
-          success = true
-        } catch (error) {
-          this.$error(`${this.$t('TRANSACTION.LEDGER_SIGN_FAILED')}: ${error.message}`)
-        }
-        this.showLedgerLoader = false
-      }
-
-      if (success) {
-        this.emitNext(transaction)
-      }
-    },
-
     enableSendAll () {
       this.isSendAllActive = true
       this.ensureAvailableAmount()
@@ -471,6 +474,12 @@ export default {
   validations: {
     wallet: {},
     form: {
+      fee: mixin.validators.fee,
+      passphrase: mixin.validators.passphrase,
+      secondPassphrase: mixin.validators.secondPassphrase,
+      vendorField: {},
+      walletPassword: mixin.validators.walletPassword,
+
       recipientId: {
         required,
         isValid (value) {
@@ -480,6 +489,7 @@ export default {
           return false
         }
       },
+
       amount: {
         required,
         isValid (value) {
@@ -488,59 +498,6 @@ export default {
           }
           return false
         }
-      },
-      fee: {
-        required,
-        isValid () {
-          if (this.$refs.fee) {
-            return !this.$refs.fee.$v.$invalid
-          }
-
-          return false
-        }
-      },
-      passphrase: {
-        isValid (value) {
-          if (this.currentWallet.isLedger || this.currentWallet.passphrase) {
-            return true
-          }
-
-          if (this.$refs.passphrase) {
-            return !this.$refs.passphrase.$v.$invalid
-          }
-
-          return false
-        }
-      },
-      vendorField: {},
-      walletPassword: {
-        isValid (value) {
-          if (this.currentWallet.isLedger || !this.currentWallet.passphrase) {
-            return true
-          }
-
-          if (!this.form.walletPassword || !this.form.walletPassword.length) {
-            return false
-          }
-
-          if (this.$refs.password) {
-            return !this.$refs.password.$v.$invalid
-          }
-
-          return false
-        }
-      },
-      secondPassphrase: {
-        isValid (value) {
-          if (!this.currentWallet.secondPublicKey) {
-            return true
-          }
-
-          if (this.$refs.secondPassphrase) {
-            return !this.$refs.secondPassphrase.$v.$invalid
-          }
-          return false
-        }
       }
     }
   }
diff --git a/src/renderer/components/Transaction/TransactionForm/TransactionFormVote.vue b/src/renderer/components/Transaction/TransactionForm/TransactionFormVote.vue
index 49e719597d..7c8201106f 100644
--- a/src/renderer/components/Transaction/TransactionForm/TransactionFormVote.vue
+++ b/src/renderer/components/Transaction/TransactionForm/TransactionFormVote.vue
@@ -146,7 +146,6 @@
 </template>
 
 <script>
-import { required } from 'vuelidate/lib/validators'
 import { TRANSACTION_TYPES } from '@config'
 import { Collapse } from '@/components/Collapse'
 import { InputFee, InputPassword } from '@/components/Input'
@@ -154,8 +153,7 @@ import { ListDivided, ListDividedItem } from '@/components/ListDivided'
 import { ModalLoader } from '@/components/Modal'
 import { PassphraseInput } from '@/components/Passphrase'
 import WalletAddress from '@/components/Wallet/WalletAddress'
-import TransactionService from '@/services/transaction'
-import onSubmit from './mixin-on-submit'
+import mixin from './mixin'
 
 export default {
   name: 'TransactionFormVote',
@@ -173,7 +171,7 @@ export default {
     WalletAddress
   },
 
-  mixins: [onSubmit],
+  mixins: [mixin],
 
   props: {
     delegate: {
@@ -200,24 +198,14 @@ export default {
       walletPassword: ''
     },
     forged: 0,
-    voters: '0',
-    showEncryptLoader: false,
-    showLedgerLoader: false
+    voters: '0'
   }),
 
   computed: {
-    currentWallet () {
-      return this.wallet_fromRoute
-    },
-
     blocksProduced () {
       return this.delegate.blocks.produced || '0'
     },
 
-    senderLabel () {
-      return this.wallet_formatAddress(this.currentWallet.address)
-    },
-
     showVoteUnvoteButton () {
       if (this.currentWallet.isContact || (!!this.votedDelegate && !this.isVoter)) {
         return false
@@ -228,10 +216,6 @@ export default {
 
     showCurrentlyVoting () {
       return !!this.votedDelegate && !this.isVoter
-    },
-
-    walletNetwork () {
-      return this.session_network
     }
   },
 
@@ -254,44 +238,16 @@ export default {
   mounted () {
     this.fetchForged()
     this.fetchVoters()
-
-    this.form.fee = this.$refs.fee.fee
   },
 
   methods: {
-    toggleStep () {
-      this.isPassphraseStep = !this.isPassphraseStep
-    },
-
-    async fetchForged () {
-      const forged = await this.$client.fetchDelegateForged(this.delegate)
-      this.forged = this.currency_format(this.currency_subToUnit(forged), { currencyFrom: 'network' })
-    },
-
-    async fetchVoters () {
-      this.voters = await this.$client.fetchDelegateVoters(this.delegate) || '0'
-    },
-
-    onFee (fee) {
-      this.$set(this.form, 'fee', fee)
-    },
-
-    async submit () {
-      // Ensure that fee has value, even when the user has not interacted
-      if (!this.form.fee) {
-        this.form.fee = this.$refs.fee.fee
-      }
-
-      const { publicKey } = this.delegate
-      const prefix = this.isVoter ? '-' : '+'
-
-      const votes = [
-        `${prefix}${publicKey}`
-      ]
+    getTransactionData () {
       const transactionData = {
         passphrase: this.form.passphrase,
-        votes,
-        fee: parseInt(this.currency_unitToSub(this.form.fee)),
+        votes: [
+          `${this.isVoter ? '-' : '+'}${this.delegate.publicKey}`
+        ],
+        fee: this.getFee(),
         wif: this.form.wif,
         networkWif: this.walletNetwork.wif
       }
@@ -300,27 +256,28 @@ export default {
         transactionData.secondPassphrase = this.form.secondPassphrase
       }
 
-      let success = true
-      let transaction
-      if (!this.currentWallet.isLedger) {
-        transaction = await this.$client.buildVote(transactionData, this.$refs.fee && this.$refs.fee.isAdvancedFee)
-      } else {
-        success = false
-        this.showLedgerLoader = true
-        try {
-          const transactionObject = await this.$client.buildVote(transactionData, this.$refs.fee && this.$refs.fee.isAdvancedFee, true)
-          transaction = await TransactionService.ledgerSign(this.currentWallet, transactionObject, this)
-          success = true
-        } catch (error) {
-          this.$error(`${this.$t('TRANSACTION.LEDGER_SIGN_FAILED')}: ${error.message}`)
-        }
-        this.showLedgerLoader = false
-      }
+      return transactionData
+    },
 
-      if (success) {
-        this.emitNext(transaction)
-        this.reset()
-      }
+    async buildTransaction (transactionData, isAdvancedFee = false, returnObject = false) {
+      return this.$client.buildVote(transactionData, isAdvancedFee, returnObject)
+    },
+
+    postSubmit () {
+      this.reset()
+    },
+
+    toggleStep () {
+      this.isPassphraseStep = !this.isPassphraseStep
+    },
+
+    async fetchForged () {
+      const forged = await this.$client.fetchDelegateForged(this.delegate)
+      this.forged = this.currency_format(this.currency_subToUnit(forged), { currencyFrom: 'network' })
+    },
+
+    async fetchVoters () {
+      this.voters = await this.$client.fetchDelegateVoters(this.delegate) || '0'
     },
 
     reset () {
@@ -337,66 +294,15 @@ export default {
 
     emitCancel () {
       this.$emit('cancel', 'navigateToTransactions')
-    },
-
-    emitNext (transaction) {
-      this.$emit('next', { transaction })
     }
   },
 
   validations: {
     form: {
-      fee: {
-        required,
-        isValid () {
-          if (this.$refs.fee) {
-            return !this.$refs.fee.$v.$invalid
-          }
-
-          return false
-        }
-      },
-      passphrase: {
-        isValid (value) {
-          if (this.currentWallet.isLedger || this.currentWallet.passphrase) {
-            return true
-          }
-
-          if (this.$refs.passphrase) {
-            return !this.$refs.passphrase.$v.$invalid
-          }
-          return false
-        }
-      },
-      walletPassword: {
-        isValid (value) {
-          if (this.currentWallet.isLedger || !this.currentWallet.passphrase) {
-            return true
-          }
-
-          if (!this.form.walletPassword || !this.form.walletPassword.length) {
-            return false
-          }
-
-          if (this.$refs.password) {
-            return !this.$refs.password.$v.$invalid
-          }
-
-          return false
-        }
-      },
-      secondPassphrase: {
-        isValid (value) {
-          if (!this.currentWallet.secondPublicKey) {
-            return true
-          }
-
-          if (this.$refs.secondPassphrase) {
-            return !this.$refs.secondPassphrase.$v.$invalid
-          }
-          return false
-        }
-      }
+      fee: mixin.validators.fee,
+      passphrase: mixin.validators.passphrase,
+      walletPassword: mixin.validators.walletPassword,
+      secondPassphrase: mixin.validators.secondPassphrase
     }
   }
 }
diff --git a/src/renderer/components/Transaction/TransactionForm/mixin-on-submit.js b/src/renderer/components/Transaction/TransactionForm/mixin-on-submit.js
deleted file mode 100644
index 2600ce44e8..0000000000
--- a/src/renderer/components/Transaction/TransactionForm/mixin-on-submit.js
+++ /dev/null
@@ -1,35 +0,0 @@
-import Bip38 from '@/services/bip38'
-
-export default {
-  methods: {
-    /**
-     * Decrypt the WIF of the wallet if has a password and submit the form
-     */
-    async onSubmit () {
-      if (this.form.walletPassword && this.form.walletPassword.length) {
-        this.showEncryptLoader = true
-
-        const dataToDecrypt = {
-          bip38key: this.currentWallet.passphrase,
-          password: this.form.walletPassword,
-          wif: this.walletNetwork.wif
-        }
-
-        const bip38 = new Bip38()
-        try {
-          const { encodedWif } = await bip38.decrypt(dataToDecrypt)
-          this.form.passphrase = null
-          this.form.wif = encodedWif
-        } catch (_error) {
-          this.$error(this.$t('ENCRYPTION.FAILED_DECRYPT'))
-        } finally {
-          bip38.quit()
-        }
-
-        this.showEncryptLoader = false
-      }
-
-      this.submit()
-    }
-  }
-}
diff --git a/src/renderer/components/Transaction/TransactionForm/mixin.js b/src/renderer/components/Transaction/TransactionForm/mixin.js
new file mode 100644
index 0000000000..e4bbb4dcb5
--- /dev/null
+++ b/src/renderer/components/Transaction/TransactionForm/mixin.js
@@ -0,0 +1,170 @@
+import { required } from 'vuelidate/lib/validators'
+import Bip38 from '@/services/bip38'
+import TransactionService from '@/services/transaction'
+
+export default {
+  validators: {
+    fee: {
+      required,
+      isValid () {
+        if (this.$refs.fee) {
+          return !this.$refs.fee.$v.$invalid
+        }
+
+        return false
+      }
+    },
+
+    passphrase: {
+      isValid (value) {
+        if (this.currentWallet.isLedger || this.currentWallet.passphrase) {
+          return true
+        }
+
+        if (this.$refs.passphrase) {
+          return !this.$refs.passphrase.$v.$invalid
+        }
+
+        return false
+      }
+    },
+
+    walletPassword: {
+      isValid (value) {
+        if (this.currentWallet.isLedger || !this.currentWallet.passphrase) {
+          return true
+        }
+
+        if (!this.form.walletPassword || !this.form.walletPassword.length) {
+          return false
+        }
+
+        if (this.$refs.password) {
+          return !this.$refs.password.$v.$invalid
+        }
+
+        return false
+      }
+    },
+
+    secondPassphrase: {
+      isValid (value) {
+        if (!this.currentWallet.secondPublicKey) {
+          return true
+        }
+
+        if (this.$refs.secondPassphrase) {
+          return !this.$refs.secondPassphrase.$v.$invalid
+        }
+        return false
+      }
+    }
+  },
+
+  data () {
+    return {
+      showEncryptLoader: false,
+      showLedgerLoader: false
+    }
+  },
+
+  computed: {
+    currentWallet () {
+      return this.wallet_fromRoute
+    },
+
+    senderLabel () {
+      return this.wallet_formatAddress(this.currentWallet.address)
+    },
+
+    walletNetwork () {
+      return this.session_network
+    }
+  },
+
+  mounted () {
+    this.form.fee = this.$refs.fee.fee
+  },
+
+  methods: {
+    /**
+     * Decrypt the WIF of the wallet if has a password and submit the form
+     */
+    async onSubmit () {
+      if (this.form.walletPassword && this.form.walletPassword.length) {
+        this.showEncryptLoader = true
+
+        const dataToDecrypt = {
+          bip38key: this.currentWallet.passphrase,
+          password: this.form.walletPassword,
+          wif: this.walletNetwork.wif
+        }
+
+        const bip38 = new Bip38()
+        try {
+          const { encodedWif } = await bip38.decrypt(dataToDecrypt)
+          this.form.passphrase = null
+          this.form.wif = encodedWif
+        } catch (_error) {
+          this.$error(this.$t('ENCRYPTION.FAILED_DECRYPT'))
+        } finally {
+          bip38.quit()
+        }
+
+        this.showEncryptLoader = false
+      }
+
+      this.submit()
+    },
+
+    async submit () {
+      // Ensure that fee has value, even when the user has not interacted
+      if (!this.form.fee) {
+        this.$set(this.form, 'fee', this.$refs.fee.fee)
+      }
+
+      const transactionData = this.getTransactionData()
+
+      let success = true
+      let transaction
+      if (!this.currentWallet.isLedger) {
+        transaction = await this.buildTransaction(transactionData, this.$refs.fee && this.$refs.fee.isAdvancedFee)
+      } else {
+        success = false
+        this.showLedgerLoader = true
+        try {
+          const transactionObject = await this.buildTransaction(
+            transactionData,
+            this.$refs.fee && this.$refs.fee.isAdvancedFee,
+            true
+          )
+          transaction = await TransactionService.ledgerSign(this.currentWallet, transactionObject, this)
+          success = true
+        } catch (error) {
+          this.$error(`${this.$t('TRANSACTION.LEDGER_SIGN_FAILED')}: ${error.message}`)
+        }
+        this.showLedgerLoader = false
+      }
+
+      if (success) {
+        this.emitNext(transaction)
+
+        if (this.postSubmit) {
+          this.postSubmit()
+        }
+      }
+    },
+
+    getFee () {
+      return parseInt(this.currency_unitToSub(this.form.fee))
+    },
+
+    onFee (fee) {
+      this.$set(this.form, 'fee', fee)
+    },
+
+    emitNext (transaction) {
+      this.$emit('next', { transaction })
+    }
+  }
+}

From c30b85434663aa632e77d56a052834d804345da9 Mon Sep 17 00:00:00 2001
From: Alex Barnsley <8069294+alexbarnsley@users.noreply.github.com>
Date: Wed, 9 Oct 2019 10:41:28 +0100
Subject: [PATCH 02/15] feat(aip-11): v2 transactions with nonces (#1437)

---
 package.json                                  |   4 +-
 src/renderer/App.vue                          |   2 +
 .../TransactionFormDelegateRegistration.vue   |   1 +
 .../TransactionFormSecondSignature.vue        |   1 +
 .../TransactionFormTransfer.vue               |   1 +
 .../TransactionForm/TransactionFormVote.vue   |   1 +
 .../Transaction/TransactionModal.vue          |   4 +
 src/renderer/models/network.js                |   3 +
 src/renderer/services/client.js               | 125 +++++++++++++++---
 src/renderer/services/synchronizer.js         |  24 ++--
 src/renderer/store/modules/network.js         |  21 +++
 src/renderer/store/modules/peer.js            |  55 ++++++--
 yarn.lock                                     |  38 +++---
 13 files changed, 222 insertions(+), 58 deletions(-)

diff --git a/package.json b/package.json
index 99a19c30d8..2976e63d2d 100644
--- a/package.json
+++ b/package.json
@@ -49,8 +49,8 @@
     "test:unit:watch": "jest --config __tests__/unit.jest.conf.js --watch"
   },
   "dependencies": {
-    "@arkecosystem/client": "^1.0.1",
-    "@arkecosystem/crypto": "^2.5.7",
+    "@arkecosystem/client": "^1.0.2",
+    "@arkecosystem/crypto": "^2.6.0-alpha.0",
     "@arkecosystem/ledger-transport": "^0.1.0",
     "@arkecosystem/peers": "^0.2.1",
     "@babel/runtime": "^7.4.2",
diff --git a/src/renderer/App.vue b/src/renderer/App.vue
index ee6954c893..0f7583646d 100644
--- a/src/renderer/App.vue
+++ b/src/renderer/App.vue
@@ -291,6 +291,7 @@ export default {
     async loadNotEssential () {
       await this.$store.dispatch('peer/refresh')
       this.$store.dispatch('peer/connectToBest', {})
+      this.$store.dispatch('network/updateData')
 
       if (this.session_network) {
         this.$store.dispatch('ledger/init', this.session_network.slip44)
@@ -300,6 +301,7 @@ export default {
       this.$eventBus.on('client:changed', () => {
         this.$store.dispatch('ledger/init', this.session_network.slip44)
         this.$store.dispatch('peer/connectToBest', {})
+        this.$store.dispatch('network/updateData')
         this.$store.dispatch('delegate/load')
         if (this.$store.getters['ledger/isConnected']) {
           this.$store.dispatch('ledger/reloadWallets', { clearFirst: true, forceLoad: true })
diff --git a/src/renderer/components/Transaction/TransactionForm/TransactionFormDelegateRegistration.vue b/src/renderer/components/Transaction/TransactionForm/TransactionFormDelegateRegistration.vue
index de1f05dde7..0a366d1a0c 100644
--- a/src/renderer/components/Transaction/TransactionForm/TransactionFormDelegateRegistration.vue
+++ b/src/renderer/components/Transaction/TransactionForm/TransactionFormDelegateRegistration.vue
@@ -150,6 +150,7 @@ export default {
   methods: {
     getTransactionData () {
       const transactionData = {
+        address: this.currentWallet.address,
         username: this.form.username,
         passphrase: this.form.passphrase,
         fee: this.getFee(),
diff --git a/src/renderer/components/Transaction/TransactionForm/TransactionFormSecondSignature.vue b/src/renderer/components/Transaction/TransactionForm/TransactionFormSecondSignature.vue
index 7d58dcbc18..bd7ebb6cf7 100644
--- a/src/renderer/components/Transaction/TransactionForm/TransactionFormSecondSignature.vue
+++ b/src/renderer/components/Transaction/TransactionForm/TransactionFormSecondSignature.vue
@@ -221,6 +221,7 @@ export default {
   methods: {
     getTransactionData () {
       return {
+        address: this.currentWallet.address,
         passphrase: this.form.passphrase,
         secondPassphrase: this.secondPassphrase,
         fee: this.getFee(),
diff --git a/src/renderer/components/Transaction/TransactionForm/TransactionFormTransfer.vue b/src/renderer/components/Transaction/TransactionForm/TransactionFormTransfer.vue
index 8f6bcadcd9..749a5f4cd9 100644
--- a/src/renderer/components/Transaction/TransactionForm/TransactionFormTransfer.vue
+++ b/src/renderer/components/Transaction/TransactionForm/TransactionFormTransfer.vue
@@ -352,6 +352,7 @@ export default {
   methods: {
     getTransactionData () {
       const transactionData = {
+        address: this.currentWallet.address,
         amount: this.currency_unitToSub(this.form.amount),
         recipientId: this.form.recipientId,
         vendorField: this.form.vendorField,
diff --git a/src/renderer/components/Transaction/TransactionForm/TransactionFormVote.vue b/src/renderer/components/Transaction/TransactionForm/TransactionFormVote.vue
index 7c8201106f..40160c11eb 100644
--- a/src/renderer/components/Transaction/TransactionForm/TransactionFormVote.vue
+++ b/src/renderer/components/Transaction/TransactionForm/TransactionFormVote.vue
@@ -243,6 +243,7 @@ export default {
   methods: {
     getTransactionData () {
       const transactionData = {
+        address: this.currentWallet.address,
         passphrase: this.form.passphrase,
         votes: [
           `${this.isVoter ? '-' : '+'}${this.delegate.publicKey}`
diff --git a/src/renderer/components/Transaction/TransactionModal.vue b/src/renderer/components/Transaction/TransactionModal.vue
index 6d8da648d8..ccd4f43646 100644
--- a/src/renderer/components/Transaction/TransactionModal.vue
+++ b/src/renderer/components/Transaction/TransactionModal.vue
@@ -242,6 +242,10 @@ export default {
     storeTransaction (transaction) {
       const { id, type, amount, fee, senderPublicKey, vendorField } = transaction
 
+      if (!transaction.timestamp) {
+        transaction.timestamp = Math.floor((new Date()).getTime() / 1000)
+      }
+
       const sender = WalletService.getAddressFromPublicKey(senderPublicKey, this.walletNetwork.version)
       const epoch = new Date(this.walletNetwork.constants.epoch)
       const timestamp = epoch.getTime() + transaction.timestamp * 1000
diff --git a/src/renderer/models/network.js b/src/renderer/models/network.js
index 4842de7d91..19afe05f18 100644
--- a/src/renderer/models/network.js
+++ b/src/renderer/models/network.js
@@ -49,6 +49,9 @@ export default new BaseModel({
     constants: {
       type: 'object'
     },
+    crypto: {
+      type: 'object'
+    },
     vendorField: {
       type: 'object',
       properties: {
diff --git a/src/renderer/services/client.js b/src/renderer/services/client.js
index 257dca0f08..ddd2649e02 100644
--- a/src/renderer/services/client.js
+++ b/src/renderer/services/client.js
@@ -1,5 +1,5 @@
 import { Connection } from '@arkecosystem/client'
-import { Identities, Transactions } from '@arkecosystem/crypto'
+import { Identities, Managers, Transactions } from '@arkecosystem/crypto'
 import { castArray, chunk, orderBy } from 'lodash'
 import got from 'got'
 import moment from 'moment'
@@ -21,20 +21,28 @@ export default class ClientService {
     }
   }
 
+  /**
+   * Generate a new connection instance.
+   *
+   * @param  {String} server         Host URL to connect to server
+   * @param  {Number} [timeout=5000] Connection timeout
+   * @return {Connection}
+   */
+  static newConnection (server, timeout) {
+    return (new Connection(`${server}/api/v2`)).withOptions({ timeout: timeout || 5000 })
+  }
+
   /**
    * Fetch the network configuration according to the version.
    * In case the `vendorField` length has changed, updates the network data.
    * Create a new client to isolate the main client.
    *
    * @param {String} server
-   * @param {Number} apiVersion
    * @param {Number} timeout
    * @returns {Object}
    */
   static async fetchNetworkConfig (server, timeout) {
-    const client = (new Connection(`${server}/api/v2`)).withOptions({ timeout: timeout || 5000 })
-
-    const response = await client.api('node').configuration()
+    const response = await ClientService.newConnection(server, timeout).api('node').configuration()
     const data = response.body.data
 
     const currentNetwork = store.getters['session/network']
@@ -53,6 +61,17 @@ export default class ClientService {
     return data
   }
 
+  /**
+   * Fetch the network crypto data, e.g. milestones
+   *
+   * @param {String} server
+   * @param {Number} timeout
+   * @returns {Object}
+   */
+  static async fetchNetworkCrypto (server, timeout) {
+    return (await ClientService.newConnection(server, timeout).api('node').crypto()).body.data
+  }
+
   /**
    * TODO: Remove unnecessary endpoints once core 2.4 is released (maybe wait until 2.5 so other chains have updated)
    * Only for V2
@@ -90,8 +109,7 @@ export default class ClientService {
 
   static async fetchFeeStatistics (server, timeout) {
     try {
-      const client = (new Connection(`${server}/api/v2`)).withOptions({ timeout: timeout || 5000 })
-      const { body } = await client.api('node').fees(7)
+      const { body } = await ClientService.newConnection(server, timeout).api('node').fees(7)
 
       return body.data.map(fee => ({
         type: Number(fee.type),
@@ -125,9 +143,8 @@ export default class ClientService {
   }
 
   set host (host) {
-    host = `${host}/api/v2`
-    this.__host = host
-    this.client = (new Connection(host)).withOptions({ timeout: 5000 })
+    this.__host = `${host}/api/v2`
+    this.client = ClientService.newConnection(host)
   }
 
   get version () {
@@ -489,7 +506,19 @@ export default class ClientService {
    * @param {Boolean} returnObject - to return the transaction of its internal struct
    * @returns {Object}
    */
-  async buildVote ({ votes, fee, passphrase, secondPassphrase, wif, networkWif }, isAdvancedFee = false, returnObject = false) {
+  async buildVote (
+    {
+      address,
+      votes,
+      fee,
+      passphrase,
+      secondPassphrase,
+      wif,
+      networkWif
+    },
+    isAdvancedFee = false,
+    returnObject = false
+  ) {
     const staticFee = store.getters['transaction/staticFee'](3) || V1.fees[3]
     if (!isAdvancedFee && fee > staticFee) {
       throw new Error(`Vote fee should be smaller than ${staticFee}`)
@@ -504,6 +533,7 @@ export default class ClientService {
     secondPassphrase = this.normalizePassphrase(secondPassphrase)
 
     return this.__signTransaction({
+      address,
       transaction,
       passphrase,
       secondPassphrase,
@@ -523,7 +553,19 @@ export default class ClientService {
    * @param {Boolean} returnObject - to return the transaction of its internal struct
    * @returns {Object}
    */
-  async buildDelegateRegistration ({ username, fee, passphrase, secondPassphrase, wif, networkWif }, isAdvancedFee = false, returnObject = false) {
+  async buildDelegateRegistration (
+    {
+      address,
+      username,
+      fee,
+      passphrase,
+      secondPassphrase,
+      wif,
+      networkWif
+    },
+    isAdvancedFee = false,
+    returnObject = false
+  ) {
     const staticFee = store.getters['transaction/staticFee'](2) || V1.fees[2]
     if (!isAdvancedFee && fee > staticFee) {
       throw new Error(`Delegate registration fee should be smaller than ${staticFee}`)
@@ -538,6 +580,7 @@ export default class ClientService {
     secondPassphrase = this.normalizePassphrase(secondPassphrase)
 
     return this.__signTransaction({
+      address,
       transaction,
       passphrase,
       secondPassphrase,
@@ -559,7 +602,21 @@ export default class ClientService {
    * @param {Boolean} returnObject - to return the transaction of its internal struct
    * @returns {Object}
    */
-  async buildTransfer ({ amount, fee, recipientId, vendorField, passphrase, secondPassphrase, wif, networkWif }, isAdvancedFee = false, returnObject = false) {
+  async buildTransfer (
+    {
+      address,
+      amount,
+      fee,
+      recipientId,
+      vendorField,
+      passphrase,
+      secondPassphrase,
+      wif,
+      networkWif
+    },
+    isAdvancedFee = false,
+    returnObject = false
+  ) {
     const staticFee = store.getters['transaction/staticFee'](0) || V1.fees[0]
     if (!isAdvancedFee && fee > staticFee) {
       throw new Error(`Transfer fee should be smaller than ${staticFee}`)
@@ -577,6 +634,7 @@ export default class ClientService {
     secondPassphrase = this.normalizePassphrase(secondPassphrase)
 
     return this.__signTransaction({
+      address,
       transaction,
       passphrase,
       secondPassphrase,
@@ -595,7 +653,18 @@ export default class ClientService {
    * @param {Boolean} returnObject - to return the transaction of its internal struct
    * @returns {Object}
    */
-  async buildSecondSignatureRegistration ({ fee, passphrase, secondPassphrase, wif, networkWif }, isAdvancedFee = false, returnObject = false) {
+  async buildSecondSignatureRegistration (
+    {
+      address,
+      fee,
+      passphrase,
+      secondPassphrase,
+      wif,
+      networkWif
+    },
+    isAdvancedFee = false,
+    returnObject = false
+  ) {
     const staticFee = store.getters['transaction/staticFee'](1) || V1.fees[1]
     if (!isAdvancedFee && fee > staticFee) {
       throw new Error(`Second signature fee should be smaller than ${staticFee}`)
@@ -609,6 +678,7 @@ export default class ClientService {
     passphrase = this.normalizePassphrase(passphrase)
 
     return this.__signTransaction({
+      address,
       transaction,
       passphrase,
       wif,
@@ -626,7 +696,17 @@ export default class ClientService {
    * @param {Boolean} returnObject - to return the transaction of its internal struct
    * @returns {Object}
    */
-  __signTransaction ({ transaction, passphrase, secondPassphrase, wif, networkWif }, returnObject = false) {
+  async __signTransaction (
+    {
+      address,
+      transaction,
+      passphrase,
+      secondPassphrase,
+      wif,
+      networkWif
+    },
+    returnObject = false
+  ) {
     const network = store.getters['session/network']
     transaction = transaction.network(network.version)
 
@@ -635,6 +715,21 @@ export default class ClientService {
     const now = moment().valueOf()
     transaction.data.timestamp = Math.floor((now - epochTime) / 1000)
 
+    if (network.constants.aip11) {
+      Managers.configManager.setConfig(network.crypto)
+      Managers.configManager.setHeight(await store.dispatch('peer/getAverageHeight', network))
+
+      let nonce = '1'
+      try {
+        nonce = BigNumber((await this.fetchWallet(address)).nonce || 0).plus(1).toString()
+      } catch (error) {
+        //
+      }
+
+      transaction.version(2)
+        .nonce(nonce)
+    }
+
     if (passphrase) {
       transaction = transaction.sign(this.normalizePassphrase(passphrase))
     } else if (wif) {
diff --git a/src/renderer/services/synchronizer.js b/src/renderer/services/synchronizer.js
index 8e315359ae..bb40d9722a 100644
--- a/src/renderer/services/synchronizer.js
+++ b/src/renderer/services/synchronizer.js
@@ -39,18 +39,6 @@ export default class Synchronizer {
         default: { interval: longest, delay: loop * 6 },
         focus: { interval: medium }
       },
-      market: {
-        default: { interval: medium },
-        focus: { interval: shorter }
-      },
-      wallets: {
-        default: { interval: shorter },
-        focus: { interval: shortest }
-      },
-      ledgerWallets: {
-        default: { interval: shorter },
-        focus: { interval: shortest }
-      },
       delegates: {
         default: { interval: longer, delay: loop * 3 },
         focus: { interval: longer }
@@ -59,9 +47,21 @@ export default class Synchronizer {
         default: { interval: null },
         focus: { interval: shorter }
       },
+      ledgerWallets: {
+        default: { interval: shorter },
+        focus: { interval: shortest }
+      },
+      market: {
+        default: { interval: medium },
+        focus: { interval: shorter }
+      },
       peer: {
         default: { interval: longer },
         focus: { interval: shorter }
+      },
+      wallets: {
+        default: { interval: shorter },
+        focus: { interval: shortest }
       }
     }
     config.contacts = config.wallets
diff --git a/src/renderer/store/modules/network.js b/src/renderer/store/modules/network.js
index 80ea5f76bc..3473198dc0 100644
--- a/src/renderer/store/modules/network.js
+++ b/src/renderer/store/modules/network.js
@@ -69,6 +69,27 @@ export default new BaseModule(NetworkModel, {
       commit('SET_ALL', NETWORKS)
     },
 
+    /*
+     * Update data of the network
+     */
+    async updateData ({ commit, rootGetters }, network = null) {
+      if (!network) {
+        network = rootGetters['session/network']
+      }
+
+      try {
+        const crypto = await Client.fetchNetworkCrypto(network.server)
+        const { constants } = await Client.fetchNetworkConfig(network.server)
+        commit('UPDATE', {
+          ...network,
+          crypto,
+          constants
+        })
+      } catch (error) {
+        // data could not be updated
+      }
+    },
+
     /*
      * Update the fee statistics of the current network
      */
diff --git a/src/renderer/store/modules/peer.js b/src/renderer/store/modules/peer.js
index 3288c3a4f5..067197cb2b 100644
--- a/src/renderer/store/modules/peer.js
+++ b/src/renderer/store/modules/peer.js
@@ -264,10 +264,10 @@ export default {
     },
 
     /**
-     * Refresh peer list.
-     * @return {void}
+     * Get Peer Discovery instance.
+     * @return {PeerDiscovery}
      */
-    async refresh ({ dispatch, getters, rootGetters }, network = null) {
+    async getPeerDiscovery ({ dispatch, getters, rootGetters }, network = null) {
       if (!network) {
         network = rootGetters['session/network']
       }
@@ -281,22 +281,55 @@ export default {
         'ark.devnet': 'devnet'
       }
 
-      let peerDiscovery = null
       if (networkLookup[network.id]) {
-        peerDiscovery = await PeerDiscovery.new({
+        return PeerDiscovery.new({
           networkOrHost: networkLookup[network.id]
         })
-      } else if (getters['current']()) {
+      }
+
+      if (getters['current']()) {
         const peerUrl = getBaseUrl(getters['current']())
-        peerDiscovery = await PeerDiscovery.new({
+        return PeerDiscovery.new({
           networkOrHost: `${peerUrl}/api/v2/peers`
         })
-      } else {
-        peerDiscovery = await PeerDiscovery.new({
-          networkOrHost: `${network.server}/api/v2/peers`
-        })
       }
 
+      return PeerDiscovery.new({
+        networkOrHost: `${network.server}/api/v2/peers`
+      })
+    },
+
+    /**
+     * Get average peer height.
+     * @return {Number}
+     */
+    async getAverageHeight ({ dispatch, getters, rootGetters }, network = null) {
+      const peerDiscovery = await dispatch('getPeerDiscovery', network)
+      const peers = await peerDiscovery.findPeersWithPlugin('core-api', {
+        additional: [
+          'height'
+        ]
+      })
+
+      if (!peers.length) {
+        return 1
+      }
+
+      let sum = 0
+      for (const peer of peers) {
+        sum += peer.height
+      }
+
+      return sum / peers.length
+    },
+
+    /**
+     * Refresh peer list.
+     * @return {void}
+     */
+    async refresh ({ dispatch, getters, rootGetters }, network = null) {
+      const peerDiscovery = await dispatch('getPeerDiscovery', network)
+
       peerDiscovery.withLatency(300)
         .sortBy('latency')
 
diff --git a/yarn.lock b/yarn.lock
index b1b656208e..a08df708e7 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -12,18 +12,18 @@
   resolved "https://registry.yarnpkg.com/7zip/-/7zip-0.0.6.tgz#9cafb171af82329490353b4816f03347aa150a30"
   integrity sha1-nK+xca+CMpSQNTtIFvAzR6oVCjA=
 
-"@arkecosystem/client@^1.0.1":
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/@arkecosystem/client/-/client-1.0.1.tgz#f59862f95657cac0527ea70722ce90ffc08246c2"
-  integrity sha512-sRpxHEuZMyDj19biBEgVY0nntt5V6jKskz2d6D/qy7WIEjbLgaaew31odWs5m2ON8snf6PzgVMC8gypfU3np+A==
+"@arkecosystem/client@^1.0.2":
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/@arkecosystem/client/-/client-1.0.2.tgz#42b1312d2d35cbeb0b3ba0887a7a8a9666dfb9c3"
+  integrity sha512-4mJL/rv0JxWPZQIoG3vWxKQFKfT2ny0UmgCbyiDuAkBaXohdE20STNQp+iM7GbH39e2A9kwDZNT2NvrRdsaEBQ==
   dependencies:
     got "^9.6.0"
     is-url-superb "^3.0.0"
 
-"@arkecosystem/crypto@^2.5.7":
-  version "2.5.14"
-  resolved "https://registry.yarnpkg.com/@arkecosystem/crypto/-/crypto-2.5.14.tgz#ce6b56575bdffc36fbfa4c9f236eddc4cc33995e"
-  integrity sha512-GsScCR0JulSY5Cw0rEQZjjiHm7fsDVkgtPWZSUJo6jRhdwW6J38bnJoWKIEPBN71nTIgqbjKY+YG/sjlPVbDtQ==
+"@arkecosystem/crypto@^2.6.0-alpha.0":
+  version "2.6.0-alpha.0"
+  resolved "https://registry.yarnpkg.com/@arkecosystem/crypto/-/crypto-2.6.0-alpha.0.tgz#db22d5688c68d7dfad78f125625ba01557277bc6"
+  integrity sha512-Uq2PvV+YsvFtwB0VCaNwoAGsEBPRC4yspTcmIgRZ59SFcHTEYxsDkGJIDzSt3PGJ8nTIqCWhOt41LcZcIc59vQ==
   dependencies:
     "@hapi/joi" "^15.1.0"
     ajv "^6.10.2"
@@ -33,13 +33,11 @@
     bip32 "^2.0.3"
     bip39 "^3.0.2"
     browserify-aes "^1.2.0"
-    bs58 "^4.0.1"
-    bs58check "^2.1.2"
+    bstring "^0.3.9"
     buffer-xor "^2.0.2"
     bytebuffer "^5.0.1"
     dayjs "^1.8.15"
     deepmerge "^4.0.0"
-    lodash.camelcase "^4.3.0"
     lodash.get "^4.4.2"
     lodash.set "^4.3.2"
     lodash.sumby "^4.6.0"
@@ -2330,7 +2328,7 @@ browserslist@^4.6.0, browserslist@^4.6.2, browserslist@^4.6.3:
     electron-to-chromium "^1.3.191"
     node-releases "^1.1.25"
 
-bs58@^4.0.0, bs58@^4.0.1:
+bs58@^4.0.0:
   version "4.0.1"
   resolved "https://registry.yarnpkg.com/bs58/-/bs58-4.0.1.tgz#be161e76c354f6f788ae4071f63f34e8c4f0a42a"
   integrity sha1-vhYedsNU9veIrkBx9j806MTwpCo=
@@ -2358,6 +2356,15 @@ bsert@~0.0.10:
   resolved "https://registry.yarnpkg.com/bsert/-/bsert-0.0.10.tgz#231ac82873a1418c6ade301ab5cd9ae385895597"
   integrity sha512-NHNwlac+WPy4t2LoNh8pXk8uaIGH3NSaIUbTTRXGpE2WEbq0te/tDykYHkFK57YKLPjv/aGHmbqvnGeVWDz57Q==
 
+bstring@^0.3.9:
+  version "0.3.9"
+  resolved "https://registry.yarnpkg.com/bstring/-/bstring-0.3.9.tgz#dc50294b54e9e767c07ca5592795dcc59ef1bf2e"
+  integrity sha512-D95flI7SXL+UsQi9mW+hH+AK2AFfafIJi+3GbbyTAWMe2FqwR9keBxsjGiGd/JM+77Y9WsC+M4EhZVNVcym9jw==
+  dependencies:
+    bsert "~0.0.10"
+    loady "~0.0.1"
+    nan "^2.13.1"
+
 buffer-alloc-unsafe@^1.1.0:
   version "1.1.0"
   resolved "https://registry.yarnpkg.com/buffer-alloc-unsafe/-/buffer-alloc-unsafe-1.1.0.tgz#bd7dc26ae2972d0eda253be061dba992349c19f0"
@@ -7322,11 +7329,6 @@ lodash.assign@^4.2.0:
   resolved "https://registry.yarnpkg.com/lodash.assign/-/lodash.assign-4.2.0.tgz#0d99f3ccd7a6d261d19bdaeb9245005d285808e7"
   integrity sha1-DZnzzNem0mHRm9rrkkUAXShYCOc=
 
-lodash.camelcase@^4.3.0:
-  version "4.3.0"
-  resolved "https://registry.yarnpkg.com/lodash.camelcase/-/lodash.camelcase-4.3.0.tgz#b28aa6288a2b9fc651035c7711f65ab6190331a6"
-  integrity sha1-soqmKIorn8ZRA1x3EfZathkDMaY=
-
 lodash.clonedeep@^3.0.2:
   version "3.0.2"
   resolved "https://registry.yarnpkg.com/lodash.clonedeep/-/lodash.clonedeep-3.0.2.tgz#a0a1e40d82a5ea89ff5b147b8444ed63d92827db"
@@ -7976,7 +7978,7 @@ mute-stream@0.0.7:
   resolved "https://registry.yarnpkg.com/mute-stream/-/mute-stream-0.0.7.tgz#3075ce93bc21b8fab43e1bc4da7e8115ed1e7bab"
   integrity sha1-MHXOk7whuPq0PhvE2n6BFe0ee6s=
 
-nan@^2.12.1, nan@^2.13.2:
+nan@^2.12.1, nan@^2.13.1, nan@^2.13.2:
   version "2.14.0"
   resolved "https://registry.yarnpkg.com/nan/-/nan-2.14.0.tgz#7818f722027b2459a86f0295d434d1fc2336c52c"
   integrity sha512-INOFj37C7k3AfaNTtX8RhsTw7qRy7eLET14cROi9+5HAVbbHuIWUHEauBv5qT4Av2tWasiTY1Jw6puUNqRJXQg==

From a83a8fe0f4272b81c199700c5fd07e4a380a87f3 Mon Sep 17 00:00:00 2001
From: Alex Barnsley <8069294+alexbarnsley@users.noreply.github.com>
Date: Tue, 14 Jan 2020 11:38:22 +0000
Subject: [PATCH 03/15] fix: delete plugin when no data stored (#1601)

* fix: delete plugin when no data stored

* refactor: hide remove all data option if no data stored

* test: check for existing data also
---
 .../PluginRemovalModal.spec.js                | 29 +++++++++++++++++--
 .../PluginRemovalModal.vue                    |  2 +-
 src/renderer/store/modules/plugin.js          | 10 ++++++-
 3 files changed, 37 insertions(+), 4 deletions(-)

diff --git a/__tests__/unit/components/PluginManager/PluginManagerModals/PluginRemovalModal.spec.js b/__tests__/unit/components/PluginManager/PluginManagerModals/PluginRemovalModal.spec.js
index 227b09dcc1..e15b2d3d49 100644
--- a/__tests__/unit/components/PluginManager/PluginManagerModals/PluginRemovalModal.spec.js
+++ b/__tests__/unit/components/PluginManager/PluginManagerModals/PluginRemovalModal.spec.js
@@ -14,6 +14,19 @@ beforeEach(() => {
         permissions: []
       }
     },
+    mocks: {
+      $store: {
+        getters: {
+          'plugin/profileHasPluginOptions': (pluginId) => {
+            if (pluginId === 'hasOptions') {
+              return true
+            }
+
+            return false
+          }
+        }
+      }
+    },
     stubs: {
       ListDivided: '<div class="ListDivided" />'
     }
@@ -30,10 +43,10 @@ describe('PluginRemovalModal', () => {
     expect(wrapper.find('.ListDivided').exists()).toBeFalse()
   })
 
-  it('should render divided list if plugin has STORAGE permission', () => {
+  it('should render divided list if plugin has STORAGE permission and data stored', () => {
     wrapper.setProps({
       plugin: {
-        id: 'test',
+        id: 'hasOptions',
         permissions: ['STORAGE']
       }
     })
@@ -42,6 +55,18 @@ describe('PluginRemovalModal', () => {
     expect(wrapper.find('.ListDivided').exists()).toBeTrue()
   })
 
+  it('should not render divided list if plugin has STORAGE permission but no data stored', () => {
+    wrapper.setProps({
+      plugin: {
+        id: 'test',
+        permissions: ['STORAGE']
+      }
+    })
+
+    expect(wrapper.vm.hasStorage).toBeFalse()
+    expect(wrapper.find('.ListDivided').exists()).toBeFalse()
+  })
+
   describe('Methods', () => {
     it('should emit cancel event', () => {
       wrapper.vm.emitCancel()
diff --git a/src/renderer/components/PluginManager/PluginManagerModals/PluginRemovalModal.vue b/src/renderer/components/PluginManager/PluginManagerModals/PluginRemovalModal.vue
index 695a9ef12e..2df0fbd28c 100644
--- a/src/renderer/components/PluginManager/PluginManagerModals/PluginRemovalModal.vue
+++ b/src/renderer/components/PluginManager/PluginManagerModals/PluginRemovalModal.vue
@@ -54,7 +54,7 @@ export default {
 
   computed: {
     hasStorage () {
-      return this.plugin.permissions.includes('STORAGE')
+      return this.plugin.permissions.includes('STORAGE') && this.$store.getters['plugin/profileHasPluginOptions'](this.plugin.id)
     }
   },
 
diff --git a/src/renderer/store/modules/plugin.js b/src/renderer/store/modules/plugin.js
index 052959629c..a7b8d96acb 100644
--- a/src/renderer/store/modules/plugin.js
+++ b/src/renderer/store/modules/plugin.js
@@ -248,6 +248,14 @@ export default {
       }, [])
     },
 
+    profileHasPluginOptions: (state, _, __, rootGetters) => (pluginId, profileId) => {
+      if (!profileId) {
+        profileId = rootGetters['session/profileId']
+      }
+
+      return state.pluginOptions[profileId] && state.pluginOptions[profileId][pluginId]
+    },
+
     pluginOptions: (state) => (pluginId, profileId) => {
       if (!state.pluginOptions[profileId]) {
         return {}
@@ -341,7 +349,7 @@ export default {
     },
 
     DELETE_PLUGIN_OPTIONS (state, { pluginId, profileId }) {
-      if (state.pluginOptions[profileId][pluginId]) {
+      if (state.pluginOptions[profileId] && state.pluginOptions[profileId][pluginId]) {
         Vue.delete(state.pluginOptions[profileId], pluginId)
       }
     },

From 2096195fd0e6dc869df336bd433ff731d80315fd Mon Sep 17 00:00:00 2001
From: Alex Barnsley <8069294+alexbarnsley@users.noreply.github.com>
Date: Wed, 15 Jan 2020 14:48:40 +0000
Subject: [PATCH 04/15] fix: lint

---
 src/renderer/services/client.js | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/renderer/services/client.js b/src/renderer/services/client.js
index 8fcc44ff75..fe2d224478 100644
--- a/src/renderer/services/client.js
+++ b/src/renderer/services/client.js
@@ -1,11 +1,12 @@
 import { Connection } from '@arkecosystem/client'
-import { Identities, Managers, Transactions } from '@arkecosystem/crypto'
+import { Managers, Transactions } from '@arkecosystem/crypto'
 import { castArray, chunk, orderBy } from 'lodash'
 import moment from 'moment'
 import logger from 'electron-log'
 import { TRANSACTION_TYPES } from '@config'
 import store from '@/store'
 import eventBus from '@/plugins/event-bus'
+import BigNumber from '@/plugins/bignumber'
 import TransactionService from '@/services/transaction'
 
 export default class ClientService {

From 13f9539c6cafe23f2323f40930e6857278c6f7fa Mon Sep 17 00:00:00 2001
From: "renovate[bot]" <29139614+renovate[bot]@users.noreply.github.com>
Date: Wed, 22 Jan 2020 06:12:26 +0200
Subject: [PATCH 05/15] chore(deps): update jest monorepo to v25 (major)
 (#1616)

Co-authored-by: WhiteSource Renovate <renovatebot@gmail.com>
---
 package.json |    4 +-
 yarn.lock    | 1613 +++++++++++++++++++++++++++++++-------------------
 2 files changed, 1020 insertions(+), 597 deletions(-)

diff --git a/package.json b/package.json
index 1d9d949e77..7fe1701720 100644
--- a/package.json
+++ b/package.json
@@ -121,7 +121,7 @@
     "autoprefixer": "^9.5.0",
     "babel-core": "^7.0.0-0",
     "babel-eslint": "^10.0.1",
-    "babel-jest": "^24.5.0",
+    "babel-jest": "^25.0.0",
     "babel-loader": "^8.0.6",
     "babel-plugin-require-context-hook": "^1.0.0",
     "babel-register": "^6.26.0",
@@ -151,7 +151,7 @@
     "html-webpack-plugin": "^3.2.0",
     "husky": "^4.0.0",
     "intl": "^1.2.5",
-    "jest": "^24.5.0",
+    "jest": "^25.0.0",
     "jest-extended": "^0.11.1",
     "jest-serializer-vue": "^2.0.2",
     "jest-vue-preprocessor": "^1.5.0",
diff --git a/yarn.lock b/yarn.lock
index c845990028..2ca9044ba4 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -75,6 +75,13 @@
   dependencies:
     "@babel/highlight" "^7.0.0"
 
+"@babel/code-frame@^7.8.3":
+  version "7.8.3"
+  resolved "https://registry.yarnpkg.com/@babel/code-frame/-/code-frame-7.8.3.tgz#33e25903d7481181534e12ec0a25f16b6fcf419e"
+  integrity sha512-a9gxpmdXtZEInkCSHUJDLHZVBgb1QS0jhss4cPP93EW7s+uC5bikET2twEF3KV+7rDblJcmNvTR7VJejqd2C2g==
+  dependencies:
+    "@babel/highlight" "^7.8.3"
+
 "@babel/core@^7.1.0", "@babel/core@^7.4.0":
   version "7.6.2"
   resolved "https://registry.yarnpkg.com/@babel/core/-/core-7.6.2.tgz#069a776e8d5e9eefff76236bc8845566bd31dd91"
@@ -95,7 +102,28 @@
     semver "^5.4.1"
     source-map "^0.5.0"
 
-"@babel/generator@^7.4.0", "@babel/generator@^7.6.2":
+"@babel/core@^7.7.5":
+  version "7.8.3"
+  resolved "https://registry.yarnpkg.com/@babel/core/-/core-7.8.3.tgz#30b0ebb4dd1585de6923a0b4d179e0b9f5d82941"
+  integrity sha512-4XFkf8AwyrEG7Ziu3L2L0Cv+WyY47Tcsp70JFmpftbAA1K7YL/sgE9jh9HyNj08Y/U50ItUchpN0w6HxAoX1rA==
+  dependencies:
+    "@babel/code-frame" "^7.8.3"
+    "@babel/generator" "^7.8.3"
+    "@babel/helpers" "^7.8.3"
+    "@babel/parser" "^7.8.3"
+    "@babel/template" "^7.8.3"
+    "@babel/traverse" "^7.8.3"
+    "@babel/types" "^7.8.3"
+    convert-source-map "^1.7.0"
+    debug "^4.1.0"
+    gensync "^1.0.0-beta.1"
+    json5 "^2.1.0"
+    lodash "^4.17.13"
+    resolve "^1.3.2"
+    semver "^5.4.1"
+    source-map "^0.5.0"
+
+"@babel/generator@^7.6.2":
   version "7.6.2"
   resolved "https://registry.yarnpkg.com/@babel/generator/-/generator-7.6.2.tgz#dac8a3c2df118334c2a29ff3446da1636a8f8c03"
   integrity sha512-j8iHaIW4gGPnViaIHI7e9t/Hl8qLjERI6DcV9kEpAIDJsAOrcnXqRS7t+QbhL76pwbtqP+QCQLL0z1CyVmtjjQ==
@@ -105,6 +133,16 @@
     lodash "^4.17.13"
     source-map "^0.5.0"
 
+"@babel/generator@^7.8.3":
+  version "7.8.3"
+  resolved "https://registry.yarnpkg.com/@babel/generator/-/generator-7.8.3.tgz#0e22c005b0a94c1c74eafe19ef78ce53a4d45c03"
+  integrity sha512-WjoPk8hRpDRqqzRpvaR8/gDUPkrnOOeuT2m8cNICJtZH6mwaCo3v0OKMI7Y6SM1pBtyijnLtAL0HDi41pf41ug==
+  dependencies:
+    "@babel/types" "^7.8.3"
+    jsesc "^2.5.1"
+    lodash "^4.17.13"
+    source-map "^0.5.0"
+
 "@babel/helper-annotate-as-pure@^7.0.0":
   version "7.0.0"
   resolved "https://registry.yarnpkg.com/@babel/helper-annotate-as-pure/-/helper-annotate-as-pure-7.0.0.tgz#323d39dd0b50e10c7c06ca7d7638e6864d8c5c32"
@@ -155,6 +193,15 @@
     "@babel/template" "^7.1.0"
     "@babel/types" "^7.0.0"
 
+"@babel/helper-function-name@^7.8.3":
+  version "7.8.3"
+  resolved "https://registry.yarnpkg.com/@babel/helper-function-name/-/helper-function-name-7.8.3.tgz#eeeb665a01b1f11068e9fb86ad56a1cb1a824cca"
+  integrity sha512-BCxgX1BC2hD/oBlIFUgOCQDOPV8nSINxCwM3o93xP4P9Fq6aV5sgv2cOOITDMtCfQ+3PvHp3l689XZvAM9QyOA==
+  dependencies:
+    "@babel/helper-get-function-arity" "^7.8.3"
+    "@babel/template" "^7.8.3"
+    "@babel/types" "^7.8.3"
+
 "@babel/helper-get-function-arity@^7.0.0":
   version "7.0.0"
   resolved "https://registry.yarnpkg.com/@babel/helper-get-function-arity/-/helper-get-function-arity-7.0.0.tgz#83572d4320e2a4657263734113c42868b64e49c3"
@@ -162,6 +209,13 @@
   dependencies:
     "@babel/types" "^7.0.0"
 
+"@babel/helper-get-function-arity@^7.8.3":
+  version "7.8.3"
+  resolved "https://registry.yarnpkg.com/@babel/helper-get-function-arity/-/helper-get-function-arity-7.8.3.tgz#b894b947bd004381ce63ea1db9f08547e920abd5"
+  integrity sha512-FVDR+Gd9iLjUMY1fzE2SR0IuaJToR4RkCDARVfsBBPSP53GEqSFjD8gNyxg246VUyc/ALRxFaAK8rVG7UT7xRA==
+  dependencies:
+    "@babel/types" "^7.8.3"
+
 "@babel/helper-hoist-variables@^7.4.4":
   version "7.4.4"
   resolved "https://registry.yarnpkg.com/@babel/helper-hoist-variables/-/helper-hoist-variables-7.4.4.tgz#0298b5f25c8c09c53102d52ac4a98f773eb2850a"
@@ -207,6 +261,11 @@
   resolved "https://registry.yarnpkg.com/@babel/helper-plugin-utils/-/helper-plugin-utils-7.0.0.tgz#bbb3fbee98661c569034237cc03967ba99b4f250"
   integrity sha512-CYAOUCARwExnEixLdB6sDm2dIJ/YgEAKDM1MOeMeZu9Ld/bDgVo8aiWrXwcY7OBh+1Ea2uUcVRcxKk0GJvW7QA==
 
+"@babel/helper-plugin-utils@^7.8.0":
+  version "7.8.3"
+  resolved "https://registry.yarnpkg.com/@babel/helper-plugin-utils/-/helper-plugin-utils-7.8.3.tgz#9ea293be19babc0f52ff8ca88b34c3611b208670"
+  integrity sha512-j+fq49Xds2smCUNYmEHF9kGNkhbet6yVIBp4e6oeQpH1RUs/Ir06xUKzDjDkGcaaokPiTNs2JBWHjaE4csUkZQ==
+
 "@babel/helper-regex@^7.0.0", "@babel/helper-regex@^7.4.4":
   version "7.5.5"
   resolved "https://registry.yarnpkg.com/@babel/helper-regex/-/helper-regex-7.5.5.tgz#0aa6824f7100a2e0e89c1527c23936c152cab351"
@@ -250,6 +309,13 @@
   dependencies:
     "@babel/types" "^7.4.4"
 
+"@babel/helper-split-export-declaration@^7.8.3":
+  version "7.8.3"
+  resolved "https://registry.yarnpkg.com/@babel/helper-split-export-declaration/-/helper-split-export-declaration-7.8.3.tgz#31a9f30070f91368a7182cf05f831781065fc7a9"
+  integrity sha512-3x3yOeyBhW851hroze7ElzdkeRXQYQbFIb7gLK1WQYsw2GWDay5gAJNw1sWJ0VFP6z5J1whqeXH/WCdCjZv6dA==
+  dependencies:
+    "@babel/types" "^7.8.3"
+
 "@babel/helper-wrap-function@^7.1.0":
   version "7.2.0"
   resolved "https://registry.yarnpkg.com/@babel/helper-wrap-function/-/helper-wrap-function-7.2.0.tgz#c4e0012445769e2815b55296ead43a958549f6fa"
@@ -269,6 +335,15 @@
     "@babel/traverse" "^7.6.2"
     "@babel/types" "^7.6.0"
 
+"@babel/helpers@^7.8.3":
+  version "7.8.3"
+  resolved "https://registry.yarnpkg.com/@babel/helpers/-/helpers-7.8.3.tgz#382fbb0382ce7c4ce905945ab9641d688336ce85"
+  integrity sha512-LmU3q9Pah/XyZU89QvBgGt+BCsTPoQa+73RxAQh8fb8qkDyIfeQnmgs+hvzhTCKTzqOyk7JTkS3MS1S8Mq5yrQ==
+  dependencies:
+    "@babel/template" "^7.8.3"
+    "@babel/traverse" "^7.8.3"
+    "@babel/types" "^7.8.3"
+
 "@babel/highlight@^7.0.0":
   version "7.5.0"
   resolved "https://registry.yarnpkg.com/@babel/highlight/-/highlight-7.5.0.tgz#56d11312bd9248fa619591d02472be6e8cb32540"
@@ -278,11 +353,25 @@
     esutils "^2.0.2"
     js-tokens "^4.0.0"
 
-"@babel/parser@^7.0.0", "@babel/parser@^7.1.0", "@babel/parser@^7.4.3", "@babel/parser@^7.6.0", "@babel/parser@^7.6.2":
+"@babel/highlight@^7.8.3":
+  version "7.8.3"
+  resolved "https://registry.yarnpkg.com/@babel/highlight/-/highlight-7.8.3.tgz#28f173d04223eaaa59bc1d439a3836e6d1265797"
+  integrity sha512-PX4y5xQUvy0fnEVHrYOarRPXVWafSjTW9T0Hab8gVIawpl2Sj0ORyrygANq+KjcNlSSTw0YCLSNA8OyZ1I4yEg==
+  dependencies:
+    chalk "^2.0.0"
+    esutils "^2.0.2"
+    js-tokens "^4.0.0"
+
+"@babel/parser@^7.0.0", "@babel/parser@^7.1.0", "@babel/parser@^7.6.0", "@babel/parser@^7.6.2":
   version "7.6.2"
   resolved "https://registry.yarnpkg.com/@babel/parser/-/parser-7.6.2.tgz#205e9c95e16ba3b8b96090677a67c9d6075b70a1"
   integrity sha512-mdFqWrSPCmikBoaBYMuBulzTIKuXVPtEISFbRRVNwMWpCms/hmE2kRq0bblUHaNRKrjRlmVbx1sDHmjmRgD2Xg==
 
+"@babel/parser@^7.7.5", "@babel/parser@^7.8.3":
+  version "7.8.3"
+  resolved "https://registry.yarnpkg.com/@babel/parser/-/parser-7.8.3.tgz#790874091d2001c9be6ec426c2eed47bc7679081"
+  integrity sha512-/V72F4Yp/qmHaTALizEm9Gf2eQHV3QyTL3K0cNfijwnMnb1L+LDlAubb/ZnSdGAVzVSWakujHYs1I26x66sMeQ==
+
 "@babel/plugin-proposal-async-generator-functions@^7.2.0":
   version "7.2.0"
   resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-async-generator-functions/-/plugin-proposal-async-generator-functions-7.2.0.tgz#b289b306669dce4ad20b0252889a15768c9d417e"
@@ -340,6 +429,13 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.0.0"
 
+"@babel/plugin-syntax-bigint@^7.0.0":
+  version "7.8.3"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-bigint/-/plugin-syntax-bigint-7.8.3.tgz#4c9a6f669f5d0cdf1b90a1671e9a146be5300cea"
+  integrity sha512-wnTnFlG+YxQm3vDxpGE57Pj0srRU4sHE/mDkt1qv2YJJSeUAec2ma4WLUnUPeKjyrfntVwe/N6dCXpU+zL3Npg==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.8.0"
+
 "@babel/plugin-syntax-dynamic-import@^7.2.0":
   version "7.2.0"
   resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-dynamic-import/-/plugin-syntax-dynamic-import-7.2.0.tgz#69c159ffaf4998122161ad8ebc5e6d1f55df8612"
@@ -694,7 +790,7 @@
   dependencies:
     regenerator-runtime "^0.13.2"
 
-"@babel/template@^7.1.0", "@babel/template@^7.4.0", "@babel/template@^7.4.4", "@babel/template@^7.6.0":
+"@babel/template@^7.1.0", "@babel/template@^7.4.4", "@babel/template@^7.6.0":
   version "7.6.0"
   resolved "https://registry.yarnpkg.com/@babel/template/-/template-7.6.0.tgz#7f0159c7f5012230dad64cca42ec9bdb5c9536e6"
   integrity sha512-5AEH2EXD8euCk446b7edmgFdub/qfH1SN6Nii3+fyXP807QRx9Q73A2N5hNwRRslC2H9sNzaFhsPubkS4L8oNQ==
@@ -703,7 +799,16 @@
     "@babel/parser" "^7.6.0"
     "@babel/types" "^7.6.0"
 
-"@babel/traverse@^7.0.0", "@babel/traverse@^7.1.0", "@babel/traverse@^7.4.3", "@babel/traverse@^7.4.4", "@babel/traverse@^7.5.5", "@babel/traverse@^7.6.2":
+"@babel/template@^7.7.4", "@babel/template@^7.8.3":
+  version "7.8.3"
+  resolved "https://registry.yarnpkg.com/@babel/template/-/template-7.8.3.tgz#e02ad04fe262a657809327f578056ca15fd4d1b8"
+  integrity sha512-04m87AcQgAFdvuoyiQ2kgELr2tV8B4fP/xJAVUL3Yb3bkNdMedD3d0rlSQr3PegP0cms3eHjl1F7PWlvWbU8FQ==
+  dependencies:
+    "@babel/code-frame" "^7.8.3"
+    "@babel/parser" "^7.8.3"
+    "@babel/types" "^7.8.3"
+
+"@babel/traverse@^7.0.0", "@babel/traverse@^7.1.0", "@babel/traverse@^7.4.4", "@babel/traverse@^7.5.5", "@babel/traverse@^7.6.2":
   version "7.6.2"
   resolved "https://registry.yarnpkg.com/@babel/traverse/-/traverse-7.6.2.tgz#b0e2bfd401d339ce0e6c05690206d1e11502ce2c"
   integrity sha512-8fRE76xNwNttVEF2TwxJDGBLWthUkHWSldmfuBzVRmEDWOtu4XdINTgN7TDWzuLg4bbeIMLvfMFD9we5YcWkRQ==
@@ -718,7 +823,22 @@
     globals "^11.1.0"
     lodash "^4.17.13"
 
-"@babel/types@^7.0.0", "@babel/types@^7.2.0", "@babel/types@^7.3.0", "@babel/types@^7.4.0", "@babel/types@^7.4.4", "@babel/types@^7.5.5", "@babel/types@^7.6.0":
+"@babel/traverse@^7.7.4", "@babel/traverse@^7.8.3":
+  version "7.8.3"
+  resolved "https://registry.yarnpkg.com/@babel/traverse/-/traverse-7.8.3.tgz#a826215b011c9b4f73f3a893afbc05151358bf9a"
+  integrity sha512-we+a2lti+eEImHmEXp7bM9cTxGzxPmBiVJlLVD+FuuQMeeO7RaDbutbgeheDkw+Xe3mCfJHnGOWLswT74m2IPg==
+  dependencies:
+    "@babel/code-frame" "^7.8.3"
+    "@babel/generator" "^7.8.3"
+    "@babel/helper-function-name" "^7.8.3"
+    "@babel/helper-split-export-declaration" "^7.8.3"
+    "@babel/parser" "^7.8.3"
+    "@babel/types" "^7.8.3"
+    debug "^4.1.0"
+    globals "^11.1.0"
+    lodash "^4.17.13"
+
+"@babel/types@^7.0.0", "@babel/types@^7.2.0", "@babel/types@^7.3.0", "@babel/types@^7.4.4", "@babel/types@^7.5.5", "@babel/types@^7.6.0":
   version "7.6.1"
   resolved "https://registry.yarnpkg.com/@babel/types/-/types-7.6.1.tgz#53abf3308add3ac2a2884d539151c57c4b3ac648"
   integrity sha512-X7gdiuaCmA0uRjCmRtYJNAVCc/q+5xSgsfKJHqMN4iNLILX39677fJE1O40arPMh0TTtS9ItH67yre6c7k6t0g==
@@ -727,6 +847,20 @@
     lodash "^4.17.13"
     to-fast-properties "^2.0.0"
 
+"@babel/types@^7.8.3":
+  version "7.8.3"
+  resolved "https://registry.yarnpkg.com/@babel/types/-/types-7.8.3.tgz#5a383dffa5416db1b73dedffd311ffd0788fb31c"
+  integrity sha512-jBD+G8+LWpMBBWvVcdr4QysjUE4mU/syrhN17o1u3gx0/WzJB1kwiVZAXRtWbsIPOwW8pF/YJV5+nmetPzepXg==
+  dependencies:
+    esutils "^2.0.2"
+    lodash "^4.17.13"
+    to-fast-properties "^2.0.0"
+
+"@bcoe/v8-coverage@^0.2.3":
+  version "0.2.3"
+  resolved "https://registry.yarnpkg.com/@bcoe/v8-coverage/-/v8-coverage-0.2.3.tgz#75a2e8b51cb758a7553d6804a5932d7aace75c39"
+  integrity sha512-0hYQ8SB4Db5zvZB4axdMHGwEaQjkZzFjQiN9LVYvIFB2nSUHW9tYpxWriPrWDASIxiaXax83REcLxuSdnGPZtw==
+
 "@cnakazawa/watch@^1.0.3":
   version "1.0.3"
   resolved "https://registry.yarnpkg.com/@cnakazawa/watch/-/watch-1.0.3.tgz#099139eaec7ebf07a27c1786a3ff64f39464d2ef"
@@ -799,7 +933,22 @@
   dependencies:
     "@hapi/hoek" "8.x.x"
 
-"@jest/console@^24.7.1", "@jest/console@^24.9.0":
+"@istanbuljs/load-nyc-config@^1.0.0":
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/@istanbuljs/load-nyc-config/-/load-nyc-config-1.0.0.tgz#10602de5570baea82f8afbfa2630b24e7a8cfe5b"
+  integrity sha512-ZR0rq/f/E4f4XcgnDvtMWXCUJpi8eO0rssVhmztsZqLIEFA9UUP9zmpE0VxlM+kv/E1ul2I876Fwil2ayptDVg==
+  dependencies:
+    camelcase "^5.3.1"
+    find-up "^4.1.0"
+    js-yaml "^3.13.1"
+    resolve-from "^5.0.0"
+
+"@istanbuljs/schema@^0.1.2":
+  version "0.1.2"
+  resolved "https://registry.yarnpkg.com/@istanbuljs/schema/-/schema-0.1.2.tgz#26520bf09abe4a5644cd5414e37125a8954241dd"
+  integrity sha512-tsAQNx32a8CoFhjhijUIhI4kccIAgmGhy8LZMZgGfmXcpMbPRUqn5LWmgRttILi6yeGmBJd2xsPkFMs0PzgPCw==
+
+"@jest/console@^24.9.0":
   version "24.9.0"
   resolved "https://registry.yarnpkg.com/@jest/console/-/console-24.9.0.tgz#79b1bc06fb74a8cfb01cbdedf945584b1b9707f0"
   integrity sha512-Zuj6b8TnKXi3q4ymac8EQfc3ea/uhLeCGThFqXeC8H9/raaH8ARPUTdId+XyGd03Z4In0/VjD2OYFcBF09fNLQ==
@@ -808,87 +957,104 @@
     chalk "^2.0.1"
     slash "^2.0.0"
 
-"@jest/core@^24.9.0":
-  version "24.9.0"
-  resolved "https://registry.yarnpkg.com/@jest/core/-/core-24.9.0.tgz#2ceccd0b93181f9c4850e74f2a9ad43d351369c4"
-  integrity sha512-Fogg3s4wlAr1VX7q+rhV9RVnUv5tD7VuWfYy1+whMiWUrvl7U3QJSJyWcDio9Lq2prqYsZaeTv2Rz24pWGkJ2A==
+"@jest/console@^25.1.0":
+  version "25.1.0"
+  resolved "https://registry.yarnpkg.com/@jest/console/-/console-25.1.0.tgz#1fc765d44a1e11aec5029c08e798246bd37075ab"
+  integrity sha512-3P1DpqAMK/L07ag/Y9/Jup5iDEG9P4pRAuZiMQnU0JB3UOvCyYCjCoxr7sIA80SeyUCUKrr24fKAxVpmBgQonA==
   dependencies:
-    "@jest/console" "^24.7.1"
-    "@jest/reporters" "^24.9.0"
-    "@jest/test-result" "^24.9.0"
-    "@jest/transform" "^24.9.0"
-    "@jest/types" "^24.9.0"
-    ansi-escapes "^3.0.0"
-    chalk "^2.0.1"
+    "@jest/source-map" "^25.1.0"
+    chalk "^3.0.0"
+    jest-util "^25.1.0"
+    slash "^3.0.0"
+
+"@jest/core@^25.1.0":
+  version "25.1.0"
+  resolved "https://registry.yarnpkg.com/@jest/core/-/core-25.1.0.tgz#3d4634fc3348bb2d7532915d67781cdac0869e47"
+  integrity sha512-iz05+NmwCmZRzMXvMo6KFipW7nzhbpEawrKrkkdJzgytavPse0biEnCNr2wRlyCsp3SmKaEY+SGv7YWYQnIdig==
+  dependencies:
+    "@jest/console" "^25.1.0"
+    "@jest/reporters" "^25.1.0"
+    "@jest/test-result" "^25.1.0"
+    "@jest/transform" "^25.1.0"
+    "@jest/types" "^25.1.0"
+    ansi-escapes "^4.2.1"
+    chalk "^3.0.0"
     exit "^0.1.2"
-    graceful-fs "^4.1.15"
-    jest-changed-files "^24.9.0"
-    jest-config "^24.9.0"
-    jest-haste-map "^24.9.0"
-    jest-message-util "^24.9.0"
-    jest-regex-util "^24.3.0"
-    jest-resolve "^24.9.0"
-    jest-resolve-dependencies "^24.9.0"
-    jest-runner "^24.9.0"
-    jest-runtime "^24.9.0"
-    jest-snapshot "^24.9.0"
-    jest-util "^24.9.0"
-    jest-validate "^24.9.0"
-    jest-watcher "^24.9.0"
-    micromatch "^3.1.10"
-    p-each-series "^1.0.0"
+    graceful-fs "^4.2.3"
+    jest-changed-files "^25.1.0"
+    jest-config "^25.1.0"
+    jest-haste-map "^25.1.0"
+    jest-message-util "^25.1.0"
+    jest-regex-util "^25.1.0"
+    jest-resolve "^25.1.0"
+    jest-resolve-dependencies "^25.1.0"
+    jest-runner "^25.1.0"
+    jest-runtime "^25.1.0"
+    jest-snapshot "^25.1.0"
+    jest-util "^25.1.0"
+    jest-validate "^25.1.0"
+    jest-watcher "^25.1.0"
+    micromatch "^4.0.2"
+    p-each-series "^2.1.0"
     realpath-native "^1.1.0"
-    rimraf "^2.5.4"
-    slash "^2.0.0"
-    strip-ansi "^5.0.0"
-
-"@jest/environment@^24.9.0":
-  version "24.9.0"
-  resolved "https://registry.yarnpkg.com/@jest/environment/-/environment-24.9.0.tgz#21e3afa2d65c0586cbd6cbefe208bafade44ab18"
-  integrity sha512-5A1QluTPhvdIPFYnO3sZC3smkNeXPVELz7ikPbhUj0bQjB07EoE9qtLrem14ZUYWdVayYbsjVwIiL4WBIMV4aQ==
-  dependencies:
-    "@jest/fake-timers" "^24.9.0"
-    "@jest/transform" "^24.9.0"
-    "@jest/types" "^24.9.0"
-    jest-mock "^24.9.0"
-
-"@jest/fake-timers@^24.9.0":
-  version "24.9.0"
-  resolved "https://registry.yarnpkg.com/@jest/fake-timers/-/fake-timers-24.9.0.tgz#ba3e6bf0eecd09a636049896434d306636540c93"
-  integrity sha512-eWQcNa2YSwzXWIMC5KufBh3oWRIijrQFROsIqt6v/NS9Io/gknw1jsAC9c+ih/RQX4A3O7SeWAhQeN0goKhT9A==
-  dependencies:
-    "@jest/types" "^24.9.0"
-    jest-message-util "^24.9.0"
-    jest-mock "^24.9.0"
+    rimraf "^3.0.0"
+    slash "^3.0.0"
+    strip-ansi "^6.0.0"
 
-"@jest/reporters@^24.9.0":
-  version "24.9.0"
-  resolved "https://registry.yarnpkg.com/@jest/reporters/-/reporters-24.9.0.tgz#86660eff8e2b9661d042a8e98a028b8d631a5b43"
-  integrity sha512-mu4X0yjaHrffOsWmVLzitKmmmWSQ3GGuefgNscUSWNiUNcEOSEQk9k3pERKEQVBb0Cnn88+UESIsZEMH3o88Gw==
-  dependencies:
-    "@jest/environment" "^24.9.0"
-    "@jest/test-result" "^24.9.0"
-    "@jest/transform" "^24.9.0"
-    "@jest/types" "^24.9.0"
-    chalk "^2.0.1"
+"@jest/environment@^25.1.0":
+  version "25.1.0"
+  resolved "https://registry.yarnpkg.com/@jest/environment/-/environment-25.1.0.tgz#4a97f64770c9d075f5d2b662b5169207f0a3f787"
+  integrity sha512-cTpUtsjU4cum53VqBDlcW0E4KbQF03Cn0jckGPW/5rrE9tb+porD3+hhLtHAwhthsqfyF+bizyodTlsRA++sHg==
+  dependencies:
+    "@jest/fake-timers" "^25.1.0"
+    "@jest/types" "^25.1.0"
+    jest-mock "^25.1.0"
+
+"@jest/fake-timers@^25.1.0":
+  version "25.1.0"
+  resolved "https://registry.yarnpkg.com/@jest/fake-timers/-/fake-timers-25.1.0.tgz#a1e0eff51ffdbb13ee81f35b52e0c1c11a350ce8"
+  integrity sha512-Eu3dysBzSAO1lD7cylZd/CVKdZZ1/43SF35iYBNV1Lvvn2Undp3Grwsv8PrzvbLhqwRzDd4zxrY4gsiHc+wygQ==
+  dependencies:
+    "@jest/types" "^25.1.0"
+    jest-message-util "^25.1.0"
+    jest-mock "^25.1.0"
+    jest-util "^25.1.0"
+    lolex "^5.0.0"
+
+"@jest/reporters@^25.1.0":
+  version "25.1.0"
+  resolved "https://registry.yarnpkg.com/@jest/reporters/-/reporters-25.1.0.tgz#9178ecf136c48f125674ac328f82ddea46e482b0"
+  integrity sha512-ORLT7hq2acJQa8N+NKfs68ZtHFnJPxsGqmofxW7v7urVhzJvpKZG9M7FAcgh9Ee1ZbCteMrirHA3m5JfBtAaDg==
+  dependencies:
+    "@bcoe/v8-coverage" "^0.2.3"
+    "@jest/console" "^25.1.0"
+    "@jest/environment" "^25.1.0"
+    "@jest/test-result" "^25.1.0"
+    "@jest/transform" "^25.1.0"
+    "@jest/types" "^25.1.0"
+    chalk "^3.0.0"
+    collect-v8-coverage "^1.0.0"
     exit "^0.1.2"
     glob "^7.1.2"
-    istanbul-lib-coverage "^2.0.2"
-    istanbul-lib-instrument "^3.0.1"
-    istanbul-lib-report "^2.0.4"
-    istanbul-lib-source-maps "^3.0.1"
-    istanbul-reports "^2.2.6"
-    jest-haste-map "^24.9.0"
-    jest-resolve "^24.9.0"
-    jest-runtime "^24.9.0"
-    jest-util "^24.9.0"
-    jest-worker "^24.6.0"
-    node-notifier "^5.4.2"
-    slash "^2.0.0"
+    istanbul-lib-coverage "^3.0.0"
+    istanbul-lib-instrument "^4.0.0"
+    istanbul-lib-report "^3.0.0"
+    istanbul-lib-source-maps "^4.0.0"
+    istanbul-reports "^3.0.0"
+    jest-haste-map "^25.1.0"
+    jest-resolve "^25.1.0"
+    jest-runtime "^25.1.0"
+    jest-util "^25.1.0"
+    jest-worker "^25.1.0"
+    slash "^3.0.0"
     source-map "^0.6.0"
-    string-length "^2.0.0"
+    string-length "^3.1.0"
+    terminal-link "^2.0.0"
+    v8-to-istanbul "^4.0.1"
+  optionalDependencies:
+    node-notifier "^6.0.0"
 
-"@jest/source-map@^24.3.0", "@jest/source-map@^24.9.0":
+"@jest/source-map@^24.9.0":
   version "24.9.0"
   resolved "https://registry.yarnpkg.com/@jest/source-map/-/source-map-24.9.0.tgz#0e263a94430be4b41da683ccc1e6bffe2a191714"
   integrity sha512-/Xw7xGlsZb4MJzNDgB7PW5crou5JqWiBQaz6xyPd3ArOg2nfn/PunV8+olXbbEZzNl591o5rWKE9BRDaFAuIBg==
@@ -897,6 +1063,15 @@
     graceful-fs "^4.1.15"
     source-map "^0.6.0"
 
+"@jest/source-map@^25.1.0":
+  version "25.1.0"
+  resolved "https://registry.yarnpkg.com/@jest/source-map/-/source-map-25.1.0.tgz#b012e6c469ccdbc379413f5c1b1ffb7ba7034fb0"
+  integrity sha512-ohf2iKT0xnLWcIUhL6U6QN+CwFWf9XnrM2a6ybL9NXxJjgYijjLSitkYHIdzkd8wFliH73qj/+epIpTiWjRtAA==
+  dependencies:
+    callsites "^3.0.0"
+    graceful-fs "^4.2.3"
+    source-map "^0.6.0"
+
 "@jest/test-result@^24.9.0":
   version "24.9.0"
   resolved "https://registry.yarnpkg.com/@jest/test-result/-/test-result-24.9.0.tgz#11796e8aa9dbf88ea025757b3152595ad06ba0ca"
@@ -906,37 +1081,48 @@
     "@jest/types" "^24.9.0"
     "@types/istanbul-lib-coverage" "^2.0.0"
 
-"@jest/test-sequencer@^24.9.0":
-  version "24.9.0"
-  resolved "https://registry.yarnpkg.com/@jest/test-sequencer/-/test-sequencer-24.9.0.tgz#f8f334f35b625a4f2f355f2fe7e6036dad2e6b31"
-  integrity sha512-6qqsU4o0kW1dvA95qfNog8v8gkRN9ph6Lz7r96IvZpHdNipP2cBcb07J1Z45mz/VIS01OHJ3pY8T5fUY38tg4A==
+"@jest/test-result@^25.1.0":
+  version "25.1.0"
+  resolved "https://registry.yarnpkg.com/@jest/test-result/-/test-result-25.1.0.tgz#847af2972c1df9822a8200457e64be4ff62821f7"
+  integrity sha512-FZzSo36h++U93vNWZ0KgvlNuZ9pnDnztvaM7P/UcTx87aPDotG18bXifkf1Ji44B7k/eIatmMzkBapnAzjkJkg==
   dependencies:
-    "@jest/test-result" "^24.9.0"
-    jest-haste-map "^24.9.0"
-    jest-runner "^24.9.0"
-    jest-runtime "^24.9.0"
+    "@jest/console" "^25.1.0"
+    "@jest/transform" "^25.1.0"
+    "@jest/types" "^25.1.0"
+    "@types/istanbul-lib-coverage" "^2.0.0"
+    collect-v8-coverage "^1.0.0"
 
-"@jest/transform@^24.9.0":
-  version "24.9.0"
-  resolved "https://registry.yarnpkg.com/@jest/transform/-/transform-24.9.0.tgz#4ae2768b296553fadab09e9ec119543c90b16c56"
-  integrity sha512-TcQUmyNRxV94S0QpMOnZl0++6RMiqpbH/ZMccFB/amku6Uwvyb1cjYX7xkp5nGNkbX4QPH/FcB6q1HBTHynLmQ==
+"@jest/test-sequencer@^25.1.0":
+  version "25.1.0"
+  resolved "https://registry.yarnpkg.com/@jest/test-sequencer/-/test-sequencer-25.1.0.tgz#4df47208542f0065f356fcdb80026e3c042851ab"
+  integrity sha512-WgZLRgVr2b4l/7ED1J1RJQBOharxS11EFhmwDqknpknE0Pm87HLZVS2Asuuw+HQdfQvm2aXL2FvvBLxOD1D0iw==
+  dependencies:
+    "@jest/test-result" "^25.1.0"
+    jest-haste-map "^25.1.0"
+    jest-runner "^25.1.0"
+    jest-runtime "^25.1.0"
+
+"@jest/transform@^25.1.0":
+  version "25.1.0"
+  resolved "https://registry.yarnpkg.com/@jest/transform/-/transform-25.1.0.tgz#221f354f512b4628d88ce776d5b9e601028ea9da"
+  integrity sha512-4ktrQ2TPREVeM+KxB4zskAT84SnmG1vaz4S+51aTefyqn3zocZUnliLLm5Fsl85I3p/kFPN4CRp1RElIfXGegQ==
   dependencies:
     "@babel/core" "^7.1.0"
-    "@jest/types" "^24.9.0"
-    babel-plugin-istanbul "^5.1.0"
-    chalk "^2.0.1"
+    "@jest/types" "^25.1.0"
+    babel-plugin-istanbul "^6.0.0"
+    chalk "^3.0.0"
     convert-source-map "^1.4.0"
     fast-json-stable-stringify "^2.0.0"
-    graceful-fs "^4.1.15"
-    jest-haste-map "^24.9.0"
-    jest-regex-util "^24.9.0"
-    jest-util "^24.9.0"
-    micromatch "^3.1.10"
+    graceful-fs "^4.2.3"
+    jest-haste-map "^25.1.0"
+    jest-regex-util "^25.1.0"
+    jest-util "^25.1.0"
+    micromatch "^4.0.2"
     pirates "^4.0.1"
     realpath-native "^1.1.0"
-    slash "^2.0.0"
+    slash "^3.0.0"
     source-map "^0.6.1"
-    write-file-atomic "2.4.1"
+    write-file-atomic "^3.0.0"
 
 "@jest/types@^24.9.0":
   version "24.9.0"
@@ -947,6 +1133,16 @@
     "@types/istanbul-reports" "^1.1.1"
     "@types/yargs" "^13.0.0"
 
+"@jest/types@^25.1.0":
+  version "25.1.0"
+  resolved "https://registry.yarnpkg.com/@jest/types/-/types-25.1.0.tgz#b26831916f0d7c381e11dbb5e103a72aed1b4395"
+  integrity sha512-VpOtt7tCrgvamWZh1reVsGADujKigBUFTi19mlRjqEGsE8qH4r3s+skY33dNdXOwyZIvuftZ5tqdF1IgsMejMA==
+  dependencies:
+    "@types/istanbul-lib-coverage" "^2.0.0"
+    "@types/istanbul-reports" "^1.1.1"
+    "@types/yargs" "^15.0.0"
+    chalk "^3.0.0"
+
 "@ledgerhq/devices@^4.71.0":
   version "4.71.0"
   resolved "https://registry.yarnpkg.com/@ledgerhq/devices/-/devices-4.71.0.tgz#5624839af5e4ba202b81b8ec96a56eb543d35e59"
@@ -1045,6 +1241,13 @@
   resolved "https://registry.yarnpkg.com/@sindresorhus/is/-/is-0.14.0.tgz#9fb3a3cf3132328151f353de4632e01e52102bea"
   integrity sha512-9NET910DNaIPngYnLLPeg+Ogzqsi9uM4mSboU5y6p8S5DzMTVEsJZrawi+BoDNUVBa2DhJqQYUFvMDfgU062LQ==
 
+"@sinonjs/commons@^1.7.0":
+  version "1.7.0"
+  resolved "https://registry.yarnpkg.com/@sinonjs/commons/-/commons-1.7.0.tgz#f90ffc52a2e519f018b13b6c4da03cbff36ebed6"
+  integrity sha512-qbk9AP+cZUsKdW1GJsBpxPKFmCJ0T8swwzVje3qFd+AkQb74Q/tiuzrdfFg8AD2g5HH/XbE/I8Uc1KYHVYWfhg==
+  dependencies:
+    type-detect "4.0.8"
+
 "@szmarczak/http-timer@^1.1.2":
   version "1.1.2"
   resolved "https://registry.yarnpkg.com/@szmarczak/http-timer/-/http-timer-1.1.2.tgz#b1665e2c461a2cd92f4c1bbf50d5454de0d4b421"
@@ -1109,7 +1312,7 @@
     "@types/minimatch" "*"
     "@types/node" "*"
 
-"@types/istanbul-lib-coverage@*", "@types/istanbul-lib-coverage@^2.0.0":
+"@types/istanbul-lib-coverage@*", "@types/istanbul-lib-coverage@^2.0.0", "@types/istanbul-lib-coverage@^2.0.1":
   version "2.0.1"
   resolved "https://registry.yarnpkg.com/@types/istanbul-lib-coverage/-/istanbul-lib-coverage-2.0.1.tgz#42995b446db9a48a11a07ec083499a860e9138ff"
   integrity sha512-hRJD2ahnnpLgsj6KWMYSrmXkM3rm2Dl1qkx6IOFD5FnuNPXJIG5L0dhgKXCYTRMGzU4n0wImQ/xfmRc4POUFlg==
@@ -1186,6 +1389,13 @@
   dependencies:
     "@types/yargs-parser" "*"
 
+"@types/yargs@^15.0.0":
+  version "15.0.1"
+  resolved "https://registry.yarnpkg.com/@types/yargs/-/yargs-15.0.1.tgz#9266a9d7be68cfcc982568211085a49a277f7c96"
+  integrity sha512-sYlwNU7zYi6eZbMzFvG6eHD7VsEvFdoDtlD7eI1JTg7YNnuguzmiGsc6MPSq5l8n+h21AsNof0je+9sgOe4+dg==
+  dependencies:
+    "@types/yargs-parser" "*"
+
 "@vue/component-compiler-utils@^3.0.0":
   version "3.0.0"
   resolved "https://registry.yarnpkg.com/@vue/component-compiler-utils/-/component-compiler-utils-3.0.0.tgz#d16fa26b836c06df5baaeb45f3d80afc47e35634"
@@ -1393,7 +1603,7 @@ accessibility-developer-tools@^2.11.0:
   resolved "https://registry.yarnpkg.com/accessibility-developer-tools/-/accessibility-developer-tools-2.12.0.tgz#3da0cce9d6ec6373964b84f35db7cfc3df7ab514"
   integrity sha1-PaDM6dbsY3OWS4TzXbfPw996tRQ=
 
-acorn-globals@^4.1.0:
+acorn-globals@^4.3.2:
   version "4.3.4"
   resolved "https://registry.yarnpkg.com/acorn-globals/-/acorn-globals-4.3.4.tgz#9fa1926addc11c97308c4e66d7add0d40c3272e7"
   integrity sha512-clfQEh21R+D0leSbUdWf3OcfqyaCSAQ8Ryq00bofSekfr9W8u1jyYZo6ir0xu9Gtcf7BjcHJpnbZH7JOCpP60A==
@@ -1411,17 +1621,12 @@ acorn-walk@^6.0.1:
   resolved "https://registry.yarnpkg.com/acorn-walk/-/acorn-walk-6.2.0.tgz#123cb8f3b84c2171f1f7fb252615b1c78a6b1a8c"
   integrity sha512-7evsyfH1cLOCdAzZAd43Cic04yKydNx0cF+7tiA19p1XnLLPU4dpCQOqpjqwokFe//vS0QqfqqjCS2JkiIs0cA==
 
-acorn@^5.5.3:
-  version "5.7.3"
-  resolved "https://registry.yarnpkg.com/acorn/-/acorn-5.7.3.tgz#67aa231bf8812974b85235a96771eb6bd07ea279"
-  integrity sha512-T/zvzYRfbVojPWahDsE5evJdHb3oJoQfFbsrKM7w5Zcs++Tr257tia3BmMP8XYVjp1S9RZXQMh7gao96BlqZOw==
-
 acorn@^6.0.1, acorn@^6.0.7, acorn@^6.2.1:
   version "6.3.0"
   resolved "https://registry.yarnpkg.com/acorn/-/acorn-6.3.0.tgz#0087509119ffa4fc0a0041d1e93a417e68cb856e"
   integrity sha512-/czfa8BwS88b9gWQVhc8eknunSA2DoJpJyTQkhheIf5E48u1N0R4q/YxxsAeqRrmK9TQ/uYfgLDfZo91UlANIA==
 
-acorn@^7.0.0:
+acorn@^7.0.0, acorn@^7.1.0:
   version "7.1.0"
   resolved "https://registry.yarnpkg.com/acorn/-/acorn-7.1.0.tgz#949d36f2c292535da602283586c2477c57eb2d6c"
   integrity sha512-kL5CuoXA/dgxlBbVrflsflzQ3PAas7RYZB52NOm/6839iVYJgKMJ3cQJD+t2i5+qFa8h3MDpEOJiS64E8JLnSQ==
@@ -1502,6 +1707,13 @@ ansi-escapes@^3.0.0, ansi-escapes@^3.2.0:
   resolved "https://registry.yarnpkg.com/ansi-escapes/-/ansi-escapes-3.2.0.tgz#8780b98ff9dbf5638152d1f1fe5c1d7b4442976b"
   integrity sha512-cBhpre4ma+U0T1oM5fXg7Dy1Jw7zzwv7lt/GoCpr+hDQJoYnKVPLL4dCvSEFMmQurOQvSrwT7SL/DAlhBI97RQ==
 
+ansi-escapes@^4.2.1:
+  version "4.3.0"
+  resolved "https://registry.yarnpkg.com/ansi-escapes/-/ansi-escapes-4.3.0.tgz#a4ce2b33d6b214b7950d8595c212f12ac9cc569d"
+  integrity sha512-EiYhwo0v255HUL6eDyuLrXEkTi7WwVCLAw+SeOQ7M7qdun1z1pum4DEm/nuqIVbPvi9RPPc9k9LbyBv6H0DwVg==
+  dependencies:
+    type-fest "^0.8.1"
+
 ansi-html@0.0.7:
   version "0.0.7"
   resolved "https://registry.yarnpkg.com/ansi-html/-/ansi-html-0.0.7.tgz#813584021962a9e9e6fd039f940d12f56ca7859e"
@@ -1567,6 +1779,14 @@ anymatch@^2.0.0:
     micromatch "^3.1.4"
     normalize-path "^2.1.1"
 
+anymatch@^3.0.3:
+  version "3.1.1"
+  resolved "https://registry.yarnpkg.com/anymatch/-/anymatch-3.1.1.tgz#c55ecf02185e2469259399310c173ce31233b142"
+  integrity sha512-mM8522psRCqzV+6LhomX5wgp25YVibjh8Wj23I5RPkPppSVSjyKD2A2mBJmWGa+KN7f2D6LNh9jkBCeyLktzjg==
+  dependencies:
+    normalize-path "^3.0.0"
+    picomatch "^2.0.4"
+
 app-builder-bin@3.4.3:
   version "3.4.3"
   resolved "https://registry.yarnpkg.com/app-builder-bin/-/app-builder-bin-3.4.3.tgz#58a74193eb882f029be6b7f0cd3f0c6805927a6b"
@@ -1963,18 +2183,18 @@ babel-helpers@^6.24.1:
     babel-runtime "^6.22.0"
     babel-template "^6.24.1"
 
-babel-jest@^24.5.0, babel-jest@^24.9.0:
-  version "24.9.0"
-  resolved "https://registry.yarnpkg.com/babel-jest/-/babel-jest-24.9.0.tgz#3fc327cb8467b89d14d7bc70e315104a783ccd54"
-  integrity sha512-ntuddfyiN+EhMw58PTNL1ph4C9rECiQXjI4nMMBKBaNjXvqLdkXpPRcMSr4iyBrJg/+wz9brFUD6RhOAT6r4Iw==
+babel-jest@^25.0.0, babel-jest@^25.1.0:
+  version "25.1.0"
+  resolved "https://registry.yarnpkg.com/babel-jest/-/babel-jest-25.1.0.tgz#206093ac380a4b78c4404a05b3277391278f80fb"
+  integrity sha512-tz0VxUhhOE2y+g8R2oFrO/2VtVjA1lkJeavlhExuRBg3LdNJY9gwQ+Vcvqt9+cqy71MCTJhewvTB7Qtnnr9SWg==
   dependencies:
-    "@jest/transform" "^24.9.0"
-    "@jest/types" "^24.9.0"
+    "@jest/transform" "^25.1.0"
+    "@jest/types" "^25.1.0"
     "@types/babel__core" "^7.1.0"
-    babel-plugin-istanbul "^5.1.0"
-    babel-preset-jest "^24.9.0"
-    chalk "^2.4.2"
-    slash "^2.0.0"
+    babel-plugin-istanbul "^6.0.0"
+    babel-preset-jest "^25.1.0"
+    chalk "^3.0.0"
+    slash "^3.0.0"
 
 babel-loader@^8.0.6:
   version "8.0.6"
@@ -2000,20 +2220,21 @@ babel-plugin-dynamic-import-node@^2.3.0:
   dependencies:
     object.assign "^4.1.0"
 
-babel-plugin-istanbul@^5.1.0:
-  version "5.2.0"
-  resolved "https://registry.yarnpkg.com/babel-plugin-istanbul/-/babel-plugin-istanbul-5.2.0.tgz#df4ade83d897a92df069c4d9a25cf2671293c854"
-  integrity sha512-5LphC0USA8t4i1zCtjbbNb6jJj/9+X6P37Qfirc/70EQ34xKlMW+a1RHGwxGI+SwWpNwZ27HqvzAobeqaXwiZw==
+babel-plugin-istanbul@^6.0.0:
+  version "6.0.0"
+  resolved "https://registry.yarnpkg.com/babel-plugin-istanbul/-/babel-plugin-istanbul-6.0.0.tgz#e159ccdc9af95e0b570c75b4573b7c34d671d765"
+  integrity sha512-AF55rZXpe7trmEylbaE1Gv54wn6rwU03aptvRoVIGP8YykoSxqdVLV1TfwflBCE/QtHmqtP8SWlTENqbK8GCSQ==
   dependencies:
     "@babel/helper-plugin-utils" "^7.0.0"
-    find-up "^3.0.0"
-    istanbul-lib-instrument "^3.3.0"
-    test-exclude "^5.2.3"
+    "@istanbuljs/load-nyc-config" "^1.0.0"
+    "@istanbuljs/schema" "^0.1.2"
+    istanbul-lib-instrument "^4.0.0"
+    test-exclude "^6.0.0"
 
-babel-plugin-jest-hoist@^24.9.0:
-  version "24.9.0"
-  resolved "https://registry.yarnpkg.com/babel-plugin-jest-hoist/-/babel-plugin-jest-hoist-24.9.0.tgz#4f837091eb407e01447c8843cbec546d0002d756"
-  integrity sha512-2EMA2P8Vp7lG0RAzr4HXqtYwacfMErOuv1U3wrvxHX6rD1sV6xS3WXG3r8TRQ2r6w8OhvSdWt+z41hQNwNm3Xw==
+babel-plugin-jest-hoist@^25.1.0:
+  version "25.1.0"
+  resolved "https://registry.yarnpkg.com/babel-plugin-jest-hoist/-/babel-plugin-jest-hoist-25.1.0.tgz#fb62d7b3b53eb36c97d1bc7fec2072f9bd115981"
+  integrity sha512-oIsopO41vW4YFZ9yNYoLQATnnN46lp+MZ6H4VvPKFkcc2/fkl3CfE/NZZSmnEIEsJRmJAgkVEK0R7Zbl50CpTw==
   dependencies:
     "@types/babel__traverse" "^7.0.6"
 
@@ -2042,13 +2263,14 @@ babel-plugin-transform-runtime@6.23.0:
   dependencies:
     babel-runtime "^6.22.0"
 
-babel-preset-jest@^24.9.0:
-  version "24.9.0"
-  resolved "https://registry.yarnpkg.com/babel-preset-jest/-/babel-preset-jest-24.9.0.tgz#192b521e2217fb1d1f67cf73f70c336650ad3cdc"
-  integrity sha512-izTUuhE4TMfTRPF92fFwD2QfdXaZW08qvWTFCI51V8rW5x00UuPgc3ajRoWofXOuxjfcOM5zzSYsQS3H8KGCAg==
+babel-preset-jest@^25.1.0:
+  version "25.1.0"
+  resolved "https://registry.yarnpkg.com/babel-preset-jest/-/babel-preset-jest-25.1.0.tgz#d0aebfebb2177a21cde710996fce8486d34f1d33"
+  integrity sha512-eCGn64olaqwUMaugXsTtGAM2I0QTahjEtnRu0ql8Ie+gDWAc1N6wqN0k2NilnyTunM69Pad7gJY7LOtwLimoFQ==
   dependencies:
+    "@babel/plugin-syntax-bigint" "^7.0.0"
     "@babel/plugin-syntax-object-rest-spread" "^7.0.0"
-    babel-plugin-jest-hoist "^24.9.0"
+    babel-plugin-jest-hoist "^25.1.0"
 
 babel-register@^6.26.0:
   version "6.26.0"
@@ -3114,6 +3336,11 @@ codecov@^3.2.0:
     teeny-request "^3.11.3"
     urlgrey "^0.4.4"
 
+collect-v8-coverage@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/collect-v8-coverage/-/collect-v8-coverage-1.0.0.tgz#150ee634ac3650b71d9c985eb7f608942334feb1"
+  integrity sha512-VKIhJgvk8E1W28m5avZ2Gv2Ruv5YiF56ug2oclvaG9md69BuZImMG2sk9g7QNKLUbtYAKQjXjYxbYZVUlMMKmQ==
+
 collection-visit@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/collection-visit/-/collection-visit-1.0.0.tgz#4bc0373c164bc3291b4d368c829cf1a80a59dca0"
@@ -3198,7 +3425,7 @@ commander@2.9.x:
   dependencies:
     graceful-readlink ">= 1.0.0"
 
-commander@^2.19.0, commander@^2.20.0, commander@~2.20.0:
+commander@^2.19.0, commander@^2.20.0:
   version "2.20.1"
   resolved "https://registry.yarnpkg.com/commander/-/commander-2.20.1.tgz#3863ce3ca92d0831dcf2a102f5fb4b5926afd0f9"
   integrity sha512-cCuLsMhJeWQ/ZpsFTbE765kvVfoeSddc4nU3up4fV+fDBcfUXnbITJ+JzhkdjzOqhURjZgujxaioam4RM9yGUg==
@@ -3358,6 +3585,13 @@ convert-source-map@^1.1.0, convert-source-map@^1.4.0, convert-source-map@^1.5.1:
   dependencies:
     safe-buffer "~5.1.1"
 
+convert-source-map@^1.6.0, convert-source-map@^1.7.0:
+  version "1.7.0"
+  resolved "https://registry.yarnpkg.com/convert-source-map/-/convert-source-map-1.7.0.tgz#17a2cb882d7f77d3490585e2ce6c524424a3a442"
+  integrity sha512-4FJkXzKXEDB1snCFZlLP4gpC3JILicCpGbzG9f9G7tGqGCzETQ2hWPrcinA9oU4wtf2biUaEH5065UnMeR33oA==
+  dependencies:
+    safe-buffer "~5.1.1"
+
 cookie-signature@1.0.6:
   version "1.0.6"
   resolved "https://registry.yarnpkg.com/cookie-signature/-/cookie-signature-1.0.6.tgz#e303a882b342cc3ee8ca513a79999734dab3ae2c"
@@ -3678,17 +3912,22 @@ csso@^3.5.1:
   dependencies:
     css-tree "1.0.0-alpha.29"
 
-cssom@0.3.x, "cssom@>= 0.3.2 < 0.4.0":
+cssom@^0.4.1:
+  version "0.4.4"
+  resolved "https://registry.yarnpkg.com/cssom/-/cssom-0.4.4.tgz#5a66cf93d2d0b661d80bf6a44fb65f5c2e4e0a10"
+  integrity sha512-p3pvU7r1MyyqbTk+WbNJIgJjG2VmTIaB10rI93LzVPrmDJKkzKYMtxxyAvQXR/NS6otuzveI7+7BBq3SjBS2mw==
+
+cssom@~0.3.6:
   version "0.3.8"
   resolved "https://registry.yarnpkg.com/cssom/-/cssom-0.3.8.tgz#9f1276f5b2b463f2114d3f2c75250af8c1a36f4a"
   integrity sha512-b0tGHbfegbhPJpxpiBPU2sCkigAqtM9O121le6bbOlgyV+NyGyCmVfJ6QW9eRjz8CpNfWEOYBIMIGRYkLwsIYg==
 
-cssstyle@^1.0.0:
-  version "1.4.0"
-  resolved "https://registry.yarnpkg.com/cssstyle/-/cssstyle-1.4.0.tgz#9d31328229d3c565c61e586b02041a28fccdccf1"
-  integrity sha512-GBrLZYZ4X4x6/QEoBnIrqb8B/f5l4+8me2dkom/j1Gtbxy0kBv6OGzKuAsGM75bkGwGAFkt56Iwg28S3XTZgSA==
+cssstyle@^2.0.0:
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/cssstyle/-/cssstyle-2.1.0.tgz#99f50a3aa21d4af16e758ae3e454dcf5940b9122"
+  integrity sha512-1iwCdymVYhMdQWiZ+9mB7x+urdNLPGTWsIZt6euFk8Yi+dOERK2ccoAUA3Bl8I5vmK5qfz/eLkBRyLbs42ov4A==
   dependencies:
-    cssom "0.3.x"
+    cssom "~0.3.6"
 
 currently-unhandled@^0.4.1:
   version "0.4.1"
@@ -3714,7 +3953,7 @@ dashdash@^1.12.0:
   dependencies:
     assert-plus "^1.0.0"
 
-data-urls@^1.0.0:
+data-urls@^1.1.0:
   version "1.1.0"
   resolved "https://registry.yarnpkg.com/data-urls/-/data-urls-1.1.0.tgz#15ee0582baa5e22bb59c77140da8f9c76963bbfe"
   integrity sha512-YTWYI9se1P55u58gL5GkQHW4P6VJBJ5iBT+B5a7i2Tjadhv52paJG0qHX4A0OR6/t52odI64KP2YvFpkDOi3eQ==
@@ -4014,10 +4253,10 @@ detect-libc@^1.0.2, detect-libc@^1.0.3:
   resolved "https://registry.yarnpkg.com/detect-libc/-/detect-libc-1.0.3.tgz#fa137c4bd698edf55cd5cd02ac559f91a4c4ba9b"
   integrity sha1-+hN8S9aY7fVc1c0CrFWfkaTEups=
 
-detect-newline@^2.1.0:
-  version "2.1.0"
-  resolved "https://registry.yarnpkg.com/detect-newline/-/detect-newline-2.1.0.tgz#f41f1c10be4b00e87b5f13da680759f2c5bfd3e2"
-  integrity sha1-9B8cEL5LAOh7XxPaaAdZ8sW/0+I=
+detect-newline@^3.0.0:
+  version "3.1.0"
+  resolved "https://registry.yarnpkg.com/detect-newline/-/detect-newline-3.1.0.tgz#576f5dfc63ae1a192ff192d8ad3af6308991b651"
+  integrity sha512-TLz+x/vEXm/Y7P7wn1EJFNLxYpUD4TgMosxY6fAVJUnJMbupHBOncxyWUG9OpTaH9EBD7uFI5LfEgmMOc54DsA==
 
 detect-node@^2.0.4:
   version "2.0.4"
@@ -4048,6 +4287,11 @@ diff-sequences@^24.9.0:
   resolved "https://registry.yarnpkg.com/diff-sequences/-/diff-sequences-24.9.0.tgz#5715d6244e2aa65f48bba0bc972db0b0b11e95b5"
   integrity sha512-Dj6Wk3tWyTE+Fo1rW8v0Xhwk80um6yFYKbuAxc9c3EZxIHFDYwbi34Uk42u1CdnIiVorvt4RmlSDjIPyzGC2ew==
 
+diff-sequences@^25.1.0:
+  version "25.1.0"
+  resolved "https://registry.yarnpkg.com/diff-sequences/-/diff-sequences-25.1.0.tgz#fd29a46f1c913fd66c22645dc75bffbe43051f32"
+  integrity sha512-nFIfVk5B/NStCsJ+zaPO4vYuLjlzQ6uFvPxzYyHlejNZ/UGa7G/n7peOXVrVNvRuyfstt+mZQYGpjxg9Z6N8Kw==
+
 diffie-hellman@^5.0.0:
   version "5.0.3"
   resolved "https://registry.yarnpkg.com/diffie-hellman/-/diffie-hellman-5.0.3.tgz#40e8ee98f55a2149607146921c63e1ae5f3d2875"
@@ -4601,12 +4845,12 @@ escape-string-regexp@1.0.5, escape-string-regexp@^1.0.2, escape-string-regexp@^1
   resolved "https://registry.yarnpkg.com/escape-string-regexp/-/escape-string-regexp-1.0.5.tgz#1b61c0562190a8dff6ae3bb2cf0200ca130b86d4"
   integrity sha1-G2HAViGQqN/2rjuyzwIAyhMLhtQ=
 
-escodegen@^1.9.1:
-  version "1.12.0"
-  resolved "https://registry.yarnpkg.com/escodegen/-/escodegen-1.12.0.tgz#f763daf840af172bb3a2b6dd7219c0e17f7ff541"
-  integrity sha512-TuA+EhsanGcme5T3R0L80u4t8CpbXQjegRmf7+FPTJrtCTErXFeelblRgHQa1FofEzqYYJmJ/OqjTwREp9qgmg==
+escodegen@^1.11.1:
+  version "1.13.0"
+  resolved "https://registry.yarnpkg.com/escodegen/-/escodegen-1.13.0.tgz#c7adf9bd3f3cc675bb752f202f79a720189cab29"
+  integrity sha512-eYk2dCkxR07DsHA/X2hRBj0CFAZeri/LyDMc0C8JT1Hqi6JnVpMhJ7XFITbb0+yZS3lVkaPL2oCkZ3AVmeVbMw==
   dependencies:
-    esprima "^3.1.3"
+    esprima "^4.0.1"
     estraverse "^4.2.0"
     esutils "^2.0.2"
     optionator "^0.8.1"
@@ -4805,16 +5049,16 @@ espree@^6.1.1:
     acorn-jsx "^5.0.2"
     eslint-visitor-keys "^1.1.0"
 
-esprima@^3.1.3, esprima@~3.1.0:
-  version "3.1.3"
-  resolved "https://registry.yarnpkg.com/esprima/-/esprima-3.1.3.tgz#fdca51cee6133895e3c88d535ce49dbff62a4633"
-  integrity sha1-/cpRzuYTOJXjyI1TXOSdv/YqRjM=
-
-esprima@^4.0.0:
+esprima@^4.0.0, esprima@^4.0.1:
   version "4.0.1"
   resolved "https://registry.yarnpkg.com/esprima/-/esprima-4.0.1.tgz#13b04cdb3e6c5d19df91ab6987a8695619b0aa71"
   integrity sha512-eGuFFw7Upda+g4p+QHvnW0RyTX/SVeJBDM/gCtMARO0cLuT2HcEKnTPvhjV6aGeqrCB/sbNop0Kszm0jsaWU4A==
 
+esprima@~3.1.0:
+  version "3.1.3"
+  resolved "https://registry.yarnpkg.com/esprima/-/esprima-3.1.3.tgz#fdca51cee6133895e3c88d535ce49dbff62a4633"
+  integrity sha1-/cpRzuYTOJXjyI1TXOSdv/YqRjM=
+
 esquery@^1.0.1:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/esquery/-/esquery-1.0.1.tgz#406c51658b1f5991a5f9b62b1dc25b00e3e5c708"
@@ -4931,6 +5175,22 @@ execa@^2.0.3:
     signal-exit "^3.0.2"
     strip-final-newline "^2.0.0"
 
+execa@^3.2.0:
+  version "3.4.0"
+  resolved "https://registry.yarnpkg.com/execa/-/execa-3.4.0.tgz#c08ed4550ef65d858fac269ffc8572446f37eb89"
+  integrity sha512-r9vdGQk4bmCuK1yKQu1KTwcT2zwfWdbdaXfCtAh+5nU/4fSX+JAb7vZGvI5naJrQlvONrEB20jeruESI69530g==
+  dependencies:
+    cross-spawn "^7.0.0"
+    get-stream "^5.0.0"
+    human-signals "^1.1.1"
+    is-stream "^2.0.0"
+    merge-stream "^2.0.0"
+    npm-run-path "^4.0.0"
+    onetime "^5.1.0"
+    p-finally "^2.0.0"
+    signal-exit "^3.0.2"
+    strip-final-newline "^2.0.0"
+
 exit-hook@^1.0.0:
   version "1.1.1"
   resolved "https://registry.yarnpkg.com/exit-hook/-/exit-hook-1.1.1.tgz#f05ca233b48c05d54fff07765df8507e95c02ff8"
@@ -4966,7 +5226,7 @@ expand-tilde@^2.0.0, expand-tilde@^2.0.2:
   dependencies:
     homedir-polyfill "^1.0.1"
 
-expect@^24.1.0, expect@^24.9.0:
+expect@^24.1.0:
   version "24.9.0"
   resolved "https://registry.yarnpkg.com/expect/-/expect-24.9.0.tgz#b75165b4817074fa4a157794f46fe9f1ba15b6ca"
   integrity sha512-wvVAx8XIol3Z5m9zvZXiyZOQ+sRJqNTIm6sGjdWlaZIeupQGO3WbYI+15D/AmEwZywL6wtJkbAbJtzkOfBuR0Q==
@@ -4978,6 +5238,18 @@ expect@^24.1.0, expect@^24.9.0:
     jest-message-util "^24.9.0"
     jest-regex-util "^24.9.0"
 
+expect@^25.1.0:
+  version "25.1.0"
+  resolved "https://registry.yarnpkg.com/expect/-/expect-25.1.0.tgz#7e8d7b06a53f7d66ec927278db3304254ee683ee"
+  integrity sha512-wqHzuoapQkhc3OKPlrpetsfueuEiMf3iWh0R8+duCu9PIjXoP7HgD5aeypwTnXUAjC8aMsiVDaWwlbJ1RlQ38g==
+  dependencies:
+    "@jest/types" "^25.1.0"
+    ansi-styles "^4.0.0"
+    jest-get-type "^25.1.0"
+    jest-matcher-utils "^25.1.0"
+    jest-message-util "^25.1.0"
+    jest-regex-util "^25.1.0"
+
 express@^4.17.1:
   version "4.17.1"
   resolved "https://registry.yarnpkg.com/express/-/express-4.17.1.tgz#4491fc38605cf51f8629d39c2b5d026f98a4c134"
@@ -5458,6 +5730,11 @@ fsevents@^1.2.7:
     nan "^2.12.1"
     node-pre-gyp "^0.12.0"
 
+fsevents@^2.1.2:
+  version "2.1.2"
+  resolved "https://registry.yarnpkg.com/fsevents/-/fsevents-2.1.2.tgz#4c0a1fb34bc68e543b4b82a9ec392bfbda840805"
+  integrity sha512-R4wDiBwZ0KzpgOWetKDug1FZcYhqYnUYKtfZYt4mD5SBz76q0KR4Q9o7GIPamsVPGmW3EYPPJ0dOOjvx32ldZA==
+
 function-bind@^1.1.1:
   version "1.1.1"
   resolved "https://registry.yarnpkg.com/function-bind/-/function-bind-1.1.1.tgz#a56899d3ea3c9bab874bb9773b7c5ede92f4895d"
@@ -5494,6 +5771,11 @@ gaze@~1.1.2:
   dependencies:
     globule "^1.0.0"
 
+gensync@^1.0.0-beta.1:
+  version "1.0.0-beta.1"
+  resolved "https://registry.yarnpkg.com/gensync/-/gensync-1.0.0-beta.1.tgz#58f4361ff987e5ff6e1e7a210827aa371eaac269"
+  integrity sha512-r8EC6NO1sngH/zdD9fiRDLdcgnbayXah+mLgManTaIZJqEC1MZstmnox8KpnI2/fxQwrp5OpCOYWLp4rBl4Jcg==
+
 get-caller-file@^1.0.1:
   version "1.0.3"
   resolved "https://registry.yarnpkg.com/get-caller-file/-/get-caller-file-1.0.3.tgz#f978fa4c90d1dfe7ff2d6beda2a515e713bdcf4a"
@@ -5741,6 +6023,11 @@ graceful-fs@^4.1.0, graceful-fs@^4.1.10, graceful-fs@^4.1.11, graceful-fs@^4.1.1
   resolved "https://registry.yarnpkg.com/graceful-fs/-/graceful-fs-4.2.2.tgz#6f0952605d0140c1cfdb138ed005775b92d67b02"
   integrity sha512-IItsdsea19BoLC7ELy13q1iJFNmd7ofZH5+X/pJr90/nRoPEX0DJo1dHDbgtYWOhJhcCgMDTOw84RZ72q6lB+Q==
 
+graceful-fs@^4.2.3:
+  version "4.2.3"
+  resolved "https://registry.yarnpkg.com/graceful-fs/-/graceful-fs-4.2.3.tgz#4a12ff1b60376ef09862c2093edd908328be8423"
+  integrity sha512-a30VEBm4PEdx1dRB7MFK7BejejvCvBronbLjht+sHuGYj8PHs7M/5Z+rt5lw551vZ7yfTCj4Vuyy3mSJytDWRQ==
+
 "graceful-readlink@>= 1.0.0":
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/graceful-readlink/-/graceful-readlink-1.0.1.tgz#4cafad76bc62f02fa039b2f94e9a3dd3a391a725"
@@ -5761,17 +6048,6 @@ handle-thing@^2.0.0:
   resolved "https://registry.yarnpkg.com/handle-thing/-/handle-thing-2.0.0.tgz#0e039695ff50c93fc288557d696f3c1dc6776754"
   integrity sha512-d4sze1JNC454Wdo2fkuyzCr6aHcbL6PGGuFAz0Li/NcOm1tCHGnWDRmJP85dh9IhQErTc2svWFEX5xHIOo//kQ==
 
-handlebars@^4.1.2:
-  version "4.4.2"
-  resolved "https://registry.yarnpkg.com/handlebars/-/handlebars-4.4.2.tgz#8810a9821a9d6d52cb2f57d326d6ce7c3dfe741d"
-  integrity sha512-cIv17+GhL8pHHnRJzGu2wwcthL5sb8uDKBHvZ2Dtu5s1YNt0ljbzKbamnc+gr69y7bzwQiBdr5+hOpRd5pnOdg==
-  dependencies:
-    neo-async "^2.6.0"
-    optimist "^0.6.1"
-    source-map "^0.6.1"
-  optionalDependencies:
-    uglify-js "^3.1.4"
-
 har-schema@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/har-schema/-/har-schema-2.0.0.tgz#a94c2224ebcac04782a0d9035521f24735b7ec92"
@@ -5972,6 +6248,11 @@ html-entities@^1.2.0, html-entities@^1.2.1:
   resolved "https://registry.yarnpkg.com/html-entities/-/html-entities-1.2.1.tgz#0df29351f0721163515dfb9e5543e5f6eed5162f"
   integrity sha1-DfKTUfByEWNRXfueVUPl9u7VFi8=
 
+html-escaper@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/html-escaper/-/html-escaper-2.0.0.tgz#71e87f931de3fe09e56661ab9a29aadec707b491"
+  integrity sha512-a4u9BeERWGu/S8JiWEAQcdrg9v4QArtP9keViQjGMdff20fBdd8waotXaNmODqBe6uZ3Nafi7K/ho4gCQHV3Ig==
+
 html-minifier@^2.1.5:
   version "2.1.7"
   resolved "https://registry.yarnpkg.com/html-minifier/-/html-minifier-2.1.7.tgz#9051d6fcbbcf214ed307e1ad74f432bb9ad655cc"
@@ -6111,6 +6392,11 @@ https-proxy-agent@^2.2.1:
     agent-base "^4.3.0"
     debug "^3.1.0"
 
+human-signals@^1.1.1:
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/human-signals/-/human-signals-1.1.1.tgz#c5b1cd14f50aeae09ab6c59fe63ba3395fe4dfa3"
+  integrity sha512-SEQu7vl8KjNL2eoGBLF3+wAjpsNfA9XMlXAYj/3EdaNfAlxKthD1xjEQfGOUhllCGGJVNY34bRr6lPINhNjyZw==
+
 humanize-plus@^1.8.1:
   version "1.8.2"
   resolved "https://registry.yarnpkg.com/humanize-plus/-/humanize-plus-1.8.2.tgz#a65b34459ad6367adbb3707a82a3c9f916167030"
@@ -6245,6 +6531,14 @@ import-local@2.0.0, import-local@^2.0.0:
     pkg-dir "^3.0.0"
     resolve-cwd "^2.0.0"
 
+import-local@^3.0.2:
+  version "3.0.2"
+  resolved "https://registry.yarnpkg.com/import-local/-/import-local-3.0.2.tgz#a8cfd0431d1de4a2199703d003e3e62364fa6db6"
+  integrity sha512-vjL3+w0oulAVZ0hBHnxa/Nm5TAurf9YLQJDhqRZyqb+VKGOB6LU8t9H1Nr5CIo16vh9XfJTOoHwU0B71S557gA==
+  dependencies:
+    pkg-dir "^4.2.0"
+    resolve-cwd "^3.0.0"
+
 imurmurhash@^0.1.4:
   version "0.1.4"
   resolved "https://registry.yarnpkg.com/imurmurhash/-/imurmurhash-0.1.4.tgz#9218b9b2b928a238b13dc4fb6b6d576f231453ea"
@@ -6370,7 +6664,7 @@ intl@^1.2.5:
   resolved "https://registry.yarnpkg.com/intl/-/intl-1.2.5.tgz#82244a2190c4e419f8371f5aa34daa3420e2abde"
   integrity sha1-giRKIZDE5Bn4Nx9ao02qNCDiq94=
 
-invariant@^2.2.2, invariant@^2.2.4:
+invariant@^2.2.2:
   version "2.2.4"
   resolved "https://registry.yarnpkg.com/invariant/-/invariant-2.2.4.tgz#610f3c92c9359ce1db616e538008d23ff35158e6"
   integrity sha512-phJfQVBuaJM5raOpJjSfkiD6BpbCE4Ns//LaXl6wGYtUBY83nWS6Rf9tXm2e8VaK60JEjYldbPif/A2B1C2gNA==
@@ -6698,7 +6992,7 @@ is-symbol@^1.0.2:
   dependencies:
     has-symbols "^1.0.0"
 
-is-typedarray@~1.0.0:
+is-typedarray@^1.0.0, is-typedarray@~1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/is-typedarray/-/is-typedarray-1.0.0.tgz#e479c80858df0c1b11ddda6940f96011fcda4a9a"
   integrity sha1-5HnICFjfDBsR3dppQPlgEfzaSpo=
@@ -6742,6 +7036,11 @@ is-wsl@^1.1.0:
   resolved "https://registry.yarnpkg.com/is-wsl/-/is-wsl-1.1.0.tgz#1f16e4aa22b04d1336b66188a66af3c600c3a66d"
   integrity sha1-HxbkqiKwTRM2tmGIpmrzxgDDpm0=
 
+is-wsl@^2.1.1:
+  version "2.1.1"
+  resolved "https://registry.yarnpkg.com/is-wsl/-/is-wsl-2.1.1.tgz#4a1c152d429df3d441669498e2486d3596ebaf1d"
+  integrity sha512-umZHcSrwlDHo2TGMXv0DZ8dIUGunZ2Iv68YZnrmCiBPkZ4aaOhtv7pXJKeki9k3qJ3RJr0cDyitcl5wEH3AYog==
+
 is-yarn-global@^0.3.0:
   version "0.3.0"
   resolved "https://registry.yarnpkg.com/is-yarn-global/-/is-yarn-global-0.3.0.tgz#d502d3382590ea3004893746754c89139973e232"
@@ -6784,100 +7083,99 @@ isstream@~0.1.2:
   resolved "https://registry.yarnpkg.com/isstream/-/isstream-0.1.2.tgz#47e63f7af55afa6f92e1500e690eb8b8529c099a"
   integrity sha1-R+Y/evVa+m+S4VAOaQ64uFKcCZo=
 
-istanbul-lib-coverage@^2.0.2, istanbul-lib-coverage@^2.0.5:
-  version "2.0.5"
-  resolved "https://registry.yarnpkg.com/istanbul-lib-coverage/-/istanbul-lib-coverage-2.0.5.tgz#675f0ab69503fad4b1d849f736baaca803344f49"
-  integrity sha512-8aXznuEPCJvGnMSRft4udDRDtb1V3pkQkMMI5LI+6HuQz5oQ4J2UFn1H82raA3qJtyOLkkwVqICBQkjnGtn5mA==
+istanbul-lib-coverage@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/istanbul-lib-coverage/-/istanbul-lib-coverage-3.0.0.tgz#f5944a37c70b550b02a78a5c3b2055b280cec8ec"
+  integrity sha512-UiUIqxMgRDET6eR+o5HbfRYP1l0hqkWOs7vNxC/mggutCMUIhWMm8gAHb8tHlyfD3/l6rlgNA5cKdDzEAf6hEg==
 
-istanbul-lib-instrument@^3.0.1, istanbul-lib-instrument@^3.3.0:
-  version "3.3.0"
-  resolved "https://registry.yarnpkg.com/istanbul-lib-instrument/-/istanbul-lib-instrument-3.3.0.tgz#a5f63d91f0bbc0c3e479ef4c5de027335ec6d630"
-  integrity sha512-5nnIN4vo5xQZHdXno/YDXJ0G+I3dAm4XgzfSVTPLQpj/zAV2dV6Juy0yaf10/zrJOJeHoN3fraFe+XRq2bFVZA==
-  dependencies:
-    "@babel/generator" "^7.4.0"
-    "@babel/parser" "^7.4.3"
-    "@babel/template" "^7.4.0"
-    "@babel/traverse" "^7.4.3"
-    "@babel/types" "^7.4.0"
-    istanbul-lib-coverage "^2.0.5"
-    semver "^6.0.0"
+istanbul-lib-instrument@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/istanbul-lib-instrument/-/istanbul-lib-instrument-4.0.0.tgz#53321a7970f076262fd3292c8f9b2e4ac544aae1"
+  integrity sha512-Nm4wVHdo7ZXSG30KjZ2Wl5SU/Bw7bDx1PdaiIFzEStdjs0H12mOTncn1GVYuqQSaZxpg87VGBRsVRPGD2cD1AQ==
+  dependencies:
+    "@babel/core" "^7.7.5"
+    "@babel/parser" "^7.7.5"
+    "@babel/template" "^7.7.4"
+    "@babel/traverse" "^7.7.4"
+    "@istanbuljs/schema" "^0.1.2"
+    istanbul-lib-coverage "^3.0.0"
+    semver "^6.3.0"
 
-istanbul-lib-report@^2.0.4:
-  version "2.0.8"
-  resolved "https://registry.yarnpkg.com/istanbul-lib-report/-/istanbul-lib-report-2.0.8.tgz#5a8113cd746d43c4889eba36ab10e7d50c9b4f33"
-  integrity sha512-fHBeG573EIihhAblwgxrSenp0Dby6tJMFR/HvlerBsrCTD5bkUuoNtn3gVh29ZCS824cGGBPn7Sg7cNk+2xUsQ==
+istanbul-lib-report@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/istanbul-lib-report/-/istanbul-lib-report-3.0.0.tgz#7518fe52ea44de372f460a76b5ecda9ffb73d8a6"
+  integrity sha512-wcdi+uAKzfiGT2abPpKZ0hSU1rGQjUQnLvtY5MpQ7QCTahD3VODhcu4wcfY1YtkGaDD5yuydOLINXsfbus9ROw==
   dependencies:
-    istanbul-lib-coverage "^2.0.5"
-    make-dir "^2.1.0"
-    supports-color "^6.1.0"
+    istanbul-lib-coverage "^3.0.0"
+    make-dir "^3.0.0"
+    supports-color "^7.1.0"
 
-istanbul-lib-source-maps@^3.0.1:
-  version "3.0.6"
-  resolved "https://registry.yarnpkg.com/istanbul-lib-source-maps/-/istanbul-lib-source-maps-3.0.6.tgz#284997c48211752ec486253da97e3879defba8c8"
-  integrity sha512-R47KzMtDJH6X4/YW9XTx+jrLnZnscW4VpNN+1PViSYTejLVPWv7oov+Duf8YQSPyVRUvueQqz1TcsC6mooZTXw==
+istanbul-lib-source-maps@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/istanbul-lib-source-maps/-/istanbul-lib-source-maps-4.0.0.tgz#75743ce6d96bb86dc7ee4352cf6366a23f0b1ad9"
+  integrity sha512-c16LpFRkR8vQXyHZ5nLpY35JZtzj1PQY1iZmesUbf1FZHbIupcWfjgOXBY9YHkLEQ6puz1u4Dgj6qmU/DisrZg==
   dependencies:
     debug "^4.1.1"
-    istanbul-lib-coverage "^2.0.5"
-    make-dir "^2.1.0"
-    rimraf "^2.6.3"
+    istanbul-lib-coverage "^3.0.0"
     source-map "^0.6.1"
 
-istanbul-reports@^2.2.6:
-  version "2.2.6"
-  resolved "https://registry.yarnpkg.com/istanbul-reports/-/istanbul-reports-2.2.6.tgz#7b4f2660d82b29303a8fe6091f8ca4bf058da1af"
-  integrity sha512-SKi4rnMyLBKe0Jy2uUdx28h8oG7ph2PPuQPvIAh31d+Ci+lSiEu4C+h3oBPuJ9+mPKhOyW0M8gY4U5NM1WLeXA==
+istanbul-reports@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/istanbul-reports/-/istanbul-reports-3.0.0.tgz#d4d16d035db99581b6194e119bbf36c963c5eb70"
+  integrity sha512-2osTcC8zcOSUkImzN2EWQta3Vdi4WjjKw99P2yWx5mLnigAM0Rd5uYFn1cf2i/Ois45GkNjaoTqc5CxgMSX80A==
   dependencies:
-    handlebars "^4.1.2"
+    html-escaper "^2.0.0"
+    istanbul-lib-report "^3.0.0"
 
-jest-changed-files@^24.9.0:
-  version "24.9.0"
-  resolved "https://registry.yarnpkg.com/jest-changed-files/-/jest-changed-files-24.9.0.tgz#08d8c15eb79a7fa3fc98269bc14b451ee82f8039"
-  integrity sha512-6aTWpe2mHF0DhL28WjdkO8LyGjs3zItPET4bMSeXU6T3ub4FPMw+mcOcbdGXQOAfmLcxofD23/5Bl9Z4AkFwqg==
+jest-changed-files@^25.1.0:
+  version "25.1.0"
+  resolved "https://registry.yarnpkg.com/jest-changed-files/-/jest-changed-files-25.1.0.tgz#73dae9a7d9949fdfa5c278438ce8f2ff3ec78131"
+  integrity sha512-bdL1aHjIVy3HaBO3eEQeemGttsq1BDlHgWcOjEOIAcga7OOEGWHD2WSu8HhL7I1F0mFFyci8VKU4tRNk+qtwDA==
   dependencies:
-    "@jest/types" "^24.9.0"
-    execa "^1.0.0"
-    throat "^4.0.0"
+    "@jest/types" "^25.1.0"
+    execa "^3.2.0"
+    throat "^5.0.0"
 
-jest-cli@^24.9.0:
-  version "24.9.0"
-  resolved "https://registry.yarnpkg.com/jest-cli/-/jest-cli-24.9.0.tgz#ad2de62d07472d419c6abc301fc432b98b10d2af"
-  integrity sha512-+VLRKyitT3BWoMeSUIHRxV/2g8y9gw91Jh5z2UmXZzkZKpbC08CSehVxgHUwTpy+HwGcns/tqafQDJW7imYvGg==
+jest-cli@^25.1.0:
+  version "25.1.0"
+  resolved "https://registry.yarnpkg.com/jest-cli/-/jest-cli-25.1.0.tgz#75f0b09cf6c4f39360906bf78d580be1048e4372"
+  integrity sha512-p+aOfczzzKdo3AsLJlhs8J5EW6ffVidfSZZxXedJ0mHPBOln1DccqFmGCoO8JWd4xRycfmwy1eoQkMsF8oekPg==
   dependencies:
-    "@jest/core" "^24.9.0"
-    "@jest/test-result" "^24.9.0"
-    "@jest/types" "^24.9.0"
-    chalk "^2.0.1"
+    "@jest/core" "^25.1.0"
+    "@jest/test-result" "^25.1.0"
+    "@jest/types" "^25.1.0"
+    chalk "^3.0.0"
     exit "^0.1.2"
-    import-local "^2.0.0"
+    import-local "^3.0.2"
     is-ci "^2.0.0"
-    jest-config "^24.9.0"
-    jest-util "^24.9.0"
-    jest-validate "^24.9.0"
+    jest-config "^25.1.0"
+    jest-util "^25.1.0"
+    jest-validate "^25.1.0"
     prompts "^2.0.1"
     realpath-native "^1.1.0"
-    yargs "^13.3.0"
+    yargs "^15.0.0"
 
-jest-config@^24.9.0:
-  version "24.9.0"
-  resolved "https://registry.yarnpkg.com/jest-config/-/jest-config-24.9.0.tgz#fb1bbc60c73a46af03590719efa4825e6e4dd1b5"
-  integrity sha512-RATtQJtVYQrp7fvWg6f5y3pEFj9I+H8sWw4aKxnDZ96mob5i5SD6ZEGWgMLXQ4LE8UurrjbdlLWdUeo+28QpfQ==
+jest-config@^25.1.0:
+  version "25.1.0"
+  resolved "https://registry.yarnpkg.com/jest-config/-/jest-config-25.1.0.tgz#d114e4778c045d3ef239452213b7ad3ec1cbea90"
+  integrity sha512-tLmsg4SZ5H7tuhBC5bOja0HEblM0coS3Wy5LTCb2C8ZV6eWLewHyK+3qSq9Bi29zmWQ7ojdCd3pxpx4l4d2uGw==
   dependencies:
     "@babel/core" "^7.1.0"
-    "@jest/test-sequencer" "^24.9.0"
-    "@jest/types" "^24.9.0"
-    babel-jest "^24.9.0"
-    chalk "^2.0.1"
+    "@jest/test-sequencer" "^25.1.0"
+    "@jest/types" "^25.1.0"
+    babel-jest "^25.1.0"
+    chalk "^3.0.0"
     glob "^7.1.1"
-    jest-environment-jsdom "^24.9.0"
-    jest-environment-node "^24.9.0"
-    jest-get-type "^24.9.0"
-    jest-jasmine2 "^24.9.0"
-    jest-regex-util "^24.3.0"
-    jest-resolve "^24.9.0"
-    jest-util "^24.9.0"
-    jest-validate "^24.9.0"
-    micromatch "^3.1.10"
-    pretty-format "^24.9.0"
+    jest-environment-jsdom "^25.1.0"
+    jest-environment-node "^25.1.0"
+    jest-get-type "^25.1.0"
+    jest-jasmine2 "^25.1.0"
+    jest-regex-util "^25.1.0"
+    jest-resolve "^25.1.0"
+    jest-util "^25.1.0"
+    jest-validate "^25.1.0"
+    micromatch "^4.0.2"
+    pretty-format "^25.1.0"
     realpath-native "^1.1.0"
 
 jest-diff@^24.9.0:
@@ -6890,46 +7188,56 @@ jest-diff@^24.9.0:
     jest-get-type "^24.9.0"
     pretty-format "^24.9.0"
 
-jest-docblock@^24.3.0:
-  version "24.9.0"
-  resolved "https://registry.yarnpkg.com/jest-docblock/-/jest-docblock-24.9.0.tgz#7970201802ba560e1c4092cc25cbedf5af5a8ce2"
-  integrity sha512-F1DjdpDMJMA1cN6He0FNYNZlo3yYmOtRUnktrT9Q37njYzC5WEaDdmbynIgy0L/IvXvvgsG8OsqhLPXTpfmZAA==
-  dependencies:
-    detect-newline "^2.1.0"
-
-jest-each@^24.9.0:
-  version "24.9.0"
-  resolved "https://registry.yarnpkg.com/jest-each/-/jest-each-24.9.0.tgz#eb2da602e2a610898dbc5f1f6df3ba86b55f8b05"
-  integrity sha512-ONi0R4BvW45cw8s2Lrx8YgbeXL1oCQ/wIDwmsM3CqM/nlblNCPmnC3IPQlMbRFZu3wKdQ2U8BqM6lh3LJ5Bsog==
+jest-diff@^25.1.0:
+  version "25.1.0"
+  resolved "https://registry.yarnpkg.com/jest-diff/-/jest-diff-25.1.0.tgz#58b827e63edea1bc80c1de952b80cec9ac50e1ad"
+  integrity sha512-nepXgajT+h017APJTreSieh4zCqnSHEJ1iT8HDlewu630lSJ4Kjjr9KNzm+kzGwwcpsDE6Snx1GJGzzsefaEHw==
   dependencies:
-    "@jest/types" "^24.9.0"
-    chalk "^2.0.1"
-    jest-get-type "^24.9.0"
-    jest-util "^24.9.0"
-    pretty-format "^24.9.0"
+    chalk "^3.0.0"
+    diff-sequences "^25.1.0"
+    jest-get-type "^25.1.0"
+    pretty-format "^25.1.0"
 
-jest-environment-jsdom@^24.9.0:
-  version "24.9.0"
-  resolved "https://registry.yarnpkg.com/jest-environment-jsdom/-/jest-environment-jsdom-24.9.0.tgz#4b0806c7fc94f95edb369a69cc2778eec2b7375b"
-  integrity sha512-Zv9FV9NBRzLuALXjvRijO2351DRQeLYXtpD4xNvfoVFw21IOKNhZAEUKcbiEtjTkm2GsJ3boMVgkaR7rN8qetA==
+jest-docblock@^25.1.0:
+  version "25.1.0"
+  resolved "https://registry.yarnpkg.com/jest-docblock/-/jest-docblock-25.1.0.tgz#0f44bea3d6ca6dfc38373d465b347c8818eccb64"
+  integrity sha512-370P/mh1wzoef6hUKiaMcsPtIapY25suP6JqM70V9RJvdKLrV4GaGbfUseUVk4FZJw4oTZ1qSCJNdrClKt5JQA==
   dependencies:
-    "@jest/environment" "^24.9.0"
-    "@jest/fake-timers" "^24.9.0"
-    "@jest/types" "^24.9.0"
-    jest-mock "^24.9.0"
-    jest-util "^24.9.0"
-    jsdom "^11.5.1"
+    detect-newline "^3.0.0"
 
-jest-environment-node@^24.9.0:
-  version "24.9.0"
-  resolved "https://registry.yarnpkg.com/jest-environment-node/-/jest-environment-node-24.9.0.tgz#333d2d2796f9687f2aeebf0742b519f33c1cbfd3"
-  integrity sha512-6d4V2f4nxzIzwendo27Tr0aFm+IXWa0XEUnaH6nU0FMaozxovt+sfRvh4J47wL1OvF83I3SSTu0XK+i4Bqe7uA==
+jest-each@^25.1.0:
+  version "25.1.0"
+  resolved "https://registry.yarnpkg.com/jest-each/-/jest-each-25.1.0.tgz#a6b260992bdf451c2d64a0ccbb3ac25e9b44c26a"
+  integrity sha512-R9EL8xWzoPySJ5wa0DXFTj7NrzKpRD40Jy+zQDp3Qr/2QmevJgkN9GqioCGtAJ2bW9P/MQRznQHQQhoeAyra7A==
   dependencies:
-    "@jest/environment" "^24.9.0"
-    "@jest/fake-timers" "^24.9.0"
-    "@jest/types" "^24.9.0"
-    jest-mock "^24.9.0"
-    jest-util "^24.9.0"
+    "@jest/types" "^25.1.0"
+    chalk "^3.0.0"
+    jest-get-type "^25.1.0"
+    jest-util "^25.1.0"
+    pretty-format "^25.1.0"
+
+jest-environment-jsdom@^25.1.0:
+  version "25.1.0"
+  resolved "https://registry.yarnpkg.com/jest-environment-jsdom/-/jest-environment-jsdom-25.1.0.tgz#6777ab8b3e90fd076801efd3bff8e98694ab43c3"
+  integrity sha512-ILb4wdrwPAOHX6W82GGDUiaXSSOE274ciuov0lztOIymTChKFtC02ddyicRRCdZlB5YSrv3vzr1Z5xjpEe1OHQ==
+  dependencies:
+    "@jest/environment" "^25.1.0"
+    "@jest/fake-timers" "^25.1.0"
+    "@jest/types" "^25.1.0"
+    jest-mock "^25.1.0"
+    jest-util "^25.1.0"
+    jsdom "^15.1.1"
+
+jest-environment-node@^25.1.0:
+  version "25.1.0"
+  resolved "https://registry.yarnpkg.com/jest-environment-node/-/jest-environment-node-25.1.0.tgz#797bd89b378cf0bd794dc8e3dca6ef21126776db"
+  integrity sha512-U9kFWTtAPvhgYY5upnH9rq8qZkj6mYLup5l1caAjjx9uNnkLHN2xgZy5mo4SyLdmrh/EtB9UPpKFShvfQHD0Iw==
+  dependencies:
+    "@jest/environment" "^25.1.0"
+    "@jest/fake-timers" "^25.1.0"
+    "@jest/types" "^25.1.0"
+    jest-mock "^25.1.0"
+    jest-util "^25.1.0"
 
 jest-extended@^0.11.1:
   version "0.11.2"
@@ -6950,54 +7258,59 @@ jest-get-type@^24.9.0:
   resolved "https://registry.yarnpkg.com/jest-get-type/-/jest-get-type-24.9.0.tgz#1684a0c8a50f2e4901b6644ae861f579eed2ef0e"
   integrity sha512-lUseMzAley4LhIcpSP9Jf+fTrQ4a1yHQwLNeeVa2cEmbCGeoZAtYPOIv8JaxLD/sUpKxetKGP+gsHl8f8TSj8Q==
 
-jest-haste-map@^24.9.0:
-  version "24.9.0"
-  resolved "https://registry.yarnpkg.com/jest-haste-map/-/jest-haste-map-24.9.0.tgz#b38a5d64274934e21fa417ae9a9fbeb77ceaac7d"
-  integrity sha512-kfVFmsuWui2Sj1Rp1AJ4D9HqJwE4uwTlS/vO+eRUaMmd54BFpli2XhMQnPC2k4cHFVbB2Q2C+jtI1AGLgEnCjQ==
+jest-get-type@^25.1.0:
+  version "25.1.0"
+  resolved "https://registry.yarnpkg.com/jest-get-type/-/jest-get-type-25.1.0.tgz#1cfe5fc34f148dc3a8a3b7275f6b9ce9e2e8a876"
+  integrity sha512-yWkBnT+5tMr8ANB6V+OjmrIJufHtCAqI5ic2H40v+tRqxDmE0PGnIiTyvRWFOMtmVHYpwRqyazDbTnhpjsGvLw==
+
+jest-haste-map@^25.1.0:
+  version "25.1.0"
+  resolved "https://registry.yarnpkg.com/jest-haste-map/-/jest-haste-map-25.1.0.tgz#ae12163d284f19906260aa51fd405b5b2e5a4ad3"
+  integrity sha512-/2oYINIdnQZAqyWSn1GTku571aAfs8NxzSErGek65Iu5o8JYb+113bZysRMcC/pjE5v9w0Yz+ldbj9NxrFyPyw==
   dependencies:
-    "@jest/types" "^24.9.0"
-    anymatch "^2.0.0"
+    "@jest/types" "^25.1.0"
+    anymatch "^3.0.3"
     fb-watchman "^2.0.0"
-    graceful-fs "^4.1.15"
-    invariant "^2.2.4"
-    jest-serializer "^24.9.0"
-    jest-util "^24.9.0"
-    jest-worker "^24.9.0"
-    micromatch "^3.1.10"
+    graceful-fs "^4.2.3"
+    jest-serializer "^25.1.0"
+    jest-util "^25.1.0"
+    jest-worker "^25.1.0"
+    micromatch "^4.0.2"
     sane "^4.0.3"
     walker "^1.0.7"
   optionalDependencies:
-    fsevents "^1.2.7"
+    fsevents "^2.1.2"
 
-jest-jasmine2@^24.9.0:
-  version "24.9.0"
-  resolved "https://registry.yarnpkg.com/jest-jasmine2/-/jest-jasmine2-24.9.0.tgz#1f7b1bd3242c1774e62acabb3646d96afc3be6a0"
-  integrity sha512-Cq7vkAgaYKp+PsX+2/JbTarrk0DmNhsEtqBXNwUHkdlbrTBLtMJINADf2mf5FkowNsq8evbPc07/qFO0AdKTzw==
+jest-jasmine2@^25.1.0:
+  version "25.1.0"
+  resolved "https://registry.yarnpkg.com/jest-jasmine2/-/jest-jasmine2-25.1.0.tgz#681b59158a430f08d5d0c1cce4f01353e4b48137"
+  integrity sha512-GdncRq7jJ7sNIQ+dnXvpKO2MyP6j3naNK41DTTjEAhLEdpImaDA9zSAZwDhijjSF/D7cf4O5fdyUApGBZleaEg==
   dependencies:
     "@babel/traverse" "^7.1.0"
-    "@jest/environment" "^24.9.0"
-    "@jest/test-result" "^24.9.0"
-    "@jest/types" "^24.9.0"
-    chalk "^2.0.1"
+    "@jest/environment" "^25.1.0"
+    "@jest/source-map" "^25.1.0"
+    "@jest/test-result" "^25.1.0"
+    "@jest/types" "^25.1.0"
+    chalk "^3.0.0"
     co "^4.6.0"
-    expect "^24.9.0"
+    expect "^25.1.0"
     is-generator-fn "^2.0.0"
-    jest-each "^24.9.0"
-    jest-matcher-utils "^24.9.0"
-    jest-message-util "^24.9.0"
-    jest-runtime "^24.9.0"
-    jest-snapshot "^24.9.0"
-    jest-util "^24.9.0"
-    pretty-format "^24.9.0"
-    throat "^4.0.0"
-
-jest-leak-detector@^24.9.0:
-  version "24.9.0"
-  resolved "https://registry.yarnpkg.com/jest-leak-detector/-/jest-leak-detector-24.9.0.tgz#b665dea7c77100c5c4f7dfcb153b65cf07dcf96a"
-  integrity sha512-tYkFIDsiKTGwb2FG1w8hX9V0aUb2ot8zY/2nFg087dUageonw1zrLMP4W6zsRO59dPkTSKie+D4rhMuP9nRmrA==
-  dependencies:
-    jest-get-type "^24.9.0"
-    pretty-format "^24.9.0"
+    jest-each "^25.1.0"
+    jest-matcher-utils "^25.1.0"
+    jest-message-util "^25.1.0"
+    jest-runtime "^25.1.0"
+    jest-snapshot "^25.1.0"
+    jest-util "^25.1.0"
+    pretty-format "^25.1.0"
+    throat "^5.0.0"
+
+jest-leak-detector@^25.1.0:
+  version "25.1.0"
+  resolved "https://registry.yarnpkg.com/jest-leak-detector/-/jest-leak-detector-25.1.0.tgz#ed6872d15aa1c72c0732d01bd073dacc7c38b5c6"
+  integrity sha512-3xRI264dnhGaMHRvkFyEKpDeaRzcEBhyNrOG5oT8xPxOyUAblIAQnpiR3QXu4wDor47MDTiHbiFcbypdLcLW5w==
+  dependencies:
+    jest-get-type "^25.1.0"
+    pretty-format "^25.1.0"
 
 jest-matcher-utils@^22.0.0:
   version "22.4.3"
@@ -7018,6 +7331,16 @@ jest-matcher-utils@^24.9.0:
     jest-get-type "^24.9.0"
     pretty-format "^24.9.0"
 
+jest-matcher-utils@^25.1.0:
+  version "25.1.0"
+  resolved "https://registry.yarnpkg.com/jest-matcher-utils/-/jest-matcher-utils-25.1.0.tgz#fa5996c45c7193a3c24e73066fc14acdee020220"
+  integrity sha512-KGOAFcSFbclXIFE7bS4C53iYobKI20ZWleAdAFun4W1Wz1Kkej8Ng6RRbhL8leaEvIOjGXhGf/a1JjO8bkxIWQ==
+  dependencies:
+    chalk "^3.0.0"
+    jest-diff "^25.1.0"
+    jest-get-type "^25.1.0"
+    pretty-format "^25.1.0"
+
 jest-message-util@^24.9.0:
   version "24.9.0"
   resolved "https://registry.yarnpkg.com/jest-message-util/-/jest-message-util-24.9.0.tgz#527f54a1e380f5e202a8d1149b0ec872f43119e3"
@@ -7032,96 +7355,117 @@ jest-message-util@^24.9.0:
     slash "^2.0.0"
     stack-utils "^1.0.1"
 
-jest-mock@^24.9.0:
-  version "24.9.0"
-  resolved "https://registry.yarnpkg.com/jest-mock/-/jest-mock-24.9.0.tgz#c22835541ee379b908673ad51087a2185c13f1c6"
-  integrity sha512-3BEYN5WbSq9wd+SyLDES7AHnjH9A/ROBwmz7l2y+ol+NtSFO8DYiEBzoO1CeFc9a8DYy10EO4dDFVv/wN3zl1w==
+jest-message-util@^25.1.0:
+  version "25.1.0"
+  resolved "https://registry.yarnpkg.com/jest-message-util/-/jest-message-util-25.1.0.tgz#702a9a5cb05c144b9aa73f06e17faa219389845e"
+  integrity sha512-Nr/Iwar2COfN22aCqX0kCVbXgn8IBm9nWf4xwGr5Olv/KZh0CZ32RKgZWMVDXGdOahicM10/fgjdimGNX/ttCQ==
   dependencies:
-    "@jest/types" "^24.9.0"
+    "@babel/code-frame" "^7.0.0"
+    "@jest/test-result" "^25.1.0"
+    "@jest/types" "^25.1.0"
+    "@types/stack-utils" "^1.0.1"
+    chalk "^3.0.0"
+    micromatch "^4.0.2"
+    slash "^3.0.0"
+    stack-utils "^1.0.1"
+
+jest-mock@^25.1.0:
+  version "25.1.0"
+  resolved "https://registry.yarnpkg.com/jest-mock/-/jest-mock-25.1.0.tgz#411d549e1b326b7350b2e97303a64715c28615fd"
+  integrity sha512-28/u0sqS+42vIfcd1mlcg4ZVDmSUYuNvImP4X2lX5hRMLW+CN0BeiKVD4p+ujKKbSPKd3rg/zuhCF+QBLJ4vag==
+  dependencies:
+    "@jest/types" "^25.1.0"
 
 jest-pnp-resolver@^1.2.1:
   version "1.2.1"
   resolved "https://registry.yarnpkg.com/jest-pnp-resolver/-/jest-pnp-resolver-1.2.1.tgz#ecdae604c077a7fbc70defb6d517c3c1c898923a"
   integrity sha512-pgFw2tm54fzgYvc/OHrnysABEObZCUNFnhjoRjaVOCN8NYc032/gVjPaHD4Aq6ApkSieWtfKAFQtmDKAmhupnQ==
 
-jest-regex-util@^24.3.0, jest-regex-util@^24.9.0:
+jest-regex-util@^24.9.0:
   version "24.9.0"
   resolved "https://registry.yarnpkg.com/jest-regex-util/-/jest-regex-util-24.9.0.tgz#c13fb3380bde22bf6575432c493ea8fe37965636"
   integrity sha512-05Cmb6CuxaA+Ys6fjr3PhvV3bGQmO+2p2La4hFbU+W5uOc479f7FdLXUWXw4pYMAhhSZIuKHwSXSu6CsSBAXQA==
 
-jest-resolve-dependencies@^24.9.0:
-  version "24.9.0"
-  resolved "https://registry.yarnpkg.com/jest-resolve-dependencies/-/jest-resolve-dependencies-24.9.0.tgz#ad055198959c4cfba8a4f066c673a3f0786507ab"
-  integrity sha512-Fm7b6AlWnYhT0BXy4hXpactHIqER7erNgIsIozDXWl5dVm+k8XdGVe1oTg1JyaFnOxarMEbax3wyRJqGP2Pq+g==
+jest-regex-util@^25.1.0:
+  version "25.1.0"
+  resolved "https://registry.yarnpkg.com/jest-regex-util/-/jest-regex-util-25.1.0.tgz#efaf75914267741838e01de24da07b2192d16d87"
+  integrity sha512-9lShaDmDpqwg+xAd73zHydKrBbbrIi08Kk9YryBEBybQFg/lBWR/2BDjjiSE7KIppM9C5+c03XiDaZ+m4Pgs1w==
+
+jest-resolve-dependencies@^25.1.0:
+  version "25.1.0"
+  resolved "https://registry.yarnpkg.com/jest-resolve-dependencies/-/jest-resolve-dependencies-25.1.0.tgz#8a1789ec64eb6aaa77fd579a1066a783437e70d2"
+  integrity sha512-Cu/Je38GSsccNy4I2vL12ZnBlD170x2Oh1devzuM9TLH5rrnLW1x51lN8kpZLYTvzx9j+77Y5pqBaTqfdzVzrw==
   dependencies:
-    "@jest/types" "^24.9.0"
-    jest-regex-util "^24.3.0"
-    jest-snapshot "^24.9.0"
+    "@jest/types" "^25.1.0"
+    jest-regex-util "^25.1.0"
+    jest-snapshot "^25.1.0"
 
-jest-resolve@^24.9.0:
-  version "24.9.0"
-  resolved "https://registry.yarnpkg.com/jest-resolve/-/jest-resolve-24.9.0.tgz#dff04c7687af34c4dd7e524892d9cf77e5d17321"
-  integrity sha512-TaLeLVL1l08YFZAt3zaPtjiVvyy4oSA6CRe+0AFPPVX3Q/VI0giIWWoAvoS5L96vj9Dqxj4fB5p2qrHCmTU/MQ==
+jest-resolve@^25.1.0:
+  version "25.1.0"
+  resolved "https://registry.yarnpkg.com/jest-resolve/-/jest-resolve-25.1.0.tgz#23d8b6a4892362baf2662877c66aa241fa2eaea3"
+  integrity sha512-XkBQaU1SRCHj2Evz2Lu4Czs+uIgJXWypfO57L7JYccmAXv4slXA6hzNblmcRmf7P3cQ1mE7fL3ABV6jAwk4foQ==
   dependencies:
-    "@jest/types" "^24.9.0"
+    "@jest/types" "^25.1.0"
     browser-resolve "^1.11.3"
-    chalk "^2.0.1"
+    chalk "^3.0.0"
     jest-pnp-resolver "^1.2.1"
     realpath-native "^1.1.0"
 
-jest-runner@^24.9.0:
-  version "24.9.0"
-  resolved "https://registry.yarnpkg.com/jest-runner/-/jest-runner-24.9.0.tgz#574fafdbd54455c2b34b4bdf4365a23857fcdf42"
-  integrity sha512-KksJQyI3/0mhcfspnxxEOBueGrd5E4vV7ADQLT9ESaCzz02WnbdbKWIf5Mkaucoaj7obQckYPVX6JJhgUcoWWg==
+jest-runner@^25.1.0:
+  version "25.1.0"
+  resolved "https://registry.yarnpkg.com/jest-runner/-/jest-runner-25.1.0.tgz#fef433a4d42c89ab0a6b6b268e4a4fbe6b26e812"
+  integrity sha512-su3O5fy0ehwgt+e8Wy7A8CaxxAOCMzL4gUBftSs0Ip32S0epxyZPDov9Znvkl1nhVOJNf4UwAsnqfc3plfQH9w==
   dependencies:
-    "@jest/console" "^24.7.1"
-    "@jest/environment" "^24.9.0"
-    "@jest/test-result" "^24.9.0"
-    "@jest/types" "^24.9.0"
-    chalk "^2.4.2"
+    "@jest/console" "^25.1.0"
+    "@jest/environment" "^25.1.0"
+    "@jest/test-result" "^25.1.0"
+    "@jest/types" "^25.1.0"
+    chalk "^3.0.0"
     exit "^0.1.2"
-    graceful-fs "^4.1.15"
-    jest-config "^24.9.0"
-    jest-docblock "^24.3.0"
-    jest-haste-map "^24.9.0"
-    jest-jasmine2 "^24.9.0"
-    jest-leak-detector "^24.9.0"
-    jest-message-util "^24.9.0"
-    jest-resolve "^24.9.0"
-    jest-runtime "^24.9.0"
-    jest-util "^24.9.0"
-    jest-worker "^24.6.0"
+    graceful-fs "^4.2.3"
+    jest-config "^25.1.0"
+    jest-docblock "^25.1.0"
+    jest-haste-map "^25.1.0"
+    jest-jasmine2 "^25.1.0"
+    jest-leak-detector "^25.1.0"
+    jest-message-util "^25.1.0"
+    jest-resolve "^25.1.0"
+    jest-runtime "^25.1.0"
+    jest-util "^25.1.0"
+    jest-worker "^25.1.0"
     source-map-support "^0.5.6"
-    throat "^4.0.0"
-
-jest-runtime@^24.9.0:
-  version "24.9.0"
-  resolved "https://registry.yarnpkg.com/jest-runtime/-/jest-runtime-24.9.0.tgz#9f14583af6a4f7314a6a9d9f0226e1a781c8e4ac"
-  integrity sha512-8oNqgnmF3v2J6PVRM2Jfuj8oX3syKmaynlDMMKQ4iyzbQzIG6th5ub/lM2bCMTmoTKM3ykcUYI2Pw9xwNtjMnw==
-  dependencies:
-    "@jest/console" "^24.7.1"
-    "@jest/environment" "^24.9.0"
-    "@jest/source-map" "^24.3.0"
-    "@jest/transform" "^24.9.0"
-    "@jest/types" "^24.9.0"
-    "@types/yargs" "^13.0.0"
-    chalk "^2.0.1"
+    throat "^5.0.0"
+
+jest-runtime@^25.1.0:
+  version "25.1.0"
+  resolved "https://registry.yarnpkg.com/jest-runtime/-/jest-runtime-25.1.0.tgz#02683218f2f95aad0f2ec1c9cdb28c1dc0ec0314"
+  integrity sha512-mpPYYEdbExKBIBB16ryF6FLZTc1Rbk9Nx0ryIpIMiDDkOeGa0jQOKVI/QeGvVGlunKKm62ywcioeFVzIbK03bA==
+  dependencies:
+    "@jest/console" "^25.1.0"
+    "@jest/environment" "^25.1.0"
+    "@jest/source-map" "^25.1.0"
+    "@jest/test-result" "^25.1.0"
+    "@jest/transform" "^25.1.0"
+    "@jest/types" "^25.1.0"
+    "@types/yargs" "^15.0.0"
+    chalk "^3.0.0"
+    collect-v8-coverage "^1.0.0"
     exit "^0.1.2"
     glob "^7.1.3"
-    graceful-fs "^4.1.15"
-    jest-config "^24.9.0"
-    jest-haste-map "^24.9.0"
-    jest-message-util "^24.9.0"
-    jest-mock "^24.9.0"
-    jest-regex-util "^24.3.0"
-    jest-resolve "^24.9.0"
-    jest-snapshot "^24.9.0"
-    jest-util "^24.9.0"
-    jest-validate "^24.9.0"
+    graceful-fs "^4.2.3"
+    jest-config "^25.1.0"
+    jest-haste-map "^25.1.0"
+    jest-message-util "^25.1.0"
+    jest-mock "^25.1.0"
+    jest-regex-util "^25.1.0"
+    jest-resolve "^25.1.0"
+    jest-snapshot "^25.1.0"
+    jest-util "^25.1.0"
+    jest-validate "^25.1.0"
     realpath-native "^1.1.0"
-    slash "^2.0.0"
-    strip-bom "^3.0.0"
-    yargs "^13.3.0"
+    slash "^3.0.0"
+    strip-bom "^4.0.0"
+    yargs "^15.0.0"
 
 jest-serializer-vue@^2.0.2:
   version "2.0.2"
@@ -7130,59 +7474,51 @@ jest-serializer-vue@^2.0.2:
   dependencies:
     pretty "2.0.0"
 
-jest-serializer@^24.9.0:
-  version "24.9.0"
-  resolved "https://registry.yarnpkg.com/jest-serializer/-/jest-serializer-24.9.0.tgz#e6d7d7ef96d31e8b9079a714754c5d5c58288e73"
-  integrity sha512-DxYipDr8OvfrKH3Kel6NdED3OXxjvxXZ1uIY2I9OFbGg+vUkkg7AGvi65qbhbWNPvDckXmzMPbK3u3HaDO49bQ==
+jest-serializer@^25.1.0:
+  version "25.1.0"
+  resolved "https://registry.yarnpkg.com/jest-serializer/-/jest-serializer-25.1.0.tgz#73096ba90e07d19dec4a0c1dd89c355e2f129e5d"
+  integrity sha512-20Wkq5j7o84kssBwvyuJ7Xhn7hdPeTXndnwIblKDR2/sy1SUm6rWWiG9kSCgJPIfkDScJCIsTtOKdlzfIHOfKA==
 
-jest-snapshot@^24.9.0:
-  version "24.9.0"
-  resolved "https://registry.yarnpkg.com/jest-snapshot/-/jest-snapshot-24.9.0.tgz#ec8e9ca4f2ec0c5c87ae8f925cf97497b0e951ba"
-  integrity sha512-uI/rszGSs73xCM0l+up7O7a40o90cnrk429LOiK3aeTvfC0HHmldbd81/B7Ix81KSFe1lwkbl7GnBGG4UfuDew==
+jest-snapshot@^25.1.0:
+  version "25.1.0"
+  resolved "https://registry.yarnpkg.com/jest-snapshot/-/jest-snapshot-25.1.0.tgz#d5880bd4b31faea100454608e15f8d77b9d221d9"
+  integrity sha512-xZ73dFYN8b/+X2hKLXz4VpBZGIAn7muD/DAg+pXtDzDGw3iIV10jM7WiHqhCcpDZfGiKEj7/2HXAEPtHTj0P2A==
   dependencies:
     "@babel/types" "^7.0.0"
-    "@jest/types" "^24.9.0"
-    chalk "^2.0.1"
-    expect "^24.9.0"
-    jest-diff "^24.9.0"
-    jest-get-type "^24.9.0"
-    jest-matcher-utils "^24.9.0"
-    jest-message-util "^24.9.0"
-    jest-resolve "^24.9.0"
+    "@jest/types" "^25.1.0"
+    chalk "^3.0.0"
+    expect "^25.1.0"
+    jest-diff "^25.1.0"
+    jest-get-type "^25.1.0"
+    jest-matcher-utils "^25.1.0"
+    jest-message-util "^25.1.0"
+    jest-resolve "^25.1.0"
     mkdirp "^0.5.1"
     natural-compare "^1.4.0"
-    pretty-format "^24.9.0"
-    semver "^6.2.0"
+    pretty-format "^25.1.0"
+    semver "^7.1.1"
 
-jest-util@^24.9.0:
-  version "24.9.0"
-  resolved "https://registry.yarnpkg.com/jest-util/-/jest-util-24.9.0.tgz#7396814e48536d2e85a37de3e4c431d7cb140162"
-  integrity sha512-x+cZU8VRmOJxbA1K5oDBdxQmdq0OIdADarLxk0Mq+3XS4jgvhG/oKGWcIDCtPG0HgjxOYvF+ilPJQsAyXfbNOg==
+jest-util@^25.1.0:
+  version "25.1.0"
+  resolved "https://registry.yarnpkg.com/jest-util/-/jest-util-25.1.0.tgz#7bc56f7b2abd534910e9fa252692f50624c897d9"
+  integrity sha512-7did6pLQ++87Qsj26Fs/TIwZMUFBXQ+4XXSodRNy3luch2DnRXsSnmpVtxxQ0Yd6WTipGpbhh2IFP1mq6/fQGw==
   dependencies:
-    "@jest/console" "^24.9.0"
-    "@jest/fake-timers" "^24.9.0"
-    "@jest/source-map" "^24.9.0"
-    "@jest/test-result" "^24.9.0"
-    "@jest/types" "^24.9.0"
-    callsites "^3.0.0"
-    chalk "^2.0.1"
-    graceful-fs "^4.1.15"
+    "@jest/types" "^25.1.0"
+    chalk "^3.0.0"
     is-ci "^2.0.0"
     mkdirp "^0.5.1"
-    slash "^2.0.0"
-    source-map "^0.6.0"
 
-jest-validate@^24.9.0:
-  version "24.9.0"
-  resolved "https://registry.yarnpkg.com/jest-validate/-/jest-validate-24.9.0.tgz#0775c55360d173cd854e40180756d4ff52def8ab"
-  integrity sha512-HPIt6C5ACwiqSiwi+OfSSHbK8sG7akG8eATl+IPKaeIjtPOeBUd/g3J7DghugzxrGjI93qS/+RPKe1H6PqvhRQ==
+jest-validate@^25.1.0:
+  version "25.1.0"
+  resolved "https://registry.yarnpkg.com/jest-validate/-/jest-validate-25.1.0.tgz#1469fa19f627bb0a9a98e289f3e9ab6a668c732a"
+  integrity sha512-kGbZq1f02/zVO2+t1KQGSVoCTERc5XeObLwITqC6BTRH3Adv7NZdYqCpKIZLUgpLXf2yISzQ465qOZpul8abXA==
   dependencies:
-    "@jest/types" "^24.9.0"
+    "@jest/types" "^25.1.0"
     camelcase "^5.3.1"
-    chalk "^2.0.1"
-    jest-get-type "^24.9.0"
+    chalk "^3.0.0"
+    jest-get-type "^25.1.0"
     leven "^3.1.0"
-    pretty-format "^24.9.0"
+    pretty-format "^25.1.0"
 
 jest-vue-preprocessor@^1.5.0:
   version "1.5.0"
@@ -7194,34 +7530,34 @@ jest-vue-preprocessor@^1.5.0:
     typescript "2.7.2"
     vue-property-decorator "6.1.0"
 
-jest-watcher@^24.9.0:
-  version "24.9.0"
-  resolved "https://registry.yarnpkg.com/jest-watcher/-/jest-watcher-24.9.0.tgz#4b56e5d1ceff005f5b88e528dc9afc8dd4ed2b3b"
-  integrity sha512-+/fLOfKPXXYJDYlks62/4R4GoT+GU1tYZed99JSCOsmzkkF7727RqKrjNAxtfO4YpGv11wybgRvCjR73lK2GZw==
+jest-watcher@^25.1.0:
+  version "25.1.0"
+  resolved "https://registry.yarnpkg.com/jest-watcher/-/jest-watcher-25.1.0.tgz#97cb4a937f676f64c9fad2d07b824c56808e9806"
+  integrity sha512-Q9eZ7pyaIr6xfU24OeTg4z1fUqBF/4MP6J801lyQfg7CsnZ/TCzAPvCfckKdL5dlBBEKBeHV0AdyjFZ5eWj4ig==
   dependencies:
-    "@jest/test-result" "^24.9.0"
-    "@jest/types" "^24.9.0"
-    "@types/yargs" "^13.0.0"
-    ansi-escapes "^3.0.0"
-    chalk "^2.0.1"
-    jest-util "^24.9.0"
-    string-length "^2.0.0"
+    "@jest/test-result" "^25.1.0"
+    "@jest/types" "^25.1.0"
+    ansi-escapes "^4.2.1"
+    chalk "^3.0.0"
+    jest-util "^25.1.0"
+    string-length "^3.1.0"
 
-jest-worker@^24.6.0, jest-worker@^24.9.0:
-  version "24.9.0"
-  resolved "https://registry.yarnpkg.com/jest-worker/-/jest-worker-24.9.0.tgz#5dbfdb5b2d322e98567898238a9697bcce67b3e5"
-  integrity sha512-51PE4haMSXcHohnSMdM42anbvZANYTqMrr52tVKPqqsPJMzoP6FYYDVqahX/HrAoKEKz3uUPzSvKs9A3qR4iVw==
+jest-worker@^25.1.0:
+  version "25.1.0"
+  resolved "https://registry.yarnpkg.com/jest-worker/-/jest-worker-25.1.0.tgz#75d038bad6fdf58eba0d2ec1835856c497e3907a"
+  integrity sha512-ZHhHtlxOWSxCoNOKHGbiLzXnl42ga9CxDr27H36Qn+15pQZd3R/F24jrmjDelw9j/iHUIWMWs08/u2QN50HHOg==
   dependencies:
     merge-stream "^2.0.0"
-    supports-color "^6.1.0"
+    supports-color "^7.0.0"
 
-jest@^24.5.0:
-  version "24.9.0"
-  resolved "https://registry.yarnpkg.com/jest/-/jest-24.9.0.tgz#987d290c05a08b52c56188c1002e368edb007171"
-  integrity sha512-YvkBL1Zm7d2B1+h5fHEOdyjCG+sGMz4f8D86/0HiqJ6MB4MnDc8FgP5vdWsGnemOQro7lnYo8UakZ3+5A0jxGw==
+jest@^25.0.0:
+  version "25.1.0"
+  resolved "https://registry.yarnpkg.com/jest/-/jest-25.1.0.tgz#b85ef1ddba2fdb00d295deebbd13567106d35be9"
+  integrity sha512-FV6jEruneBhokkt9MQk0WUFoNTwnF76CLXtwNMfsc0um0TlB/LG2yxUd0KqaFjEJ9laQmVWQWS0sG/t2GsuI0w==
   dependencies:
-    import-local "^2.0.0"
-    jest-cli "^24.9.0"
+    "@jest/core" "^25.1.0"
+    import-local "^3.0.2"
+    jest-cli "^25.1.0"
 
 js-base64@^2.1.9:
   version "2.5.1"
@@ -7267,36 +7603,36 @@ jsbn@~0.1.0:
   resolved "https://registry.yarnpkg.com/jsbn/-/jsbn-0.1.1.tgz#a5e654c2e5a2deb5f201d96cefbca80c0ef2f513"
   integrity sha1-peZUwuWi3rXyAdls77yoDA7y9RM=
 
-jsdom@^11.5.1:
-  version "11.12.0"
-  resolved "https://registry.yarnpkg.com/jsdom/-/jsdom-11.12.0.tgz#1a80d40ddd378a1de59656e9e6dc5a3ba8657bc8"
-  integrity sha512-y8Px43oyiBM13Zc1z780FrfNLJCXTL40EWlty/LXUtcjykRBNgLlCjWXpfSPBl2iv+N7koQN+dvqszHZgT/Fjw==
+jsdom@^15.1.1:
+  version "15.2.1"
+  resolved "https://registry.yarnpkg.com/jsdom/-/jsdom-15.2.1.tgz#d2feb1aef7183f86be521b8c6833ff5296d07ec5"
+  integrity sha512-fAl1W0/7T2G5vURSyxBzrJ1LSdQn6Tr5UX/xD4PXDx/PDgwygedfW6El/KIj3xJ7FU61TTYnc/l/B7P49Eqt6g==
   dependencies:
     abab "^2.0.0"
-    acorn "^5.5.3"
-    acorn-globals "^4.1.0"
+    acorn "^7.1.0"
+    acorn-globals "^4.3.2"
     array-equal "^1.0.0"
-    cssom ">= 0.3.2 < 0.4.0"
-    cssstyle "^1.0.0"
-    data-urls "^1.0.0"
+    cssom "^0.4.1"
+    cssstyle "^2.0.0"
+    data-urls "^1.1.0"
     domexception "^1.0.1"
-    escodegen "^1.9.1"
+    escodegen "^1.11.1"
     html-encoding-sniffer "^1.0.2"
-    left-pad "^1.3.0"
-    nwsapi "^2.0.7"
-    parse5 "4.0.0"
+    nwsapi "^2.2.0"
+    parse5 "5.1.0"
     pn "^1.1.0"
-    request "^2.87.0"
-    request-promise-native "^1.0.5"
-    sax "^1.2.4"
+    request "^2.88.0"
+    request-promise-native "^1.0.7"
+    saxes "^3.1.9"
     symbol-tree "^3.2.2"
-    tough-cookie "^2.3.4"
+    tough-cookie "^3.0.1"
     w3c-hr-time "^1.0.1"
+    w3c-xmlserializer "^1.1.2"
     webidl-conversions "^4.0.2"
-    whatwg-encoding "^1.0.3"
-    whatwg-mimetype "^2.1.0"
-    whatwg-url "^6.4.1"
-    ws "^5.2.0"
+    whatwg-encoding "^1.0.5"
+    whatwg-mimetype "^2.3.0"
+    whatwg-url "^7.0.0"
+    ws "^7.0.0"
     xml-name-validator "^3.0.0"
 
 jsesc@^1.3.0:
@@ -7484,11 +7820,6 @@ lcid@^2.0.0:
   dependencies:
     invert-kv "^2.0.0"
 
-left-pad@^1.3.0:
-  version "1.3.0"
-  resolved "https://registry.yarnpkg.com/left-pad/-/left-pad-1.3.0.tgz#5b8a3a7765dfe001261dde915589e782f8c94d1e"
-  integrity sha512-XI5MPzVNApjAyhQzphX8BkmKsKUxD4LdyK24iZeQGinBN9yTQT3bFlCBy/aVx2HrNcqQGsdot8ghrjyrvMCoEA==
-
 leven@^3.1.0:
   version "3.1.0"
   resolved "https://registry.yarnpkg.com/leven/-/leven-3.1.0.tgz#77891de834064cccba82ae7842bb6b14a13ed7f2"
@@ -7599,16 +7930,6 @@ load-json-file@^2.0.0:
     pify "^2.0.0"
     strip-bom "^3.0.0"
 
-load-json-file@^4.0.0:
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/load-json-file/-/load-json-file-4.0.0.tgz#2f5f45ab91e33216234fd53adab668eb4ec0993b"
-  integrity sha1-L19Fq5HjMhYjT9U62rZo607AmTs=
-  dependencies:
-    graceful-fs "^4.1.2"
-    parse-json "^4.0.0"
-    pify "^3.0.0"
-    strip-bom "^3.0.0"
-
 loader-fs-cache@^1.0.2:
   version "1.0.2"
   resolved "https://registry.yarnpkg.com/loader-fs-cache/-/loader-fs-cache-1.0.2.tgz#54cedf6b727e1779fd8f01205f05f6e88706f086"
@@ -7925,6 +8246,13 @@ loglevel@^1.6.4:
   resolved "https://registry.yarnpkg.com/loglevel/-/loglevel-1.6.4.tgz#f408f4f006db8354d0577dcf6d33485b3cb90d56"
   integrity sha512-p0b6mOGKcGa+7nnmKbpzR6qloPbrgLcnio++E+14Vo/XffOGwZtRpUhr8dTH/x2oCMmEoIU0Zwm3ZauhvYD17g==
 
+lolex@^5.0.0:
+  version "5.1.2"
+  resolved "https://registry.yarnpkg.com/lolex/-/lolex-5.1.2.tgz#953694d098ce7c07bc5ed6d0e42bc6c0c6d5a367"
+  integrity sha512-h4hmjAvHTmd+25JSwrtTIuwbKdwg5NzZVRMLn9saij4SZaepCrTCxPr35H/3bjwfMJtN+t3CX8672UIkglz28A==
+  dependencies:
+    "@sinonjs/commons" "^1.7.0"
+
 long@~3:
   version "3.2.0"
   resolved "https://registry.yarnpkg.com/long/-/long-3.2.0.tgz#d821b7138ca1cb581c172990ef14db200b5c474b"
@@ -7994,7 +8322,7 @@ make-dir@^1.0.0:
   dependencies:
     pify "^3.0.0"
 
-make-dir@^2.0.0, make-dir@^2.1.0:
+make-dir@^2.0.0:
   version "2.1.0"
   resolved "https://registry.yarnpkg.com/make-dir/-/make-dir-2.1.0.tgz#5f0310e18b8be898cc07009295a30ae41e91e6f5"
   integrity sha512-LS9X+dc8KLxXCb8dni79fLIIUA5VyZoyjSMCwTluaXA0o27cCK0bhXkpgw+sTXVpPy/lSO57ilRixqk0vDmtRA==
@@ -8490,7 +8818,7 @@ negotiator@0.6.2:
   resolved "https://registry.yarnpkg.com/negotiator/-/negotiator-0.6.2.tgz#feacf7ccf525a77ae9634436a64883ffeca346fb"
   integrity sha512-hZXc7K2e+PgeI1eDBe/10Ard4ekbfrrqG8Ep+8Jmf4JID2bNg7NvCPOZN+kfF574pFQI7mum2AUqDidoKqcTOw==
 
-neo-async@^2.5.0, neo-async@^2.6.0, neo-async@^2.6.1:
+neo-async@^2.5.0, neo-async@^2.6.1:
   version "2.6.1"
   resolved "https://registry.yarnpkg.com/neo-async/-/neo-async-2.6.1.tgz#ac27ada66167fa8849a6addd837f6b189ad2081c"
   integrity sha512-iyam8fBuCUpWeKPGpaNMetEocMt364qkCsfL9JuhjXX6dRnguRVOfk2GZaDpPjcOKiiXCPINZC1GczQ7iTq3Zw==
@@ -8606,16 +8934,16 @@ node-modules-regexp@^1.0.0:
   resolved "https://registry.yarnpkg.com/node-modules-regexp/-/node-modules-regexp-1.0.0.tgz#8d9dbe28964a4ac5712e9131642107c71e90ec40"
   integrity sha1-jZ2+KJZKSsVxLpExZCEHxx6Q7EA=
 
-node-notifier@^5.4.2:
-  version "5.4.3"
-  resolved "https://registry.yarnpkg.com/node-notifier/-/node-notifier-5.4.3.tgz#cb72daf94c93904098e28b9c590fd866e464bd50"
-  integrity sha512-M4UBGcs4jeOK9CjTsYwkvH6/MzuUmGCyTW+kCY7uO+1ZVr0+FHGdPdIf5CCLqAaxnRrWidyoQlNkMIIVwbKB8Q==
+node-notifier@^6.0.0:
+  version "6.0.0"
+  resolved "https://registry.yarnpkg.com/node-notifier/-/node-notifier-6.0.0.tgz#cea319e06baa16deec8ce5cd7f133c4a46b68e12"
+  integrity sha512-SVfQ/wMw+DesunOm5cKqr6yDcvUTDl/yc97ybGHMrteNEY6oekXpNpS3lZwgLlwz0FLgHoiW28ZpmBHUDg37cw==
   dependencies:
     growly "^1.3.0"
-    is-wsl "^1.1.0"
-    semver "^5.5.0"
+    is-wsl "^2.1.1"
+    semver "^6.3.0"
     shellwords "^0.1.1"
-    which "^1.3.0"
+    which "^1.3.1"
 
 node-pre-gyp@^0.12.0:
   version "0.12.0"
@@ -8734,6 +9062,13 @@ npm-run-path@^3.0.0:
   dependencies:
     path-key "^3.0.0"
 
+npm-run-path@^4.0.0:
+  version "4.0.1"
+  resolved "https://registry.yarnpkg.com/npm-run-path/-/npm-run-path-4.0.1.tgz#b7ecd1e5ed53da8e37a55e1c2269e0b97ed748ea"
+  integrity sha512-S48WzZW777zhNIrn7gxOlISNAqi9ZC/uQFnRdbeIHhZhCA6UqpkOT8T1G7BvfdgP4Er8gF4sUbaS0i7QvIfCWw==
+  dependencies:
+    path-key "^3.0.0"
+
 npmlog@^4.0.1, npmlog@^4.0.2:
   version "4.1.2"
   resolved "https://registry.yarnpkg.com/npmlog/-/npmlog-4.1.2.tgz#08a7f2a8bf734604779a9efa4ad5cc717abb954b"
@@ -8774,10 +9109,10 @@ number-is-nan@^1.0.0:
   resolved "https://registry.yarnpkg.com/number-is-nan/-/number-is-nan-1.0.1.tgz#097b602b53422a522c1afb8790318336941a011d"
   integrity sha1-CXtgK1NCKlIsGvuHkDGDNpQaAR0=
 
-nwsapi@^2.0.7:
-  version "2.1.4"
-  resolved "https://registry.yarnpkg.com/nwsapi/-/nwsapi-2.1.4.tgz#e006a878db23636f8e8a67d33ca0e4edf61a842f"
-  integrity sha512-iGfd9Y6SFdTNldEy2L0GUhcarIutFmk+MPWIn9dmj8NMIup03G08uUF2KGbbmv/Ux4RT0VZJoP/sVbWA6d/VIw==
+nwsapi@^2.2.0:
+  version "2.2.0"
+  resolved "https://registry.yarnpkg.com/nwsapi/-/nwsapi-2.2.0.tgz#204879a9e3d068ff2a55139c2c772780681a38b7"
+  integrity sha512-h2AatdwYH+JHiZpv7pt/gSX1XoRGb7L/qSIeuqA6GwYoF9w1vP1cw42TO0aI2pNyshRK5893hNSl+1//vHK7hQ==
 
 oauth-sign@~0.9.0:
   version "0.9.0"
@@ -8920,7 +9255,7 @@ opn@^5.5.0:
   dependencies:
     is-wsl "^1.1.0"
 
-optimist@^0.6.1, optimist@~0.6.1:
+optimist@~0.6.1:
   version "0.6.1"
   resolved "https://registry.yarnpkg.com/optimist/-/optimist-0.6.1.tgz#da3ea74686fa21a19a111c326e90eb15a0196686"
   integrity sha1-2j6nRob6IaGaERwybpDrFaAZZoY=
@@ -8996,12 +9331,10 @@ p-defer@^1.0.0:
   resolved "https://registry.yarnpkg.com/p-defer/-/p-defer-1.0.0.tgz#9f6eb182f6c9aa8cd743004a7d4f96b196b0fb0c"
   integrity sha1-n26xgvbJqozXQwBKfU+WsZaw+ww=
 
-p-each-series@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/p-each-series/-/p-each-series-1.0.0.tgz#930f3d12dd1f50e7434457a22cd6f04ac6ad7f71"
-  integrity sha1-kw89Et0fUOdDRFeiLNbwSsatf3E=
-  dependencies:
-    p-reduce "^1.0.0"
+p-each-series@^2.1.0:
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/p-each-series/-/p-each-series-2.1.0.tgz#961c8dd3f195ea96c747e636b262b800a6b1af48"
+  integrity sha512-ZuRs1miPT4HrjFa+9fRfOFXxGJfORgelKV9f9nNOWw2gl6gVsRaVDOQP0+MI0G0wGKns1Yacsu0GjOFbTK0JFQ==
 
 p-finally@^1.0.0:
   version "1.0.0"
@@ -9065,11 +9398,6 @@ p-map@^3.0.0:
   dependencies:
     aggregate-error "^3.0.0"
 
-p-reduce@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/p-reduce/-/p-reduce-1.0.0.tgz#18c2b0dd936a4690a529f8231f58a0fdb6a47dfa"
-  integrity sha1-GMKw3ZNqRpClKfgjH1ig/bakffo=
-
 p-retry@^3.0.1:
   version "3.0.1"
   resolved "https://registry.yarnpkg.com/p-retry/-/p-retry-3.0.1.tgz#316b4c8893e2c8dc1cfa891f406c4b422bebf328"
@@ -9179,10 +9507,10 @@ parse-passwd@^1.0.0:
   resolved "https://registry.yarnpkg.com/parse-passwd/-/parse-passwd-1.0.0.tgz#6d5b934a456993b23d37f40a382d6f1666a8e5c6"
   integrity sha1-bVuTSkVpk7I9N/QKOC1vFmao5cY=
 
-parse5@4.0.0:
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/parse5/-/parse5-4.0.0.tgz#6d78656e3da8d78b4ec0b906f7c08ef1dfe3f608"
-  integrity sha512-VrZ7eOd3T1Fk4XWNXMgiGBK/z0MG48BWG2uQNU4I72fkQuKUTZpl+u9k+CxEG0twMVzSmXEEz12z5Fnw1jIQFA==
+parse5@5.1.0:
+  version "5.1.0"
+  resolved "https://registry.yarnpkg.com/parse5/-/parse5-5.1.0.tgz#c59341c9723f414c452975564c7c00a68d58acd2"
+  integrity sha512-fxNG2sQjHvlVAYmzBZS9YlDp6PTSSDwa98vkD4QgVDDCAo84z5X1t5XyJQ62ImdLXx5NdIIfihey6xpum9/gRQ==
 
 parse5@^3.0.1:
   version "3.0.3"
@@ -9348,6 +9676,11 @@ performance-now@^2.1.0:
   resolved "https://registry.yarnpkg.com/performance-now/-/performance-now-2.1.0.tgz#6309f4e0e5fa913ec1c69307ae364b4b377c9e7b"
   integrity sha1-Ywn04OX6kT7BxpMHrjZLSzd8nns=
 
+picomatch@^2.0.4:
+  version "2.2.1"
+  resolved "https://registry.yarnpkg.com/picomatch/-/picomatch-2.2.1.tgz#21bac888b6ed8601f831ce7816e335bc779f0a4a"
+  integrity sha512-ISBaA8xQNmwELC7eOjqFKMESB2VIqt4PPDD0nsS95b/9dZXvVKOlz9keMSnoGGKcOHXfTvDD6WMaRoSc9UuhRA==
+
 picomatch@^2.0.5:
   version "2.0.7"
   resolved "https://registry.yarnpkg.com/picomatch/-/picomatch-2.0.7.tgz#514169d8c7cd0bdbeecc8a2609e34a7163de69f6"
@@ -9731,6 +10064,16 @@ pretty-format@^24.9.0:
     ansi-styles "^3.2.0"
     react-is "^16.8.4"
 
+pretty-format@^25.1.0:
+  version "25.1.0"
+  resolved "https://registry.yarnpkg.com/pretty-format/-/pretty-format-25.1.0.tgz#ed869bdaec1356fc5ae45de045e2c8ec7b07b0c8"
+  integrity sha512-46zLRSGLd02Rp+Lhad9zzuNZ+swunitn8zIpfD2B4OPCRLXbM87RJT2aBLBWYOznNUML/2l/ReMyWNC80PJBUQ==
+  dependencies:
+    "@jest/types" "^25.1.0"
+    ansi-regex "^5.0.0"
+    ansi-styles "^4.0.0"
+    react-is "^16.12.0"
+
 pretty-hrtime@^1.0.3:
   version "1.0.3"
   resolved "https://registry.yarnpkg.com/pretty-hrtime/-/pretty-hrtime-1.0.3.tgz#b7e3ea42435a4c9b2759d99e0f201eb195802ee1"
@@ -9979,6 +10322,11 @@ rc@^1.2.1, rc@^1.2.7, rc@^1.2.8:
     minimist "^1.2.0"
     strip-json-comments "~2.0.1"
 
+react-is@^16.12.0:
+  version "16.12.0"
+  resolved "https://registry.yarnpkg.com/react-is/-/react-is-16.12.0.tgz#2cc0fe0fba742d97fd527c42a13bec4eeb06241c"
+  integrity sha512-rPCkf/mWBtKc97aLL9/txD8DZdemK0vkA3JMLShjlJB3Pj3s+lpf1KaBzMfQrAmhMQB0n1cU/SUGgKKBCe837Q==
+
 react-is@^16.8.4:
   version "16.10.2"
   resolved "https://registry.yarnpkg.com/react-is/-/react-is-16.10.2.tgz#984120fd4d16800e9a738208ab1fba422d23b5ab"
@@ -10038,14 +10386,6 @@ read-pkg-up@^2.0.0:
     find-up "^2.0.0"
     read-pkg "^2.0.0"
 
-read-pkg-up@^4.0.0:
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/read-pkg-up/-/read-pkg-up-4.0.0.tgz#1b221c6088ba7799601c808f91161c66e58f8978"
-  integrity sha512-6etQSH7nJGsK0RbG/2TeDzZFa8shjQ1um+SwQQ5cwKy0dhSXdOncEhb1CPpvQG4h7FyOV6EB6YlV0yJvZQNAkA==
-  dependencies:
-    find-up "^3.0.0"
-    read-pkg "^3.0.0"
-
 read-pkg@^1.0.0:
   version "1.1.0"
   resolved "https://registry.yarnpkg.com/read-pkg/-/read-pkg-1.1.0.tgz#f5ffaa5ecd29cb31c0474bca7d756b6bb29e3f28"
@@ -10064,15 +10404,6 @@ read-pkg@^2.0.0:
     normalize-package-data "^2.3.2"
     path-type "^2.0.0"
 
-read-pkg@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/read-pkg/-/read-pkg-3.0.0.tgz#9cbc686978fee65d16c00e2b19c237fcf6e38389"
-  integrity sha1-nLxoaXj+5l0WwA4rGcI3/Pbjg4k=
-  dependencies:
-    load-json-file "^4.0.0"
-    normalize-package-data "^2.3.2"
-    path-type "^3.0.0"
-
 "readable-stream@1 || 2", readable-stream@^2.0.0, readable-stream@^2.0.1, readable-stream@^2.0.2, readable-stream@^2.0.5, readable-stream@^2.0.6, readable-stream@^2.1.5, readable-stream@^2.2.2, readable-stream@^2.3.0, readable-stream@^2.3.3, readable-stream@^2.3.5, readable-stream@^2.3.6, readable-stream@~2.3.6:
   version "2.3.6"
   resolved "https://registry.yarnpkg.com/readable-stream/-/readable-stream-2.3.6.tgz#b11c27d88b8ff1fbe070643cf94b0c79ae1b0aaf"
@@ -10275,23 +10606,23 @@ repeating@^2.0.0:
   dependencies:
     is-finite "^1.0.0"
 
-request-promise-core@1.1.2:
-  version "1.1.2"
-  resolved "https://registry.yarnpkg.com/request-promise-core/-/request-promise-core-1.1.2.tgz#339f6aababcafdb31c799ff158700336301d3346"
-  integrity sha512-UHYyq1MO8GsefGEt7EprS8UrXsm1TxEvFUX1IMTuSLU2Rh7fTIdFtl8xD7JiEYiWU2dl+NYAjCTksTehQUxPag==
+request-promise-core@1.1.3:
+  version "1.1.3"
+  resolved "https://registry.yarnpkg.com/request-promise-core/-/request-promise-core-1.1.3.tgz#e9a3c081b51380dfea677336061fea879a829ee9"
+  integrity sha512-QIs2+ArIGQVp5ZYbWD5ZLCY29D5CfWizP8eWnm8FoGD1TX61veauETVQbrV60662V0oFBkrDOuaBI8XgtuyYAQ==
   dependencies:
-    lodash "^4.17.11"
+    lodash "^4.17.15"
 
-request-promise-native@^1.0.5:
-  version "1.0.7"
-  resolved "https://registry.yarnpkg.com/request-promise-native/-/request-promise-native-1.0.7.tgz#a49868a624bdea5069f1251d0a836e0d89aa2c59"
-  integrity sha512-rIMnbBdgNViL37nZ1b3L/VfPOpSi0TqVDQPAvO6U14lMzOLrt5nilxCQqtDKhZeDiW0/hkCXGoQjhgJd/tCh6w==
+request-promise-native@^1.0.7:
+  version "1.0.8"
+  resolved "https://registry.yarnpkg.com/request-promise-native/-/request-promise-native-1.0.8.tgz#a455b960b826e44e2bf8999af64dff2bfe58cb36"
+  integrity sha512-dapwLGqkHtwL5AEbfenuzjTYg35Jd6KPytsC2/TLkVMz8rm+tNt72MGUWT1RP/aYawMpN6HqbNGBQaRcBtjQMQ==
   dependencies:
-    request-promise-core "1.1.2"
+    request-promise-core "1.1.3"
     stealthy-require "^1.1.1"
     tough-cookie "^2.3.3"
 
-request@^2.45.0, request@^2.83.0, request@^2.87.0:
+request@^2.45.0, request@^2.83.0, request@^2.87.0, request@^2.88.0:
   version "2.88.0"
   resolved "https://registry.yarnpkg.com/request/-/request-2.88.0.tgz#9c2fca4f7d35b592efe57c7f0a55e81052124fef"
   integrity sha512-NAqBSrijGLZdM0WZNsInLJpkJokL72XYjUpnB0iwsRgxh7dB6COrHnTBNwN0E+lHDAJzu7kLAkDeY08z2/A0hg==
@@ -10344,6 +10675,13 @@ resolve-cwd@^2.0.0:
   dependencies:
     resolve-from "^3.0.0"
 
+resolve-cwd@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/resolve-cwd/-/resolve-cwd-3.0.0.tgz#0f0075f1bb2544766cf73ba6a6e2adfebcb13f2d"
+  integrity sha512-OrZaX2Mb+rJCpH/6CpSqt9xFVpN++x01XnN2ie9g6P5/3xelLAkXWVADpdz1IHD/KFfEXyE6V0U01OQ3UO2rEg==
+  dependencies:
+    resolve-from "^5.0.0"
+
 resolve-dir@^1.0.0, resolve-dir@^1.0.1:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/resolve-dir/-/resolve-dir-1.0.1.tgz#79a40644c362be82f26effe739c9bb5382046f43"
@@ -10362,6 +10700,11 @@ resolve-from@^4.0.0:
   resolved "https://registry.yarnpkg.com/resolve-from/-/resolve-from-4.0.0.tgz#4abcd852ad32dd7baabfe9b40e00a36db5f392e6"
   integrity sha512-pb/MYmXstAkysRFx8piNI1tGFNQIFA3vkE3Gq4EuA1dF6gHp/+vgZqsCGJapvy8N3Q+4o7FwvquPJcnZ7RYy4g==
 
+resolve-from@^5.0.0:
+  version "5.0.0"
+  resolved "https://registry.yarnpkg.com/resolve-from/-/resolve-from-5.0.0.tgz#c35225843df8f776df21c57557bc087e9dfdfc69"
+  integrity sha512-qYg9KP24dD5qka9J47d0aVky0N+b4fTU89LN9iDnjB5waksiC49rvMB0PrUJQGoTmH50XPiqOvAjDfaijGxYZw==
+
 resolve-url@^0.2.1:
   version "0.2.1"
   resolved "https://registry.yarnpkg.com/resolve-url/-/resolve-url-0.2.1.tgz#2c637fe77c893afd2a663fe21aa9080068e2052a"
@@ -10565,6 +10908,13 @@ sax@>=0.6.0, sax@^1.2.4, sax@~1.2.4:
   resolved "https://registry.yarnpkg.com/sax/-/sax-1.2.4.tgz#2816234e2378bddc4e5354fab5caa895df7100d9"
   integrity sha512-NqVDv9TpANUjFm0N8uM5GxL36UgKi9/atZw+x7YFnQ8ckwFGKrl4xX4yWtrey3UJm5nP1kUbnYgLopqWNSRhWw==
 
+saxes@^3.1.9:
+  version "3.1.11"
+  resolved "https://registry.yarnpkg.com/saxes/-/saxes-3.1.11.tgz#d59d1fd332ec92ad98a2e0b2ee644702384b1c5b"
+  integrity sha512-Ydydq3zC+WYDJK1+gRxRapLIED9PWeSuuS41wqyoRmzvhhh9nc+QQrVMKJYzJFULazeGhzSV0QleN2wD3boh2g==
+  dependencies:
+    xmlchars "^2.1.1"
+
 schema-utils@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/schema-utils/-/schema-utils-1.0.0.tgz#0b79a93204d7b600d4b2850d1f66c2a34951c770"
@@ -10638,6 +10988,11 @@ semver@^7.0.0:
   resolved "https://registry.yarnpkg.com/semver/-/semver-7.0.0.tgz#5f3ca35761e47e05b206c6daff2cf814f0316b8e"
   integrity sha512-+GB6zVA9LWh6zovYQLALHwv5rb2PHGlJi3lfiqIHxR0uuwCgefcOJc59v9fv1w8GbStwxuuqqAjI9NMAOOgq1A==
 
+semver@^7.1.1:
+  version "7.1.1"
+  resolved "https://registry.yarnpkg.com/semver/-/semver-7.1.1.tgz#29104598a197d6cbe4733eeecbe968f7b43a9667"
+  integrity sha512-WfuG+fl6eh3eZ2qAf6goB7nhiCd7NPXhmyFxigB/TOkQyeLP8w8GsVehvtGNtnNmyboz4TgeK40B1Kbql/8c5A==
+
 send@0.17.1:
   version "0.17.1"
   resolved "https://registry.yarnpkg.com/send/-/send-0.17.1.tgz#c1d8b059f7900f7466dd4938bdc44e11ddb376c8"
@@ -10952,6 +11307,11 @@ source-map@^0.6.0, source-map@^0.6.1, source-map@~0.6.0, source-map@~0.6.1:
   resolved "https://registry.yarnpkg.com/source-map/-/source-map-0.6.1.tgz#74722af32e9614e9c287a8d0bbde48b5e2f1a263"
   integrity sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==
 
+source-map@^0.7.3:
+  version "0.7.3"
+  resolved "https://registry.yarnpkg.com/source-map/-/source-map-0.7.3.tgz#5302f8169031735226544092e64981f751750383"
+  integrity sha512-CkCj6giN3S+n9qrYiBTX5gystlENnRW5jZeNLHpe6aue+SrHcG5VYwujhW9s4dY31mEGsxBDrHR6oI69fTXsaQ==
+
 spdx-correct@^3.0.0:
   version "3.1.0"
   resolved "https://registry.yarnpkg.com/spdx-correct/-/spdx-correct-3.1.0.tgz#fb83e504445268f154b074e218c87c003cd31df4"
@@ -11148,13 +11508,13 @@ string-argv@^0.3.0:
   resolved "https://registry.yarnpkg.com/string-argv/-/string-argv-0.3.1.tgz#95e2fbec0427ae19184935f816d74aaa4c5c19da"
   integrity sha512-a1uQGz7IyVy9YwhqjZIZu1c8JO8dNIe20xBmSS6qu9kv++k3JGzCVmprbNN5Kn+BgzD5E7YYwg1CcjuJMRNsvg==
 
-string-length@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/string-length/-/string-length-2.0.0.tgz#d40dbb686a3ace960c1cffca562bf2c45f8363ed"
-  integrity sha1-1A27aGo6zpYMHP/KVivyxF+DY+0=
+string-length@^3.1.0:
+  version "3.1.0"
+  resolved "https://registry.yarnpkg.com/string-length/-/string-length-3.1.0.tgz#107ef8c23456e187a8abd4a61162ff4ac6e25837"
+  integrity sha512-Ttp5YvkGm5v9Ijagtaz1BnN+k9ObpvS0eIBblPMp2YWL8FBmi9qblQ9fexc2k/CXFgrTIteU3jAw3payCnwSTA==
   dependencies:
     astral-regex "^1.0.0"
-    strip-ansi "^4.0.0"
+    strip-ansi "^5.2.0"
 
 string-width@^1.0.1:
   version "1.0.2"
@@ -11280,6 +11640,11 @@ strip-bom@^3.0.0:
   resolved "https://registry.yarnpkg.com/strip-bom/-/strip-bom-3.0.0.tgz#2334c18e9c759f7bdd56fdef7e9ae3d588e68ed3"
   integrity sha1-IzTBjpx1n3vdVv3vfprj1YjmjtM=
 
+strip-bom@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/strip-bom/-/strip-bom-4.0.0.tgz#9c3505c1db45bcedca3d9cf7a16f5c5aa3901878"
+  integrity sha512-3xurFv5tEgii33Zi8Jtp55wEIILR9eh34FAW00PZf+JnSsTmV/ioewSgQl97JHvgjoRGwPShsWm+IdrxB35d0w==
+
 strip-comments@^1.0.2:
   version "1.0.2"
   resolved "https://registry.yarnpkg.com/strip-comments/-/strip-comments-1.0.2.tgz#82b9c45e7f05873bee53f37168af930aa368679d"
@@ -11355,7 +11720,7 @@ supports-color@^5.3.0, supports-color@^5.4.0:
   dependencies:
     has-flag "^3.0.0"
 
-supports-color@^7.1.0:
+supports-color@^7.0.0, supports-color@^7.1.0:
   version "7.1.0"
   resolved "https://registry.yarnpkg.com/supports-color/-/supports-color-7.1.0.tgz#68e32591df73e25ad1c4b49108a2ec507962bfd1"
   integrity sha512-oRSIpR8pxT1Wr2FquTNnGet79b3BWljqOuoW/h4oBhxJ/HUbX5nX6JSruTkvXDCFMwDPvsaTTbvMLKZWSy0R5g==
@@ -11369,6 +11734,14 @@ supports-color@~5.0.0:
   dependencies:
     has-flag "^2.0.0"
 
+supports-hyperlinks@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/supports-hyperlinks/-/supports-hyperlinks-2.0.0.tgz#b1b94a159e9df00b0a554b2d5f0e0a89690334b0"
+  integrity sha512-bFhn0MQ8qefLyJ3K7PpHiPUTuTVPWw6RXfaMeV6xgJLXtBbszyboz1bvGTVv4R0YpQm2DqlXXn0fFHhxUHVE5w==
+  dependencies:
+    has-flag "^4.0.0"
+    supports-color "^7.0.0"
+
 svg-baker-runtime@1.4.1:
   version "1.4.1"
   resolved "https://registry.yarnpkg.com/svg-baker-runtime/-/svg-baker-runtime-1.4.1.tgz#d3f77dffdf1f1a8b8f1e84ef67d2c1b53d60d770"
@@ -11586,6 +11959,14 @@ term-size@^1.2.0:
   dependencies:
     execa "^0.7.0"
 
+terminal-link@^2.0.0:
+  version "2.1.1"
+  resolved "https://registry.yarnpkg.com/terminal-link/-/terminal-link-2.1.1.tgz#14a64a27ab3c0df933ea546fba55f2d078edc994"
+  integrity sha512-un0FmiRUQNr5PJqy9kP7c40F5BOfpGlYTrxonDChEZB7pzZxRNp/bt+ymiy9/npwXya9KH99nJ/GXFIiUkYGFQ==
+  dependencies:
+    ansi-escapes "^4.2.1"
+    supports-hyperlinks "^2.0.0"
+
 terser-webpack-plugin@^1.4.1:
   version "1.4.1"
   resolved "https://registry.yarnpkg.com/terser-webpack-plugin/-/terser-webpack-plugin-1.4.1.tgz#61b18e40eaee5be97e771cdbb10ed1280888c2b4"
@@ -11610,15 +11991,14 @@ terser@^4.1.2:
     source-map "~0.6.1"
     source-map-support "~0.5.12"
 
-test-exclude@^5.2.3:
-  version "5.2.3"
-  resolved "https://registry.yarnpkg.com/test-exclude/-/test-exclude-5.2.3.tgz#c3d3e1e311eb7ee405e092dac10aefd09091eac0"
-  integrity sha512-M+oxtseCFO3EDtAaGH7iiej3CBkzXqFMbzqYAACdzKui4eZA+pq3tZEwChvOdNfa7xxy8BfbmgJSIr43cC/+2g==
+test-exclude@^6.0.0:
+  version "6.0.0"
+  resolved "https://registry.yarnpkg.com/test-exclude/-/test-exclude-6.0.0.tgz#04a8698661d805ea6fa293b6cb9e63ac044ef15e"
+  integrity sha512-cAGWPIyOHU6zlmg88jwm7VRyXnMN7iV68OGAbYDk/Mh/xC/pzVPlQtY6ngoIH/5/tciuhGfvESU8GrHrcxD56w==
   dependencies:
-    glob "^7.1.3"
+    "@istanbuljs/schema" "^0.1.2"
+    glob "^7.1.4"
     minimatch "^3.0.4"
-    read-pkg-up "^4.0.0"
-    require-main-filename "^2.0.0"
 
 text-table@^0.2.0:
   version "0.2.0"
@@ -11630,10 +12010,10 @@ thirty-two@1.0.2:
   resolved "https://registry.yarnpkg.com/thirty-two/-/thirty-two-1.0.2.tgz#4ca2fffc02a51290d2744b9e3f557693ca6b627a"
   integrity sha1-TKL//AKlEpDSdEueP1V2k8prYno=
 
-throat@^4.0.0:
-  version "4.1.0"
-  resolved "https://registry.yarnpkg.com/throat/-/throat-4.1.0.tgz#89037cbc92c56ab18926e6ba4cbb200e15672a6a"
-  integrity sha1-iQN8vJLFarGJJua6TLsgDhVnKmo=
+throat@^5.0.0:
+  version "5.0.0"
+  resolved "https://registry.yarnpkg.com/throat/-/throat-5.0.0.tgz#c5199235803aad18754a667d659b5e72ce16764b"
+  integrity sha512-fcwX4mndzpLQKBS1DVYhGAcYaYt7vsHNIvQV+WXMvnow5cgjPphq5CaayLaGsjRdSCKZFNGt7/GYAuXaNOiYCA==
 
 throttleit@0.0.2:
   version "0.0.2"
@@ -11789,7 +12169,7 @@ toposort@^1.0.0:
   resolved "https://registry.yarnpkg.com/toposort/-/toposort-1.0.7.tgz#2e68442d9f64ec720b8cc89e6443ac6caa950029"
   integrity sha1-LmhELZ9k7HILjMieZEOsbKqVACk=
 
-tough-cookie@^2.3.3, tough-cookie@^2.3.4:
+tough-cookie@^2.3.3:
   version "2.5.0"
   resolved "https://registry.yarnpkg.com/tough-cookie/-/tough-cookie-2.5.0.tgz#cd9fb2a0aa1d5a12b473bd9fb96fa3dcff65ade2"
   integrity sha512-nlLsUzgm1kfLXSXfRZMc1KLAugd4hqJHDTvc2hDIwS3mZAfMEuMbc03SujMF+GEcpaX/qboeycw6iO8JwVv2+g==
@@ -11797,6 +12177,15 @@ tough-cookie@^2.3.3, tough-cookie@^2.3.4:
     psl "^1.1.28"
     punycode "^2.1.1"
 
+tough-cookie@^3.0.1:
+  version "3.0.1"
+  resolved "https://registry.yarnpkg.com/tough-cookie/-/tough-cookie-3.0.1.tgz#9df4f57e739c26930a018184887f4adb7dca73b2"
+  integrity sha512-yQyJ0u4pZsv9D4clxO69OEjLWYw+jbgspjTue4lTQZLfV0c5l1VmK2y1JK8E9ahdpltPOaAThPcp5nKPUgSnsg==
+  dependencies:
+    ip-regex "^2.1.0"
+    psl "^1.1.28"
+    punycode "^2.1.1"
+
 tough-cookie@~2.4.3:
   version "2.4.3"
   resolved "https://registry.yarnpkg.com/tough-cookie/-/tough-cookie-2.4.3.tgz#53f36da3f47783b0925afa06ff9f3b165280f781"
@@ -11891,7 +12280,7 @@ type-check@~0.3.2:
   dependencies:
     prelude-ls "~1.1.2"
 
-type-detect@^4.0.0, type-detect@^4.0.5:
+type-detect@4.0.8, type-detect@^4.0.0, type-detect@^4.0.5:
   version "4.0.8"
   resolved "https://registry.yarnpkg.com/type-detect/-/type-detect-4.0.8.tgz#7646fb5f18871cfbb7749e69bd39a6388eb7450c"
   integrity sha512-0fr/mIH1dlO+x7TlcMy+bIDqKPsw/70tVyeHW787goQjhmqaZe10uwLujubK9q9Lg6Fiho1KUKDYz0Z7k7g5/g==
@@ -11901,6 +12290,11 @@ type-fest@^0.3.0, type-fest@^0.3.1:
   resolved "https://registry.yarnpkg.com/type-fest/-/type-fest-0.3.1.tgz#63d00d204e059474fe5e1b7c011112bbd1dc29e1"
   integrity sha512-cUGJnCdr4STbePCgqNFbpVNCepa+kAVohJs1sLhxzdH+gnEoOd8VhbYa7pD3zZYGiURWM2xzEII3fQcRizDkYQ==
 
+type-fest@^0.8.1:
+  version "0.8.1"
+  resolved "https://registry.yarnpkg.com/type-fest/-/type-fest-0.8.1.tgz#09e249ebde851d3b1e48d27c105444667f17b83d"
+  integrity sha512-4dbzIzqvjtgiM5rw1k5rEHtBANKmdudhGyBEajN01fEyhaAIhsoKNy6y7+IN93IfpFtwY9iqi7kD+xwKhQsNJA==
+
 type-is@~1.6.17, type-is@~1.6.18:
   version "1.6.18"
   resolved "https://registry.yarnpkg.com/type-is/-/type-is-1.6.18.tgz#4e552cd05df09467dcbc4ef739de89f2cf37c131"
@@ -11909,6 +12303,13 @@ type-is@~1.6.17, type-is@~1.6.18:
     media-typer "0.3.0"
     mime-types "~2.1.24"
 
+typedarray-to-buffer@^3.1.5:
+  version "3.1.5"
+  resolved "https://registry.yarnpkg.com/typedarray-to-buffer/-/typedarray-to-buffer-3.1.5.tgz#a97ee7a9ff42691b9f783ff1bc5112fe3fca9080"
+  integrity sha512-zdu8XMNEDepKKR+XYOXAVPtWui0ly0NtohUscw+UmaHiAWT8hrV1rr//H6V+0DvJ3OQ19S979M0laLfX8rm82Q==
+  dependencies:
+    is-typedarray "^1.0.0"
+
 typedarray@^0.0.6:
   version "0.0.6"
   resolved "https://registry.yarnpkg.com/typedarray/-/typedarray-0.0.6.tgz#867ac74e3864187b1d3d47d996a78ec5c8830777"
@@ -11942,14 +12343,6 @@ uglify-js@3.4.x:
     commander "~2.19.0"
     source-map "~0.6.1"
 
-uglify-js@^3.1.4:
-  version "3.6.0"
-  resolved "https://registry.yarnpkg.com/uglify-js/-/uglify-js-3.6.0.tgz#704681345c53a8b2079fb6cec294b05ead242ff5"
-  integrity sha512-W+jrUHJr3DXKhrsS7NUVxn3zqMOFn0hL/Ei6v0anCIMoKC93TjcflTagwIHLW7SfMFfiQuktQyFVCFHGUE0+yg==
-  dependencies:
-    commander "~2.20.0"
-    source-map "~0.6.1"
-
 uglify-to-browserify@~1.0.0:
   version "1.0.2"
   resolved "https://registry.yarnpkg.com/uglify-to-browserify/-/uglify-to-browserify-1.0.2.tgz#6e0924d6bda6b5afe349e39a6d632850a0f882b7"
@@ -12245,6 +12638,15 @@ v8-compile-cache@^2.0.3:
   resolved "https://registry.yarnpkg.com/v8-compile-cache/-/v8-compile-cache-2.1.0.tgz#e14de37b31a6d194f5690d67efc4e7f6fc6ab30e"
   integrity sha512-usZBT3PW+LOjM25wbqIlZwPeJV+3OSz3M1k1Ws8snlW39dZyYL9lOGC5FgPVHfk0jKmjiDV8Z0mIbVQPiwFs7g==
 
+v8-to-istanbul@^4.0.1:
+  version "4.0.1"
+  resolved "https://registry.yarnpkg.com/v8-to-istanbul/-/v8-to-istanbul-4.0.1.tgz#d6a2a3823b8ff49bdf2167ff2a45d82dff81d02f"
+  integrity sha512-x0yZvZAkjJwdD3fPiJzYP37aod0ati4LlmD2RmpKjqewjKAov/u/ytZ8ViIZb07cN4cePKzl9ijiUi7C1LQ8hQ==
+  dependencies:
+    "@types/istanbul-lib-coverage" "^2.0.1"
+    convert-source-map "^1.6.0"
+    source-map "^0.7.3"
+
 validate-npm-package-license@^3.0.1:
   version "3.0.4"
   resolved "https://registry.yarnpkg.com/validate-npm-package-license/-/validate-npm-package-license-3.0.4.tgz#fc91f6b9c7ba15c857f4cb2c5defeec39d4f410a"
@@ -12460,6 +12862,15 @@ w3c-hr-time@^1.0.1:
   dependencies:
     browser-process-hrtime "^0.1.2"
 
+w3c-xmlserializer@^1.1.2:
+  version "1.1.2"
+  resolved "https://registry.yarnpkg.com/w3c-xmlserializer/-/w3c-xmlserializer-1.1.2.tgz#30485ca7d70a6fd052420a3d12fd90e6339ce794"
+  integrity sha512-p10l/ayESzrBMYWRID6xbuCKh2Fp77+sA0doRuGn4tTIMrrZVeqfpKjXHY+oDh3K4nLdPgNwMTVP6Vp4pvqbNg==
+  dependencies:
+    domexception "^1.0.1"
+    webidl-conversions "^4.0.2"
+    xml-name-validator "^3.0.0"
+
 walker@^1.0.7, walker@~1.0.5:
   version "1.0.7"
   resolved "https://registry.yarnpkg.com/walker/-/walker-1.0.7.tgz#2f7f9b8fd10d677262b18a884e28d19618e028fb"
@@ -12670,27 +13081,18 @@ wgxpath@~1.0.0:
   resolved "https://registry.yarnpkg.com/wgxpath/-/wgxpath-1.0.0.tgz#eef8a4b9d558cc495ad3a9a2b751597ecd9af690"
   integrity sha1-7vikudVYzEla06mit1FZfs2a9pA=
 
-whatwg-encoding@^1.0.1, whatwg-encoding@^1.0.3:
+whatwg-encoding@^1.0.1, whatwg-encoding@^1.0.5:
   version "1.0.5"
   resolved "https://registry.yarnpkg.com/whatwg-encoding/-/whatwg-encoding-1.0.5.tgz#5abacf777c32166a51d085d6b4f3e7d27113ddb0"
   integrity sha512-b5lim54JOPN9HtzvK9HFXvBma/rnfFeqsic0hSpjtDbVxR3dJKLc+KB4V6GgiGOvl7CY/KNh8rxSo9DKQrnUEw==
   dependencies:
     iconv-lite "0.4.24"
 
-whatwg-mimetype@^2.1.0, whatwg-mimetype@^2.2.0:
+whatwg-mimetype@^2.2.0, whatwg-mimetype@^2.3.0:
   version "2.3.0"
   resolved "https://registry.yarnpkg.com/whatwg-mimetype/-/whatwg-mimetype-2.3.0.tgz#3d4b1e0312d2079879f826aff18dbeeca5960fbf"
   integrity sha512-M4yMwr6mAnQz76TbJm914+gPpB/nCwvZbJU28cUD6dR004SAxDLOOSUaB1JDRqLtaOV/vi0IC5lEAGFgrjGv/g==
 
-whatwg-url@^6.4.1:
-  version "6.5.0"
-  resolved "https://registry.yarnpkg.com/whatwg-url/-/whatwg-url-6.5.0.tgz#f2df02bff176fd65070df74ad5ccbb5a199965a8"
-  integrity sha512-rhRZRqx/TLJQWUpQ6bmrt2UV4f0HCQ463yQuONJqC6fO2VoEb1pTYddbe59SkYq87aoM5A3bdhMZiUiVws+fzQ==
-  dependencies:
-    lodash.sortby "^4.7.0"
-    tr46 "^1.0.1"
-    webidl-conversions "^4.0.2"
-
 whatwg-url@^7.0.0:
   version "7.0.0"
   resolved "https://registry.yarnpkg.com/whatwg-url/-/whatwg-url-7.0.0.tgz#fde926fa54a599f3adf82dff25a9f7be02dc6edd"
@@ -12710,7 +13112,7 @@ which-pm-runs@^1.0.0:
   resolved "https://registry.yarnpkg.com/which-pm-runs/-/which-pm-runs-1.0.0.tgz#670b3afbc552e0b55df6b7780ca74615f23ad1cb"
   integrity sha1-Zws6+8VS4LVd9rd4DKdGFfI60cs=
 
-which@^1.2.14, which@^1.2.8, which@^1.2.9, which@^1.3.0, which@^1.3.1:
+which@^1.2.14, which@^1.2.8, which@^1.2.9, which@^1.3.1:
   version "1.3.1"
   resolved "https://registry.yarnpkg.com/which/-/which-1.3.1.tgz#a45043d54f5805316da8d62f9f50918d3da70b0a"
   integrity sha512-HxJdYWq1MTIQbJ3nw0cqssHoTNU267KlrDuGZ1WYlxDStUtKUhOaJmh112/TZmHxxUfuJqPXSOm7tDyas0OSIQ==
@@ -12812,15 +13214,6 @@ wrappy@1:
   resolved "https://registry.yarnpkg.com/wrappy/-/wrappy-1.0.2.tgz#b5243d8f3ec1aa35f1364605bc0d1036e30ab69f"
   integrity sha1-tSQ9jz7BqjXxNkYFvA0QNuMKtp8=
 
-write-file-atomic@2.4.1:
-  version "2.4.1"
-  resolved "https://registry.yarnpkg.com/write-file-atomic/-/write-file-atomic-2.4.1.tgz#d0b05463c188ae804396fd5ab2a370062af87529"
-  integrity sha512-TGHFeZEZMnv+gBFRfjAcxL5bPHrsGKtnb4qsFAws7/vlh+QfwAaySIw4AXP9ZskTTh5GWu3FLuJhsWVdiJPGvg==
-  dependencies:
-    graceful-fs "^4.1.11"
-    imurmurhash "^0.1.4"
-    signal-exit "^3.0.2"
-
 write-file-atomic@^2.0.0:
   version "2.4.3"
   resolved "https://registry.yarnpkg.com/write-file-atomic/-/write-file-atomic-2.4.3.tgz#1fd2e9ae1df3e75b8d8c367443c692d4ca81f481"
@@ -12830,6 +13223,16 @@ write-file-atomic@^2.0.0:
     imurmurhash "^0.1.4"
     signal-exit "^3.0.2"
 
+write-file-atomic@^3.0.0:
+  version "3.0.1"
+  resolved "https://registry.yarnpkg.com/write-file-atomic/-/write-file-atomic-3.0.1.tgz#558328352e673b5bb192cf86500d60b230667d4b"
+  integrity sha512-JPStrIyyVJ6oCSz/691fAjFtefZ6q+fP6tm+OS4Qw6o+TGQxNp1ziY2PgS+X/m0V8OWhZiO/m4xSj+Pr4RrZvw==
+  dependencies:
+    imurmurhash "^0.1.4"
+    is-typedarray "^1.0.0"
+    signal-exit "^3.0.2"
+    typedarray-to-buffer "^3.1.5"
+
 write-file-stdout@0.0.2:
   version "0.0.2"
   resolved "https://registry.yarnpkg.com/write-file-stdout/-/write-file-stdout-0.0.2.tgz#c252d7c7c5b1b402897630e3453c7bfe690d9ca1"
@@ -12842,13 +13245,6 @@ write@1.0.3:
   dependencies:
     mkdirp "^0.5.1"
 
-ws@^5.2.0:
-  version "5.2.2"
-  resolved "https://registry.yarnpkg.com/ws/-/ws-5.2.2.tgz#dffef14866b8e8dc9133582514d1befaf96e980f"
-  integrity sha512-jaHFD6PFv6UgoIVda6qZllptQsMlDEJkTQcybzzXDYM1XO9Y8em691FGMPmM46WGyLU4z9KMgQN+qrux/nhlHA==
-  dependencies:
-    async-limiter "~1.0.0"
-
 ws@^6.2.1:
   version "6.2.1"
   resolved "https://registry.yarnpkg.com/ws/-/ws-6.2.1.tgz#442fdf0a47ed64f59b6a5d8ff130f4748ed524fb"
@@ -12856,6 +13252,11 @@ ws@^6.2.1:
   dependencies:
     async-limiter "~1.0.0"
 
+ws@^7.0.0:
+  version "7.2.1"
+  resolved "https://registry.yarnpkg.com/ws/-/ws-7.2.1.tgz#03ed52423cd744084b2cf42ed197c8b65a936b8e"
+  integrity sha512-sucePNSafamSKoOqoNfBd8V0StlkzJKL2ZAhGQinCfNQ+oacw+Pk7lcdAElecBF2VkLNZRiIb5Oi1Q5lVUVt2A==
+
 xdg-basedir@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/xdg-basedir/-/xdg-basedir-2.0.0.tgz#edbc903cc385fc04523d966a335504b5504d1bd2"
@@ -12903,6 +13304,11 @@ xmlbuilder@~11.0.0:
   resolved "https://registry.yarnpkg.com/xmlbuilder/-/xmlbuilder-11.0.1.tgz#be9bae1c8a046e76b31127726347d0ad7002beb3"
   integrity sha512-fDlsI/kFEx7gLvbecc0/ohLG50fugQp8ryHzMTuW9vSa1GJ0XYWKnhsUx7oie3G98+r56aTQIUB4kht42R3JvA==
 
+xmlchars@^2.1.1:
+  version "2.2.0"
+  resolved "https://registry.yarnpkg.com/xmlchars/-/xmlchars-2.2.0.tgz#060fe1bcb7f9c76fe2a17db86a9bc3ab894210cb"
+  integrity sha512-JZnDKK8B0RCDw84FNdDAIpZK+JuJw+s7Lz8nksI7SIuU3UXJJslUthsi+uWBUYOwPFwW7W7PRLRfUKpxjtjFCw==
+
 xtend@^4.0.0, xtend@~4.0.1:
   version "4.0.2"
   resolved "https://registry.yarnpkg.com/xtend/-/xtend-4.0.2.tgz#bb72779f5fa465186b1f438f674fa347fdb5db54"
@@ -12996,7 +13402,7 @@ yargs@13.2.4:
     y18n "^4.0.0"
     yargs-parser "^13.1.0"
 
-yargs@^13.2.2, yargs@^13.3.0:
+yargs@^13.2.2:
   version "13.3.0"
   resolved "https://registry.yarnpkg.com/yargs/-/yargs-13.3.0.tgz#4c657a55e07e5f2cf947f8a366567c04a0dedc83"
   integrity sha512-2eehun/8ALW8TLoIl7MVaRUrg+yCnenu8B4kBlRxj3GJGDKU1Og7sMXPNm1BYyM1DOJmTZ4YeN/Nwxv+8XJsUA==
@@ -13029,6 +13435,23 @@ yargs@^14.0.0:
     y18n "^4.0.0"
     yargs-parser "^13.1.1"
 
+yargs@^15.0.0:
+  version "15.1.0"
+  resolved "https://registry.yarnpkg.com/yargs/-/yargs-15.1.0.tgz#e111381f5830e863a89550bd4b136bb6a5f37219"
+  integrity sha512-T39FNN1b6hCW4SOIk1XyTOWxtXdcen0t+XYrysQmChzSipvhBO8Bj0nK1ozAasdk24dNWuMZvr4k24nz+8HHLg==
+  dependencies:
+    cliui "^6.0.0"
+    decamelize "^1.2.0"
+    find-up "^4.1.0"
+    get-caller-file "^2.0.1"
+    require-directory "^2.1.1"
+    require-main-filename "^2.0.0"
+    set-blocking "^2.0.0"
+    string-width "^4.2.0"
+    which-module "^2.0.0"
+    y18n "^4.0.0"
+    yargs-parser "^16.1.0"
+
 yargs@^15.0.2:
   version "15.0.2"
   resolved "https://registry.yarnpkg.com/yargs/-/yargs-15.0.2.tgz#4248bf218ef050385c4f7e14ebdf425653d13bd3"

From f2f5fbe18ce67131c6a58833aa10bb125be17610 Mon Sep 17 00:00:00 2001
From: Edgar Goetzendorff <hello@dated.fun>
Date: Wed, 29 Jan 2020 13:09:43 +0100
Subject: [PATCH 06/15] fix: limit delegate query to 100 & dynamic per page
 options (#1625)

* fix: limit delegate query to 100

* refactor: calculate per page options based on activeDelegates

* fix: edge case for less than 25 active delegates

* test: add unit tests
---
 .../components/Wallet/WalletDelegates.spec.js | 35 +++++++++++++++++--
 .../WalletDelegates/WalletDelegates.vue       | 26 ++++++++++++--
 2 files changed, 56 insertions(+), 5 deletions(-)

diff --git a/__tests__/unit/components/Wallet/WalletDelegates.spec.js b/__tests__/unit/components/Wallet/WalletDelegates.spec.js
index 2eeccf939c..e0ae8a9f31 100644
--- a/__tests__/unit/components/Wallet/WalletDelegates.spec.js
+++ b/__tests__/unit/components/Wallet/WalletDelegates.spec.js
@@ -1,3 +1,4 @@
+import { merge } from 'lodash'
 import { mount } from '@vue/test-utils'
 import { useI18nGlobally } from '../../__utils__/i18n'
 import { WalletDelegates } from '@/components/Wallet'
@@ -8,8 +9,20 @@ describe('WalletDelegates', () => {
   let showExplanation
   let walletVote = {}
 
-  const mountWrapper = () => {
-    return mount(WalletDelegates, {
+  const activeDelegatesMock = count => {
+    return {
+      mocks: {
+        session_network: {
+          constants: {
+            activeDelegates: count
+          }
+        }
+      }
+    }
+  }
+
+  const mountWrapper = config => {
+    return mount(WalletDelegates, merge({
       i18n,
       provide: {
         walletVote
@@ -33,7 +46,7 @@ describe('WalletDelegates', () => {
       stubs: {
         TableWrapper: true
       }
-    })
+    }, config))
   }
 
   it('should render', () => {
@@ -41,6 +54,22 @@ describe('WalletDelegates', () => {
     expect(wrapper.isVueInstance()).toBeTrue()
   })
 
+  it('should dynamically calculate the per page options', () => {
+    let wrapper = mountWrapper(activeDelegatesMock(25))
+    expect(wrapper.vm.perPageOptions).toEqual([25])
+
+    wrapper = mountWrapper(activeDelegatesMock(53))
+    expect(wrapper.vm.perPageOptions).toEqual([25, 53])
+
+    wrapper = mountWrapper(activeDelegatesMock(101))
+    expect(wrapper.vm.perPageOptions).toEqual([25, 50, 75, 100])
+  })
+
+  it('should cap the query limit at 100', () => {
+    const wrapper = mountWrapper(activeDelegatesMock(101))
+    expect(wrapper.vm.queryParams.limit).toBe(100)
+  })
+
   describe('when the wallet is voting', () => {
     beforeEach(() => {
       walletVote = { username: 'key' }
diff --git a/src/renderer/components/Wallet/WalletDelegates/WalletDelegates.vue b/src/renderer/components/Wallet/WalletDelegates/WalletDelegates.vue
index f9468321aa..5395f3012c 100644
--- a/src/renderer/components/Wallet/WalletDelegates/WalletDelegates.vue
+++ b/src/renderer/components/Wallet/WalletDelegates/WalletDelegates.vue
@@ -39,7 +39,7 @@
       :no-data-message="$t('TABLE.NO_DELEGATES')"
       :current-page="currentPage"
       :per-page="queryParams.limit"
-      :per-page-dropdown="[25, 51]"
+      :per-page-dropdown="perPageOptions"
       class="WalletDelegates__table"
       @on-row-click="onRowClick"
       @on-per-page-change="onPerPageChange"
@@ -103,6 +103,28 @@ export default {
   }),
 
   computed: {
+    perPageOptions () {
+      if (this.activeDelegates < 25) {
+        return [this.activeDelegates]
+      }
+
+      const options = []
+
+      for (let i = 25; i <= this.activeDelegates && i <= 100; i = i + 25) {
+        options.push(i)
+      }
+
+      if (this.activeDelegates < 100) {
+        if (this.activeDelegates - options[options.length - 1] > 10) {
+          options.push(this.activeDelegates)
+        } else {
+          options[options.length - 1] = this.activeDelegates
+        }
+      }
+
+      return options
+    },
+
     activeDelegates () {
       return this.session_network.constants.activeDelegates || 51
     },
@@ -140,7 +162,7 @@ export default {
   },
 
   mounted () {
-    this.queryParams.limit = this.activeDelegates
+    this.queryParams.limit = Math.min(100, this.activeDelegates)
     this.fetchDelegates()
   },
 

From 2d4c7231280e11e4244b7c0115324e988771792a Mon Sep 17 00:00:00 2001
From: "renovate[bot]" <29139614+renovate[bot]@users.noreply.github.com>
Date: Fri, 31 Jan 2020 11:24:11 +0000
Subject: [PATCH 07/15] chore(deps): update dependency electron-builder to
 v22.3.2 (#1627)

Co-authored-by: WhiteSource Renovate <renovatebot@gmail.com>
---
 package.json |   2 +-
 yarn.lock    | 469 ++++++++++++++++++++++-----------------------------
 2 files changed, 200 insertions(+), 271 deletions(-)

diff --git a/package.json b/package.json
index 7fe1701720..98c305a231 100644
--- a/package.json
+++ b/package.json
@@ -134,7 +134,7 @@
     "del": "^5.0.0",
     "devtron": "^1.4.0",
     "electron": "^6.0.0",
-    "electron-builder": "22.2.0",
+    "electron-builder": "22.3.2",
     "electron-debug": "^3.0.1",
     "electron-devtools-installer": "^2.2.4",
     "eslint": "^6.1.0",
diff --git a/yarn.lock b/yarn.lock
index 2ca9044ba4..3e8fd614d0 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -1293,7 +1293,7 @@
   resolved "https://registry.yarnpkg.com/@types/color-name/-/color-name-1.1.1.tgz#1c1261bbeaa10a8055bbc5d8ab84b7b2afc846a0"
   integrity sha512-rr+OQyAjxze7GgWrSaJwydHStIhHq2lvY3BOC2Mj7KnzI7XK0Uw1TOOdI9lDoajEbSWLiYgoo4f1R51erQfhPQ==
 
-"@types/debug@^4.1.4", "@types/debug@^4.1.5":
+"@types/debug@^4.1.5":
   version "4.1.5"
   resolved "https://registry.yarnpkg.com/@types/debug/-/debug-4.1.5.tgz#b14efa8852b7768d898906613c23f688713e02cd"
   integrity sha512-Q1y515GcOdTHgagaVFhHnIFQ38ygs/kmxdNpvpou+raI9UO3YZcHDngBSYKQklcKlvA7iuQlmIKbzvmxcOE9CQ==
@@ -1303,6 +1303,13 @@
   resolved "https://registry.yarnpkg.com/@types/events/-/events-3.0.0.tgz#2862f3f58a9a7f7c3e78d79f130dd4d71c25c2a7"
   integrity sha512-EaObqwIvayI5a8dCzhFrjKzVwKLxjoG9T6Ppd5CEo07LRKfQ8Yokw54r5+Wq7FaBQ+yXRvQAYPrHwya1/UFt9g==
 
+"@types/fs-extra@^8.0.1":
+  version "8.0.1"
+  resolved "https://registry.yarnpkg.com/@types/fs-extra/-/fs-extra-8.0.1.tgz#a2378d6e7e8afea1564e44aafa2e207dadf77686"
+  integrity sha512-J00cVDALmi/hJOYsunyT52Hva5TnJeKP5yd1r+mH/ZU0mbYZflR0Z5kw5kITtKTRYMhm1JMClOFYdHnQszEvqw==
+  dependencies:
+    "@types/node" "*"
+
 "@types/glob@^7.1.1":
   version "7.1.1"
   resolved "https://registry.yarnpkg.com/@types/glob/-/glob-7.1.1.tgz#aa59a1c6e3fbc421e07ccd31a944c30eba521575"
@@ -1787,71 +1794,66 @@ anymatch@^3.0.3:
     normalize-path "^3.0.0"
     picomatch "^2.0.4"
 
-app-builder-bin@3.4.3:
-  version "3.4.3"
-  resolved "https://registry.yarnpkg.com/app-builder-bin/-/app-builder-bin-3.4.3.tgz#58a74193eb882f029be6b7f0cd3f0c6805927a6b"
-  integrity sha512-qMhayIwi3juerQEVJMQ76trObEbfQT0nhUdxZz9a26/3NLT3pE6awmQ8S1cEnrGugaaM5gYqR8OElcDezfmEsg==
-
-app-builder-bin@3.5.1:
-  version "3.5.1"
-  resolved "https://registry.yarnpkg.com/app-builder-bin/-/app-builder-bin-3.5.1.tgz#68dcbe4eb8b7d80be22945ba7f7b72c812ea1eb4"
-  integrity sha512-71FeTdKU+L4/afnKYeCS9S9g6wa2AyiMLxGtYms6sPnnzUEd81wBhfvRb8/O/f4tLrU1MDbkjA8aGGiK9/ZT6A==
+app-builder-bin@3.5.2:
+  version "3.5.2"
+  resolved "https://registry.yarnpkg.com/app-builder-bin/-/app-builder-bin-3.5.2.tgz#fba56e6e9ef76fcd37816738c5f9a0b3992d7183"
+  integrity sha512-tYeNHp8js5c5MT+mzGEMsZhDBXRVAkCgrvz80rzNLlCojG6YrNLRSzfCWZiKJCv5W2faHjxTkKQoRAMY3RWaow==
 
-app-builder-lib@22.2.0:
-  version "22.2.0"
-  resolved "https://registry.yarnpkg.com/app-builder-lib/-/app-builder-lib-22.2.0.tgz#2a5b657088f66f58785a01d6eb599e6c43dd5829"
-  integrity sha512-0npUnokV4+mkUV14x/W8wjRaG6AZzsTcr9m4t0BARmgBwwhhU10Rd41RM+P55FvJtaDPMq8LYtvddcQraVPZTA==
+app-builder-lib@22.3.2:
+  version "22.3.2"
+  resolved "https://registry.yarnpkg.com/app-builder-lib/-/app-builder-lib-22.3.2.tgz#d43e0bdff91d484c0bd07d7248043dbb2665b8ac"
+  integrity sha512-QHaDelJUP3R+HUmnQJzHvjlCCJGG6t0bcFSZTOtUx+44B42VxzKpxtoG55xRFbyrU5l2++n7dQqEZAGk8iL6Qg==
   dependencies:
     "7zip-bin" "~5.0.3"
     "@develar/schema-utils" "~2.1.0"
     async-exit-hook "^2.0.1"
     bluebird-lst "^1.0.9"
-    builder-util "22.2.0"
-    builder-util-runtime "8.5.0"
+    builder-util "22.3.2"
+    builder-util-runtime "8.6.0"
     chromium-pickle-js "^0.2.0"
     debug "^4.1.1"
     ejs "^3.0.1"
-    electron-publish "22.2.0"
+    electron-publish "22.3.2"
     fs-extra "^8.1.0"
     hosted-git-info "^3.0.2"
     is-ci "^2.0.0"
-    isbinaryfile "^4.0.2"
+    isbinaryfile "^4.0.4"
     js-yaml "^3.13.1"
     lazy-val "^1.0.4"
     minimatch "^3.0.4"
     normalize-package-data "^2.5.0"
     read-config-file "5.0.1"
     sanitize-filename "^1.6.3"
-    semver "^6.3.0"
+    semver "^7.1.1"
     temp-file "^3.3.6"
 
-app-builder-lib@~21.2.0:
-  version "21.2.0"
-  resolved "https://registry.yarnpkg.com/app-builder-lib/-/app-builder-lib-21.2.0.tgz#fa1d1604601431e2c3476857e9b9b61d33ad26cc"
-  integrity sha512-aOX/nv77/Bti6NymJDg7p9T067xD8m1ipIEJR7B4Mm1GsJWpMm9PZdXtCRiMNRjHtQS5KIljT0g17781y6qn5A==
+app-builder-lib@~22.3.2:
+  version "22.3.3"
+  resolved "https://registry.yarnpkg.com/app-builder-lib/-/app-builder-lib-22.3.3.tgz#9a95a3c14f69fb6131834dd840fba561191c9998"
+  integrity sha512-zZJyuF3djIA5K6tbx8t3w40M0iVoBR6K2k4KMHOu96+ffmfvdlu+UrsvDqvP1N1cgwFoSSyvW/Hg9/SP12pnEQ==
   dependencies:
     "7zip-bin" "~5.0.3"
     "@develar/schema-utils" "~2.1.0"
     async-exit-hook "^2.0.1"
     bluebird-lst "^1.0.9"
-    builder-util "21.2.0"
-    builder-util-runtime "8.3.0"
+    builder-util "22.3.3"
+    builder-util-runtime "8.6.0"
     chromium-pickle-js "^0.2.0"
     debug "^4.1.1"
-    ejs "^2.6.2"
-    electron-publish "21.2.0"
+    ejs "^3.0.1"
+    electron-publish "22.3.3"
     fs-extra "^8.1.0"
-    hosted-git-info "^2.7.1"
+    hosted-git-info "^3.0.2"
     is-ci "^2.0.0"
-    isbinaryfile "^4.0.2"
+    isbinaryfile "^4.0.4"
     js-yaml "^3.13.1"
     lazy-val "^1.0.4"
     minimatch "^3.0.4"
     normalize-package-data "^2.5.0"
-    read-config-file "5.0.0"
-    sanitize-filename "^1.6.2"
-    semver "^6.3.0"
-    temp-file "^3.3.4"
+    read-config-file "5.0.1"
+    sanitize-filename "^1.6.3"
+    semver "^7.1.1"
+    temp-file "^3.3.6"
 
 aproba@^1.0.3, aproba@^1.1.1:
   version "1.2.0"
@@ -2519,19 +2521,19 @@ boolbase@^1.0.0, boolbase@~1.0.0:
   resolved "https://registry.yarnpkg.com/boolbase/-/boolbase-1.0.0.tgz#68dff5fbe60c51eb37725ea9e3ed310dcc1e776e"
   integrity sha1-aN/1++YMUes3cl6p4+0xDcwed24=
 
-boxen@^3.0.0:
-  version "3.2.0"
-  resolved "https://registry.yarnpkg.com/boxen/-/boxen-3.2.0.tgz#fbdff0de93636ab4450886b6ff45b92d098f45eb"
-  integrity sha512-cU4J/+NodM3IHdSL2yN8bqYqnmlBTidDR4RC7nJs61ZmtGz8VZzM3HLQX0zY5mrSmPtR3xWwsq2jOUQqFZN8+A==
+boxen@^4.2.0:
+  version "4.2.0"
+  resolved "https://registry.yarnpkg.com/boxen/-/boxen-4.2.0.tgz#e411b62357d6d6d36587c8ac3d5d974daa070e64"
+  integrity sha512-eB4uT9RGzg2odpER62bBwSLvUeGC+WbRjjyyFhGsKnc8wp/m0+hQsMUvUe3H2V0D5vw0nBdO1hCJoZo5mKeuIQ==
   dependencies:
     ansi-align "^3.0.0"
     camelcase "^5.3.1"
-    chalk "^2.4.2"
+    chalk "^3.0.0"
     cli-boxes "^2.2.0"
-    string-width "^3.0.0"
-    term-size "^1.2.0"
-    type-fest "^0.3.0"
-    widest-line "^2.0.0"
+    string-width "^4.1.0"
+    term-size "^2.1.0"
+    type-fest "^0.8.1"
+    widest-line "^3.1.0"
 
 brace-expansion@^1.1.7:
   version "1.1.11"
@@ -2752,43 +2754,44 @@ builder-util-runtime@8.3.0:
     debug "^4.1.1"
     sax "^1.2.4"
 
-builder-util-runtime@8.5.0:
-  version "8.5.0"
-  resolved "https://registry.yarnpkg.com/builder-util-runtime/-/builder-util-runtime-8.5.0.tgz#0c9faa782307867cc2ec70f25e63829ef1ea49c4"
-  integrity sha512-ft0npBXQc5gp1AVkY/WkUXDLKWweux/R1L+YQHjtspSp9nRHqoBP6qBTxb8ca6CtBKe+yZbZYGvCw1l0ZBkx/w==
+builder-util-runtime@8.6.0:
+  version "8.6.0"
+  resolved "https://registry.yarnpkg.com/builder-util-runtime/-/builder-util-runtime-8.6.0.tgz#b7007c30126da9a90e99932128d2922c8c178649"
+  integrity sha512-WTDhTUVrm7zkFyd6Qn7AXgmWifjpZ/fYnEdV3XCOIDMNNb/KPddBTbQ8bUlxxVeuOYlhGpcLUypG+4USdGL1ww==
   dependencies:
     debug "^4.1.1"
     sax "^1.2.4"
 
-builder-util@21.2.0, builder-util@~21.2.0:
-  version "21.2.0"
-  resolved "https://registry.yarnpkg.com/builder-util/-/builder-util-21.2.0.tgz#aba721190e4e841009d9fb4b88f1130ed616522f"
-  integrity sha512-Nd6CUb6YgDY8EXAXEIegx+1kzKqyFQ5ZM5BoYkeunAlwz/zDJoH1UCyULjoS5wQe5czNClFQy07zz2bzYD0Z4A==
+builder-util@22.3.2:
+  version "22.3.2"
+  resolved "https://registry.yarnpkg.com/builder-util/-/builder-util-22.3.2.tgz#23c61aaf0f0006f994087b33a26e47cdaec7aa8d"
+  integrity sha512-jNeyA/AgyujE6NQLoEkERY/qrilFdCFAC6cBM1ylSnRuzlD1tQQCI3QJhuMJG/gLUCgyNsfFQhN0Mw6IqsDAqw==
   dependencies:
     "7zip-bin" "~5.0.3"
-    "@types/debug" "^4.1.4"
-    app-builder-bin "3.4.3"
+    "@types/debug" "^4.1.5"
+    app-builder-bin "3.5.2"
     bluebird-lst "^1.0.9"
-    builder-util-runtime "8.3.0"
-    chalk "^2.4.2"
+    builder-util-runtime "8.6.0"
+    chalk "^3.0.0"
     debug "^4.1.1"
     fs-extra "^8.1.0"
     is-ci "^2.0.0"
     js-yaml "^3.13.1"
-    source-map-support "^0.5.13"
-    stat-mode "^0.3.0"
-    temp-file "^3.3.4"
+    source-map-support "^0.5.16"
+    stat-mode "^1.0.0"
+    temp-file "^3.3.6"
 
-builder-util@22.2.0, builder-util@~22.2.0:
-  version "22.2.0"
-  resolved "https://registry.yarnpkg.com/builder-util/-/builder-util-22.2.0.tgz#f9ac6a64d4fc3da16816a02e6f48f29fe8b0bb3d"
-  integrity sha512-kkhDjcFuY6qGHmRhOfmYnk+raxsPauddUu7Z+TUOqMOyBVFX8ODnDjIFWQ7yDz5+KNtS9MTObJl9MTAKSRPAVQ==
+builder-util@22.3.3, builder-util@~22.3.2, builder-util@~22.3.3:
+  version "22.3.3"
+  resolved "https://registry.yarnpkg.com/builder-util/-/builder-util-22.3.3.tgz#62f0527ceaa1a2e4a60596a9b38ad1ffe3e20ae6"
+  integrity sha512-VzQALenLDdeaz7hXaQgS9N0Xz3zlgkK64Dp2Vn61XTbhI0MgVneTeEKKDFwdBC/l7v0cHsOPeao/xeWmyznC2g==
   dependencies:
     "7zip-bin" "~5.0.3"
     "@types/debug" "^4.1.5"
-    app-builder-bin "3.5.1"
+    "@types/fs-extra" "^8.0.1"
+    app-builder-bin "3.5.2"
     bluebird-lst "^1.0.9"
-    builder-util-runtime "8.5.0"
+    builder-util-runtime "8.6.0"
     chalk "^3.0.0"
     debug "^4.1.1"
     fs-extra "^8.1.0"
@@ -3512,17 +3515,17 @@ config-chain@^1.1.12:
     ini "^1.3.4"
     proto-list "~1.2.1"
 
-configstore@^4.0.0:
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/configstore/-/configstore-4.0.0.tgz#5933311e95d3687efb592c528b922d9262d227e7"
-  integrity sha512-CmquAXFBocrzaSM8mtGPMM/HiWmyIpr4CcJl/rgY2uCObZ/S7cKU0silxslqJejl+t/T9HS8E0PUNQD81JGUEQ==
+configstore@^5.0.0:
+  version "5.0.0"
+  resolved "https://registry.yarnpkg.com/configstore/-/configstore-5.0.0.tgz#37de662c7a49b5fe8dbcf8f6f5818d2d81ed852b"
+  integrity sha512-eE/hvMs7qw7DlcB5JPRnthmrITuHMmACUJAp89v6PT6iOqzoLS7HRWhBtuHMlhNHo2AhUSA/3Dh1bKNJHcublQ==
   dependencies:
-    dot-prop "^4.1.0"
+    dot-prop "^5.1.0"
     graceful-fs "^4.1.2"
-    make-dir "^1.0.0"
-    unique-string "^1.0.0"
-    write-file-atomic "^2.0.0"
-    xdg-basedir "^3.0.0"
+    make-dir "^3.0.0"
+    unique-string "^2.0.0"
+    write-file-atomic "^3.0.0"
+    xdg-basedir "^4.0.0"
 
 connect-history-api-fallback@^1.6.0:
   version "1.6.0"
@@ -3759,15 +3762,6 @@ cross-spawn@6.0.5, cross-spawn@^6.0.0, cross-spawn@^6.0.5:
     shebang-command "^1.2.0"
     which "^1.2.9"
 
-cross-spawn@^5.0.1:
-  version "5.1.0"
-  resolved "https://registry.yarnpkg.com/cross-spawn/-/cross-spawn-5.1.0.tgz#e8bd0efee58fcff6f8f94510a0a554bbfa235449"
-  integrity sha1-6L0O/uWPz/b4+UUQoKVUu/ojVEk=
-  dependencies:
-    lru-cache "^4.0.1"
-    shebang-command "^1.2.0"
-    which "^1.2.9"
-
 cross-spawn@^7.0.0:
   version "7.0.0"
   resolved "https://registry.yarnpkg.com/cross-spawn/-/cross-spawn-7.0.0.tgz#21ef9470443262f33dba80b2705a91db959b2e03"
@@ -3804,6 +3798,11 @@ crypto-random-string@^1.0.0:
   resolved "https://registry.yarnpkg.com/crypto-random-string/-/crypto-random-string-1.0.0.tgz#a230f64f568310e1498009940790ec99545bca7e"
   integrity sha1-ojD2T1aDEOFJgAmUB5DsmVRbyn4=
 
+crypto-random-string@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/crypto-random-string/-/crypto-random-string-2.0.0.tgz#ef2a7a966ec11083388369baa02ebead229b30d5"
+  integrity sha512-v1plID3y9r/lPhviJ1wrXpLeyUIGAZ2SHNYTEapm7/8A9nLPoyvVp3RK/EPFqn5kEznyWgYZNsRtYYIWbuG8KA==
+
 css-loader@^3.1.0:
   version "3.2.0"
   resolved "https://registry.yarnpkg.com/css-loader/-/css-loader-3.2.0.tgz#bb570d89c194f763627fcf1f80059c6832d009b2"
@@ -4315,18 +4314,18 @@ dir-glob@^3.0.1:
   dependencies:
     path-type "^4.0.0"
 
-dmg-builder@21.2.0:
-  version "21.2.0"
-  resolved "https://registry.yarnpkg.com/dmg-builder/-/dmg-builder-21.2.0.tgz#a9c883557cacb9abdb66c7133b30fe921c1a3ba7"
-  integrity sha512-9cJEclnGy7EyKFCoHDYDf54pub/t92CQapyiUxU0w9Bj2vUvfoDagP1PMiX4XD5rPp96141h9A+QN0OB4VgvQg==
+dmg-builder@22.3.2:
+  version "22.3.2"
+  resolved "https://registry.yarnpkg.com/dmg-builder/-/dmg-builder-22.3.2.tgz#4c052f75d601e3358da1ff9d7d57738e1c01b157"
+  integrity sha512-szx+nmCNjpfp2yy3zVCMQLj2nRHL3LfZyzvQECDGHr0ZHK7//48+MoJckkbOCB22ofBvx5Y2M1YqCjK8b2slYQ==
   dependencies:
-    app-builder-lib "~21.2.0"
+    app-builder-lib "~22.3.2"
     bluebird-lst "^1.0.9"
-    builder-util "~21.2.0"
+    builder-util "~22.3.2"
     fs-extra "^8.1.0"
-    iconv-lite "^0.5.0"
+    iconv-lite "^0.5.1"
     js-yaml "^3.13.1"
-    sanitize-filename "^1.6.2"
+    sanitize-filename "^1.6.3"
 
 dns-equal@^1.0.0:
   version "1.0.0"
@@ -4456,19 +4455,19 @@ dot-object@^1.7.1:
     commander "^2.20.0"
     glob "^7.1.4"
 
-dot-prop@^4.1.0:
-  version "4.2.0"
-  resolved "https://registry.yarnpkg.com/dot-prop/-/dot-prop-4.2.0.tgz#1f19e0c2e1aa0e32797c49799f2837ac6af69c57"
-  integrity sha512-tUMXrxlExSW6U2EXiiKGSBVdYgtV8qlHL+C10TsW4PURY/ic+eaysnSkwB4kA/mBlCyy/IKDJ+Lc3wbWeaXtuQ==
+dot-prop@^5.1.0:
+  version "5.2.0"
+  resolved "https://registry.yarnpkg.com/dot-prop/-/dot-prop-5.2.0.tgz#c34ecc29556dc45f1f4c22697b6f4904e0cc4fcb"
+  integrity sha512-uEUyaDKoSQ1M4Oq8l45hSE26SnTxL6snNnqvK/VWx5wJhmff5z0FUVJDKDanor/6w3kzE3i7XZOk+7wC0EXr1A==
   dependencies:
-    is-obj "^1.0.0"
+    is-obj "^2.0.0"
 
 dotenv-expand@^5.1.0:
   version "5.1.0"
   resolved "https://registry.yarnpkg.com/dotenv-expand/-/dotenv-expand-5.1.0.tgz#3fbaf020bfd794884072ea26b1e9791d45a629f0"
   integrity sha512-YXQl1DSa4/PQyRfgrv6aoNjhasp/p4qs9FjJ4q4cQk+8m4r6k4ZSiEyytKG8f8W9gi8WsQtIObNmKd+tMzNTmA==
 
-dotenv@^8.0.0, dotenv@^8.2.0:
+dotenv@^8.2.0:
   version "8.2.0"
   resolved "https://registry.yarnpkg.com/dotenv/-/dotenv-8.2.0.tgz#97e619259ada750eea3e4ea3e26bceea5424b16a"
   integrity sha512-8sJ78ElpbDJBHNeBzUbUVLsqKdccaa/BXF1uPTw3GrvQTBgrQrtObr2mUrE38vzYd8cEv+m/JBfDLioYcfXoaw==
@@ -4526,11 +4525,6 @@ ee-first@1.1.1:
   resolved "https://registry.yarnpkg.com/ee-first/-/ee-first-1.1.1.tgz#590c61156b0ae2f4f0255732a158b266bc56b21d"
   integrity sha1-WQxhFWsK4vTwJVcyoViyZrxWsh0=
 
-ejs@^2.6.2:
-  version "2.7.1"
-  resolved "https://registry.yarnpkg.com/ejs/-/ejs-2.7.1.tgz#5b5ab57f718b79d4aca9254457afecd36fa80228"
-  integrity sha512-kS/gEPzZs3Y1rRsbGX4UOSjtP/CeJP0CxSNZHYxGfVM/VgLcv0ZqM7C45YyTj2DI2g7+P9Dd24C+IMIg6D0nYQ==
-
 ejs@^3.0.1:
   version "3.0.1"
   resolved "https://registry.yarnpkg.com/ejs/-/ejs-3.0.1.tgz#30c8f6ee9948502cc32e85c37a3f8b39b5a614a5"
@@ -4541,24 +4535,24 @@ ejs@~2.5.6:
   resolved "https://registry.yarnpkg.com/ejs/-/ejs-2.5.9.tgz#7ba254582a560d267437109a68354112475b0ce5"
   integrity sha512-GJCAeDBKfREgkBtgrYSf9hQy9kTb3helv0zGdzqhM7iAkW8FA/ZF97VQDbwFiwIT8MQLLOe5VlPZOEvZAqtUAQ==
 
-electron-builder@22.2.0:
-  version "22.2.0"
-  resolved "https://registry.yarnpkg.com/electron-builder/-/electron-builder-22.2.0.tgz#f7244b4c92bb5c7323db88f3fb9a22e0ca6cf8a0"
-  integrity sha512-VYplQwIJOwTLMWfh8nUKL0TdDdOpx1mma9dNbTShy1guySljffZvvD2T/EinBvX1s976Ymqzcq+b+uAUA5SfoA==
+electron-builder@22.3.2:
+  version "22.3.2"
+  resolved "https://registry.yarnpkg.com/electron-builder/-/electron-builder-22.3.2.tgz#902d150fc0670cb90213262e5e0aa3c4f299ffa4"
+  integrity sha512-bDjHfKtA4DapI6qqy4FC18fzLsOJtlSVGBqjSjhrgv+gbcppp3tjR6ASsUX5K64/8L9MGjhRGdfQ7iP78OLx8g==
   dependencies:
-    app-builder-lib "22.2.0"
+    app-builder-lib "22.3.2"
     bluebird-lst "^1.0.9"
-    builder-util "22.2.0"
-    builder-util-runtime "8.5.0"
+    builder-util "22.3.2"
+    builder-util-runtime "8.6.0"
     chalk "^3.0.0"
-    dmg-builder "21.2.0"
+    dmg-builder "22.3.2"
     fs-extra "^8.1.0"
     is-ci "^2.0.0"
     lazy-val "^1.0.4"
     read-config-file "5.0.1"
     sanitize-filename "^1.6.3"
-    update-notifier "^3.0.1"
-    yargs "^15.0.2"
+    update-notifier "^4.0.0"
+    yargs "^15.1.0"
 
 electron-chromedriver@^7.0.0:
   version "7.0.0"
@@ -4635,27 +4629,28 @@ electron-log@^3.0.7:
   resolved "https://registry.yarnpkg.com/electron-log/-/electron-log-3.0.8.tgz#ea672dc40b560143ed5d887eff1ff1904fe9ef71"
   integrity sha512-B9+eJ8z3UbDnWEz+G33SIJvEDeKLznHEV4sCu6bR31KuOdp3dYN046QBWbLNsvKU+lzFI6eOi+xNCpNHZvatiw==
 
-electron-publish@21.2.0:
-  version "21.2.0"
-  resolved "https://registry.yarnpkg.com/electron-publish/-/electron-publish-21.2.0.tgz#cc225cb46aa62e74b899f2f7299b396c9802387d"
-  integrity sha512-mWavuoWJe87iaeKd0I24dNWIaR+0yRzshjNVqGyK019H766fsPWl3caQJnVKFaEyrZRP397v4JZVG0e7s16AxA==
+electron-publish@22.3.2:
+  version "22.3.2"
+  resolved "https://registry.yarnpkg.com/electron-publish/-/electron-publish-22.3.2.tgz#d2e60caf7a9643fe57e501c20acaf32c737b1c50"
+  integrity sha512-nUGepzRtoGT8Tv83RHnnrR5szbw4+HpLLBdZU+aO5Kt3uoReTsp7NSm+agJfbI+H5rVpYCG8h6nPIejxGZ7LTg==
   dependencies:
     bluebird-lst "^1.0.9"
-    builder-util "~21.2.0"
-    builder-util-runtime "8.3.0"
-    chalk "^2.4.2"
+    builder-util "~22.3.2"
+    builder-util-runtime "8.6.0"
+    chalk "^3.0.0"
     fs-extra "^8.1.0"
     lazy-val "^1.0.4"
     mime "^2.4.4"
 
-electron-publish@22.2.0:
-  version "22.2.0"
-  resolved "https://registry.yarnpkg.com/electron-publish/-/electron-publish-22.2.0.tgz#f391461c70a2c2d1f56babaf6372d09d9e0e6afc"
-  integrity sha512-B5LTO3zVTPyDfA5ayyBCIrCQ0hBdJ+o7dNOghFYH9/v4s0NDF0cvM1w6EpjRsw/eATeo4c0I1GUObEwTS/ztYw==
+electron-publish@22.3.3:
+  version "22.3.3"
+  resolved "https://registry.yarnpkg.com/electron-publish/-/electron-publish-22.3.3.tgz#7d1e757a20ce0558fdc42900b6e3d773fdae9d9e"
+  integrity sha512-QfdS6gyqdjX+JBm3DhRT8nwO2TKQF9Z2dsZBXxCfE+FXYe2XmxMXWeXY2vPBHxSOpBYeAYVIkBiNL+gWcSfA+w==
   dependencies:
+    "@types/fs-extra" "^8.0.1"
     bluebird-lst "^1.0.9"
-    builder-util "~22.2.0"
-    builder-util-runtime "8.5.0"
+    builder-util "~22.3.3"
+    builder-util-runtime "8.6.0"
     chalk "^3.0.0"
     fs-extra "^8.1.0"
     lazy-val "^1.0.4"
@@ -5134,19 +5129,6 @@ execa@^0.2.2:
     path-key "^1.0.0"
     strip-eof "^1.0.0"
 
-execa@^0.7.0:
-  version "0.7.0"
-  resolved "https://registry.yarnpkg.com/execa/-/execa-0.7.0.tgz#944becd34cc41ee32a63a9faf27ad5a65fc59777"
-  integrity sha1-lEvs00zEHuMqY6n68nrVpl/Fl3c=
-  dependencies:
-    cross-spawn "^5.0.1"
-    get-stream "^3.0.0"
-    is-stream "^1.1.0"
-    npm-run-path "^2.0.0"
-    p-finally "^1.0.0"
-    signal-exit "^3.0.0"
-    strip-eof "^1.0.0"
-
 execa@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/execa/-/execa-1.0.0.tgz#c6236a5bb4df6d6f15e88e7f017798216749ddd8"
@@ -5814,11 +5796,6 @@ get-stream@^2.2.0:
     object-assign "^4.0.1"
     pinkie-promise "^2.0.0"
 
-get-stream@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/get-stream/-/get-stream-3.0.0.tgz#8e943d1358dc37555054ecbe2edb05aa174ede14"
-  integrity sha1-jpQ9E1jcN1VQVOy+LtsFqhdO3hQ=
-
 get-stream@^4.0.0, get-stream@^4.1.0:
   version "4.1.0"
   resolved "https://registry.yarnpkg.com/get-stream/-/get-stream-4.1.0.tgz#c1b255575f3dc21d59bfc79cd3d2b46b1c3a54b5"
@@ -5892,12 +5869,12 @@ glob@^7.0.0, glob@^7.0.3, glob@^7.0.5, glob@^7.1.1, glob@^7.1.2, glob@^7.1.3, gl
     once "^1.3.0"
     path-is-absolute "^1.0.0"
 
-global-dirs@^0.1.0:
-  version "0.1.1"
-  resolved "https://registry.yarnpkg.com/global-dirs/-/global-dirs-0.1.1.tgz#b319c0dd4607f353f3be9cca4c72fc148c49f445"
-  integrity sha1-sxnA3UYH81PzvpzKTHL8FIxJ9EU=
+global-dirs@^2.0.1:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/global-dirs/-/global-dirs-2.0.1.tgz#acdf3bb6685bcd55cb35e8a052266569e9469201"
+  integrity sha512-5HqUqdhkEovj2Of/ms3IeS/EekcO54ytHRLV4PEY2rhRwrHXLQjeVEES0Lhka0xwNDtGYn58wyC4s5+MHsOO6A==
   dependencies:
-    ini "^1.3.4"
+    ini "^1.3.5"
 
 global-modules@2.0.0:
   version "2.0.0"
@@ -6214,7 +6191,7 @@ homedir-polyfill@^1.0.1:
   dependencies:
     parse-passwd "^1.0.0"
 
-hosted-git-info@^2.1.4, hosted-git-info@^2.7.1:
+hosted-git-info@^2.1.4:
   version "2.8.4"
   resolved "https://registry.yarnpkg.com/hosted-git-info/-/hosted-git-info-2.8.4.tgz#44119abaf4bc64692a16ace34700fed9c03e2546"
   integrity sha512-pzXIvANXEFrc5oFFXRMkbLPQ2rXRoDERwDLyrcUxGhaZhgP54BBSl9Oheh7Vv0T090cszWBxPjkQQ5Sq1PbBRQ==
@@ -6424,10 +6401,10 @@ iconv-lite@0.4.24, iconv-lite@^0.4.17, iconv-lite@^0.4.24, iconv-lite@^0.4.4:
   dependencies:
     safer-buffer ">= 2.1.2 < 3"
 
-iconv-lite@^0.5.0:
-  version "0.5.0"
-  resolved "https://registry.yarnpkg.com/iconv-lite/-/iconv-lite-0.5.0.tgz#59cdde0a2a297cc2aeb0c6445a195ee89f127550"
-  integrity sha512-NnEhI9hIEKHOzJ4f697DMz9IQEXr/MMJ5w64vN2/4Ai+wRnvV7SBrL0KLoRlwaKVghOc7LQ5YkPLuX146b6Ydw==
+iconv-lite@^0.5.1:
+  version "0.5.1"
+  resolved "https://registry.yarnpkg.com/iconv-lite/-/iconv-lite-0.5.1.tgz#b2425d3c7b18f7219f2ca663d103bddb91718d64"
+  integrity sha512-ONHr16SQvKZNSqjQT9gy5z24Jw+uqfO02/ngBSBoqChZ+W8qXX7GPRa1RoUnzGADw8K63R1BXUMzarCVQBpY8Q==
   dependencies:
     safer-buffer ">= 2.1.2 < 3"
 
@@ -6866,13 +6843,13 @@ is-glob@^4.0.0, is-glob@^4.0.1:
   dependencies:
     is-extglob "^2.1.1"
 
-is-installed-globally@^0.1.0:
-  version "0.1.0"
-  resolved "https://registry.yarnpkg.com/is-installed-globally/-/is-installed-globally-0.1.0.tgz#0dfd98f5a9111716dd535dda6492f67bf3d25a80"
-  integrity sha1-Df2Y9akRFxbdU13aZJL2e/PSWoA=
+is-installed-globally@^0.3.1:
+  version "0.3.1"
+  resolved "https://registry.yarnpkg.com/is-installed-globally/-/is-installed-globally-0.3.1.tgz#679afef819347a72584617fd19497f010b8ed35f"
+  integrity sha512-oiEcGoQbGc+3/iijAijrK2qFpkNoNjsHOm/5V5iaeydyrS/hnwaRCEgH5cpW0P3T1lSjV5piB7S5b5lEugNLhg==
   dependencies:
-    global-dirs "^0.1.0"
-    is-path-inside "^1.0.0"
+    global-dirs "^2.0.1"
+    is-path-inside "^3.0.1"
 
 is-lower-case@^1.1.0:
   version "1.1.3"
@@ -6886,10 +6863,10 @@ is-natural-number@^4.0.1:
   resolved "https://registry.yarnpkg.com/is-natural-number/-/is-natural-number-4.0.1.tgz#ab9d76e1db4ced51e35de0c72ebecf09f734cde8"
   integrity sha1-q5124dtM7VHjXeDHLr7PCfc0zeg=
 
-is-npm@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/is-npm/-/is-npm-3.0.0.tgz#ec9147bfb629c43f494cf67936a961edec7e8053"
-  integrity sha512-wsigDr1Kkschp2opC4G3yA6r9EgVA6NjRpWzIi9axXqeIaAATPRJc4uLujXe3Nd9uO8KoDyA4MD6aZSeXTADhA==
+is-npm@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/is-npm/-/is-npm-4.0.0.tgz#c90dd8380696df87a7a6d823c20d0b12bbe3c84d"
+  integrity sha512-96ECIfh9xtDDlPylNPXhzjsykHsMJZ18ASpaWzQyBr4YRTcVjUvzaHayDAES2oU/3KpljhHUjtSRNiDwi0F0ig==
 
 is-number@^3.0.0:
   version "3.0.0"
@@ -6903,11 +6880,16 @@ is-number@^7.0.0:
   resolved "https://registry.yarnpkg.com/is-number/-/is-number-7.0.0.tgz#7535345b896734d5f80c4d06c50955527a14f12b"
   integrity sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==
 
-is-obj@^1.0.0, is-obj@^1.0.1:
+is-obj@^1.0.1:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/is-obj/-/is-obj-1.0.1.tgz#3e4729ac1f5fde025cd7d83a896dab9f4f67db0f"
   integrity sha1-PkcprB9f3gJc19g6iW2rn09n2w8=
 
+is-obj@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/is-obj/-/is-obj-2.0.0.tgz#473fb05d973705e3fd9620545018ca8e22ef4982"
+  integrity sha512-drqDG3cbczxxEJRoOXcOjtdp1J/lyp1mNn0xaznRs8+muBhgQcrnbspox5X5fOw0HnMnbfDzvnEMEtqDEJEo8w==
+
 is-observable@^1.1.0:
   version "1.1.0"
   resolved "https://registry.yarnpkg.com/is-observable/-/is-observable-1.1.0.tgz#b3e986c8f44de950867cab5403f5a3465005975e"
@@ -6927,13 +6909,6 @@ is-path-in-cwd@^2.0.0:
   dependencies:
     is-path-inside "^2.1.0"
 
-is-path-inside@^1.0.0:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/is-path-inside/-/is-path-inside-1.0.1.tgz#8ef5b7de50437a3fdca6b4e865ef7aa55cb48036"
-  integrity sha1-jvW33lBDej/cprToZe96pVy0gDY=
-  dependencies:
-    path-is-inside "^1.0.1"
-
 is-path-inside@^2.0.0, is-path-inside@^2.1.0:
   version "2.1.0"
   resolved "https://registry.yarnpkg.com/is-path-inside/-/is-path-inside-2.1.0.tgz#7c9810587d659a40d27bcdb4d5616eab059494b2"
@@ -7056,10 +7031,10 @@ isarray@1.0.0, isarray@^1.0.0, isarray@~1.0.0:
   resolved "https://registry.yarnpkg.com/isarray/-/isarray-1.0.0.tgz#bb935d48582cba168c06834957a54a3e07124f11"
   integrity sha1-u5NdSFgsuhaMBoNJV6VKPgcSTxE=
 
-isbinaryfile@^4.0.2:
-  version "4.0.2"
-  resolved "https://registry.yarnpkg.com/isbinaryfile/-/isbinaryfile-4.0.2.tgz#bfc45642da645681c610cca831022e30af426488"
-  integrity sha512-C3FSxJdNrEr2F4z6uFtNzECDM5hXk+46fxaa+cwBe5/XrWSmzdG8DDgyjfX6/NRdBB21q2JXuRAzPCUs+fclnQ==
+isbinaryfile@^4.0.4:
+  version "4.0.4"
+  resolved "https://registry.yarnpkg.com/isbinaryfile/-/isbinaryfile-4.0.4.tgz#6803f81a8944201c642b6e17da041e24deb78712"
+  integrity sha512-pEutbN134CzcjlLS1myKX/uxNjwU5eBVSprvkpv3+3dqhBHUZLIWJQowC40w5c0Zf19vBY8mrZl88y5J4RAPbQ==
 
 isexe@^2.0.0:
   version "2.0.0"
@@ -8300,7 +8275,7 @@ lowercase-keys@^2.0.0:
   resolved "https://registry.yarnpkg.com/lowercase-keys/-/lowercase-keys-2.0.0.tgz#2603e78b7b4b0006cbca2fbcc8a3202558ac9479"
   integrity sha512-tqNXrS78oMOE73NMxK4EMLQsQowWf8jKooH9g7xPavRT706R6bkQJ6DY2Te7QukaZsulxa30wQ7bk0pm4XiHmA==
 
-lru-cache@^4.0.0, lru-cache@^4.0.1, lru-cache@^4.1.2, lru-cache@^4.1.5:
+lru-cache@^4.0.0, lru-cache@^4.1.2, lru-cache@^4.1.5:
   version "4.1.5"
   resolved "https://registry.yarnpkg.com/lru-cache/-/lru-cache-4.1.5.tgz#8bbe50ea85bed59bc9e33dcab8235ee9bcf443cd"
   integrity sha512-sWZlbEP2OsHNkXrMl5GYk/jKk70MBng6UU4YI/qGDYbgf6YbP4EvmqISbXCoJiRKs+1bSpFHVgQxvJ17F2li5g==
@@ -9576,7 +9551,7 @@ path-is-absolute@^1.0.0, path-is-absolute@^1.0.1:
   resolved "https://registry.yarnpkg.com/path-is-absolute/-/path-is-absolute-1.0.1.tgz#174b9268735534ffbc7ace6bf53a5a9e1b5c5f5f"
   integrity sha1-F0uSaHNVNP+8es5r9TpanhtcX18=
 
-path-is-inside@^1.0.1, path-is-inside@^1.0.2:
+path-is-inside@^1.0.2:
   version "1.0.2"
   resolved "https://registry.yarnpkg.com/path-is-inside/-/path-is-inside-1.0.2.tgz#365417dede44430d1c11af61027facf074bdfc53"
   integrity sha1-NlQX3t5EQw0cEa9hAn+s8HS9/FM=
@@ -10339,18 +10314,6 @@ read-cache@^1.0.0:
   dependencies:
     pify "^2.3.0"
 
-read-config-file@5.0.0:
-  version "5.0.0"
-  resolved "https://registry.yarnpkg.com/read-config-file/-/read-config-file-5.0.0.tgz#1487c983fae9c1b672d3acda5cac899a2d451f02"
-  integrity sha512-jIKUu+C84bfnKxyJ5j30CxCqgXWYjZLXuVE/NYlMEpeni+dhESgAeZOZd0JZbg1xTkMmnCdxksDoarkOyfEsOg==
-  dependencies:
-    dotenv "^8.0.0"
-    dotenv-expand "^5.1.0"
-    fs-extra "^8.1.0"
-    js-yaml "^3.13.1"
-    json5 "^2.1.0"
-    lazy-val "^1.0.4"
-
 read-config-file@5.0.1:
   version "5.0.1"
   resolved "https://registry.yarnpkg.com/read-config-file/-/read-config-file-5.0.1.tgz#ead3df0d9822cc96006ca16322eaa79dac8591c2"
@@ -10896,7 +10859,7 @@ sane@^4.0.3:
     minimist "^1.1.1"
     walker "~1.0.5"
 
-sanitize-filename@^1.6.2, sanitize-filename@^1.6.3:
+sanitize-filename@^1.6.3:
   version "1.6.3"
   resolved "https://registry.yarnpkg.com/sanitize-filename/-/sanitize-filename-1.6.3.tgz#755ebd752045931977e30b2025d340d7c9090378"
   integrity sha512-y/52Mcy7aw3gRm7IrcGDFx/bCk4AhRh2eI9luHOQM86nZsqwiRkkq2GekHXBBD+SmPidc8i2PqtYZl+pWJ8Oeg==
@@ -10966,14 +10929,14 @@ semver-compare@^1.0.0:
   resolved "https://registry.yarnpkg.com/semver-compare/-/semver-compare-1.0.0.tgz#0dee216a1c941ab37e9efb1788f6afc5ff5537fc"
   integrity sha1-De4hahyUGrN+nvsXiPavxf9VN/w=
 
-semver-diff@^2.0.0:
-  version "2.1.0"
-  resolved "https://registry.yarnpkg.com/semver-diff/-/semver-diff-2.1.0.tgz#4bbb8437c8d37e4b0cf1a68fd726ec6d645d6d36"
-  integrity sha1-S7uEN8jTfksM8aaP1ybsbWRdbTY=
+semver-diff@^3.1.1:
+  version "3.1.1"
+  resolved "https://registry.yarnpkg.com/semver-diff/-/semver-diff-3.1.1.tgz#05f77ce59f325e00e2706afd67bb506ddb1ca32b"
+  integrity sha512-GX0Ix/CJcHyB8c4ykpHGIAvLyOwOobtM/8d+TQkAd81/bEjgPHrfba41Vpesr7jX/t8Uh+R3EX9eAS5be+jQYg==
   dependencies:
-    semver "^5.0.3"
+    semver "^6.3.0"
 
-"semver@2 || 3 || 4 || 5", semver@^5.0.3, semver@^5.3.0, semver@^5.4.1, semver@^5.5.0, semver@^5.5.1, semver@^5.6.0:
+"semver@2 || 3 || 4 || 5", semver@^5.3.0, semver@^5.4.1, semver@^5.5.0, semver@^5.5.1, semver@^5.6.0:
   version "5.7.1"
   resolved "https://registry.yarnpkg.com/semver/-/semver-5.7.1.tgz#a954f931aeba508d307bbf069eff0c01c96116f7"
   integrity sha512-sauaDf/PZdVgrLTNYHRtpXa1iRiKcaebiKQ1BJdpQlWH2lCvexQdX55snPFyK7QzpudqbCI0qXFfOasHdyNDGQ==
@@ -11269,14 +11232,6 @@ source-map-support@^0.4.15:
   dependencies:
     source-map "^0.5.6"
 
-source-map-support@^0.5.13, source-map-support@^0.5.6, source-map-support@~0.5.12:
-  version "0.5.13"
-  resolved "https://registry.yarnpkg.com/source-map-support/-/source-map-support-0.5.13.tgz#31b24a9c2e73c2de85066c0feb7d44767ed52932"
-  integrity sha512-SHSKFHadjVA5oR4PPqhtAVdcBWwRYVd6g6cAXnIbRiIwc2EhPrTuKUBdSLvlEKyIP3GCf89fltvcZiP9MMFA1w==
-  dependencies:
-    buffer-from "^1.0.0"
-    source-map "^0.6.0"
-
 source-map-support@^0.5.16:
   version "0.5.16"
   resolved "https://registry.yarnpkg.com/source-map-support/-/source-map-support-0.5.16.tgz#0ae069e7fe3ba7538c64c98515e35339eac5a042"
@@ -11285,6 +11240,14 @@ source-map-support@^0.5.16:
     buffer-from "^1.0.0"
     source-map "^0.6.0"
 
+source-map-support@^0.5.6, source-map-support@~0.5.12:
+  version "0.5.13"
+  resolved "https://registry.yarnpkg.com/source-map-support/-/source-map-support-0.5.13.tgz#31b24a9c2e73c2de85066c0feb7d44767ed52932"
+  integrity sha512-SHSKFHadjVA5oR4PPqhtAVdcBWwRYVd6g6cAXnIbRiIwc2EhPrTuKUBdSLvlEKyIP3GCf89fltvcZiP9MMFA1w==
+  dependencies:
+    buffer-from "^1.0.0"
+    source-map "^0.6.0"
+
 source-map-url@^0.4.0:
   version "0.4.0"
   resolved "https://registry.yarnpkg.com/source-map-url/-/source-map-url-0.4.0.tgz#3e935d7ddd73631b97659956d55128e87b5084a3"
@@ -11428,11 +11391,6 @@ stack-utils@^1.0.1:
   resolved "https://registry.yarnpkg.com/stack-utils/-/stack-utils-1.0.2.tgz#33eba3897788558bebfc2db059dc158ec36cebb8"
   integrity sha512-MTX+MeG5U994cazkjd/9KNAapsHnibjMLnfXodlkXw76JEea0UiNzrqidzo1emMwk7w5Qhc9jd4Bn9TBb1MFwA==
 
-stat-mode@^0.3.0:
-  version "0.3.0"
-  resolved "https://registry.yarnpkg.com/stat-mode/-/stat-mode-0.3.0.tgz#69283b081f851582b328d2a4ace5f591ce52f54b"
-  integrity sha512-QjMLR0A3WwFY2aZdV0okfFEJB5TRjkggXZjxP3A1RsWsNHNu3YPv8btmtc6iCFZ0Rul3FE93OYogvhOUClU+ng==
-
 stat-mode@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/stat-mode/-/stat-mode-1.0.0.tgz#68b55cb61ea639ff57136f36b216a291800d1465"
@@ -11542,7 +11500,7 @@ string-width@^3.0.0, string-width@^3.1.0:
     is-fullwidth-code-point "^2.0.0"
     strip-ansi "^5.1.0"
 
-string-width@^4.1.0, string-width@^4.2.0:
+string-width@^4.0.0, string-width@^4.1.0, string-width@^4.2.0:
   version "4.2.0"
   resolved "https://registry.yarnpkg.com/string-width/-/string-width-4.2.0.tgz#952182c46cc7b2c313d1596e623992bd163b72b5"
   integrity sha512-zUz5JD+tgqtuDjMhwIg5uFVV3dtqZ9yQJlZVfq4I01/K5Paj5UHj7VyrQOJvzawSVlKpObApbfD0Ed6yJc+1eg==
@@ -11927,14 +11885,6 @@ temp-dir@^1.0.0:
   resolved "https://registry.yarnpkg.com/temp-dir/-/temp-dir-1.0.0.tgz#0a7c0ea26d3a39afa7e0ebea9c1fc0bc4daa011d"
   integrity sha1-CnwOom06Oa+n4OvqnB/AvE2qAR0=
 
-temp-file@^3.3.4:
-  version "3.3.4"
-  resolved "https://registry.yarnpkg.com/temp-file/-/temp-file-3.3.4.tgz#73af868cd7cb7400a44e4bb03e653b2280ce2878"
-  integrity sha512-qSZ5W5q54iyGnP8cNl49RE0jTJc5CrzNocux5APD5yIxcgonoMuMSbsZfaZy8rTGCYo0Xz6ySVv3adagZ8gffg==
-  dependencies:
-    async-exit-hook "^2.0.1"
-    fs-extra "^8.1.0"
-
 temp-file@^3.3.6:
   version "3.3.6"
   resolved "https://registry.yarnpkg.com/temp-file/-/temp-file-3.3.6.tgz#bd7a1951338bf93b59380b498ec1804d5b76c449"
@@ -11952,12 +11902,10 @@ tempy@^0.3.0:
     type-fest "^0.3.1"
     unique-string "^1.0.0"
 
-term-size@^1.2.0:
-  version "1.2.0"
-  resolved "https://registry.yarnpkg.com/term-size/-/term-size-1.2.0.tgz#458b83887f288fc56d6fffbfad262e26638efa69"
-  integrity sha1-RYuDiH8oj8Vtb/+/rSYuJmOO+mk=
-  dependencies:
-    execa "^0.7.0"
+term-size@^2.1.0:
+  version "2.1.1"
+  resolved "https://registry.yarnpkg.com/term-size/-/term-size-2.1.1.tgz#f81ec25854af91a480d2f9d0c77ffcb26594ed1a"
+  integrity sha512-UqvQSch04R+69g4RDhrslmGvGL3ucDRX/U+snYW0Mab4uCAyKSndUksaoqlJ81QKSpRnIsuOYQCbC2ZWx2896A==
 
 terminal-link@^2.0.0:
   version "2.1.1"
@@ -12285,7 +12233,7 @@ type-detect@4.0.8, type-detect@^4.0.0, type-detect@^4.0.5:
   resolved "https://registry.yarnpkg.com/type-detect/-/type-detect-4.0.8.tgz#7646fb5f18871cfbb7749e69bd39a6388eb7450c"
   integrity sha512-0fr/mIH1dlO+x7TlcMy+bIDqKPsw/70tVyeHW787goQjhmqaZe10uwLujubK9q9Lg6Fiho1KUKDYz0Z7k7g5/g==
 
-type-fest@^0.3.0, type-fest@^0.3.1:
+type-fest@^0.3.1:
   version "0.3.1"
   resolved "https://registry.yarnpkg.com/type-fest/-/type-fest-0.3.1.tgz#63d00d204e059474fe5e1b7c011112bbd1dc29e1"
   integrity sha512-cUGJnCdr4STbePCgqNFbpVNCepa+kAVohJs1sLhxzdH+gnEoOd8VhbYa7pD3zZYGiURWM2xzEII3fQcRizDkYQ==
@@ -12420,6 +12368,13 @@ unique-string@^1.0.0:
   dependencies:
     crypto-random-string "^1.0.0"
 
+unique-string@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/unique-string/-/unique-string-2.0.0.tgz#39c6451f81afb2749de2b233e3f7c5e8843bd89d"
+  integrity sha512-uNaeirEPvpZWSgzwsPGtU2zVSTrn/8L5q/IexZmH0eH6SA73CmAA5U4GwORTxQAZs95TAXLNqeLoPPNO5gZfWg==
+  dependencies:
+    crypto-random-string "^2.0.0"
+
 universalify@^0.1.0:
   version "0.1.2"
   resolved "https://registry.yarnpkg.com/universalify/-/universalify-0.1.2.tgz#b646f69be3942dabcecc9d6639c80dc105efaa66"
@@ -12456,23 +12411,23 @@ upath@^1.1.1:
   resolved "https://registry.yarnpkg.com/upath/-/upath-1.2.0.tgz#8f66dbcd55a883acdae4408af8b035a5044c1894"
   integrity sha512-aZwGpamFO61g3OlfT7OQCHqhGnW43ieH9WZeP7QxN/G/jS4jfqUkZxoryvJgVPEcrl5NL/ggHsSmLMHuH64Lhg==
 
-update-notifier@^3.0.1:
-  version "3.0.1"
-  resolved "https://registry.yarnpkg.com/update-notifier/-/update-notifier-3.0.1.tgz#78ecb68b915e2fd1be9f767f6e298ce87b736250"
-  integrity sha512-grrmrB6Zb8DUiyDIaeRTBCkgISYUgETNe7NglEbVsrLWXeESnlCSP50WfRSj/GmzMPl6Uchj24S/p80nP/ZQrQ==
+update-notifier@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/update-notifier/-/update-notifier-4.0.0.tgz#f344a6f8b03e00e31b323d632a0e632e9f0e0654"
+  integrity sha512-p9zf71hWt5GVXM4iEBujpUgx8mK9AWiCCapEJm/O1z5ntCim83Z1ATqzZFBHFYqx03laMqv8LiDgs/7ikXjf/g==
   dependencies:
-    boxen "^3.0.0"
-    chalk "^2.0.1"
-    configstore "^4.0.0"
+    boxen "^4.2.0"
+    chalk "^3.0.0"
+    configstore "^5.0.0"
     has-yarn "^2.1.0"
     import-lazy "^2.1.0"
     is-ci "^2.0.0"
-    is-installed-globally "^0.1.0"
-    is-npm "^3.0.0"
+    is-installed-globally "^0.3.1"
+    is-npm "^4.0.0"
     is-yarn-global "^0.3.0"
     latest-version "^5.0.0"
-    semver-diff "^2.0.0"
-    xdg-basedir "^3.0.0"
+    semver-diff "^3.1.1"
+    xdg-basedir "^4.0.0"
 
 upper-case-first@^1.1.0, upper-case-first@^1.1.2:
   version "1.1.2"
@@ -13126,12 +13081,12 @@ wide-align@^1.1.0:
   dependencies:
     string-width "^1.0.2 || 2"
 
-widest-line@^2.0.0:
-  version "2.0.1"
-  resolved "https://registry.yarnpkg.com/widest-line/-/widest-line-2.0.1.tgz#7438764730ec7ef4381ce4df82fb98a53142a3fc"
-  integrity sha512-Ba5m9/Fa4Xt9eb2ELXt77JxVDV8w7qQrH0zS/TWSJdLyAwQjWoOzpzj5lwVftDz6n/EOu3tNACS84v509qwnJA==
+widest-line@^3.1.0:
+  version "3.1.0"
+  resolved "https://registry.yarnpkg.com/widest-line/-/widest-line-3.1.0.tgz#8292333bbf66cb45ff0de1603b136b7ae1496eca"
+  integrity sha512-NsmoXalsWVDMGupxZ5R08ka9flZjjiLvHVAWYOKtiKM8ujtZWr9cRffak+uSE48+Ob8ObalXpwyeUiyDD6QFgg==
   dependencies:
-    string-width "^2.1.1"
+    string-width "^4.0.0"
 
 wif@^2.0.6:
   version "2.0.6"
@@ -13214,15 +13169,6 @@ wrappy@1:
   resolved "https://registry.yarnpkg.com/wrappy/-/wrappy-1.0.2.tgz#b5243d8f3ec1aa35f1364605bc0d1036e30ab69f"
   integrity sha1-tSQ9jz7BqjXxNkYFvA0QNuMKtp8=
 
-write-file-atomic@^2.0.0:
-  version "2.4.3"
-  resolved "https://registry.yarnpkg.com/write-file-atomic/-/write-file-atomic-2.4.3.tgz#1fd2e9ae1df3e75b8d8c367443c692d4ca81f481"
-  integrity sha512-GaETH5wwsX+GcnzhPgKcKjJ6M2Cq3/iZp1WyY/X1CSqrW+jVNM9Y7D8EC2sM4ZG/V8wZlSniJnCKWPmBYAucRQ==
-  dependencies:
-    graceful-fs "^4.1.11"
-    imurmurhash "^0.1.4"
-    signal-exit "^3.0.2"
-
 write-file-atomic@^3.0.0:
   version "3.0.1"
   resolved "https://registry.yarnpkg.com/write-file-atomic/-/write-file-atomic-3.0.1.tgz#558328352e673b5bb192cf86500d60b230667d4b"
@@ -13264,10 +13210,10 @@ xdg-basedir@^2.0.0:
   dependencies:
     os-homedir "^1.0.0"
 
-xdg-basedir@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/xdg-basedir/-/xdg-basedir-3.0.0.tgz#496b2cc109eca8dbacfe2dc72b603c17c5870ad4"
-  integrity sha1-SWsswQnsqNus/i3HK2A8F8WHCtQ=
+xdg-basedir@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/xdg-basedir/-/xdg-basedir-4.0.0.tgz#4bc8d9984403696225ef83a1573cbbcb4e79db13"
+  integrity sha512-PSNhEJDejZYV7h50BohL09Er9VaIefr2LMAf3OEmpCkjOi34eYyQYAXUTjEQtZJTKcF0E2UKTh+osDLsgNim9Q==
 
 xdg-trashdir@^2.1.1:
   version "2.1.1"
@@ -13435,7 +13381,7 @@ yargs@^14.0.0:
     y18n "^4.0.0"
     yargs-parser "^13.1.1"
 
-yargs@^15.0.0:
+yargs@^15.0.0, yargs@^15.1.0:
   version "15.1.0"
   resolved "https://registry.yarnpkg.com/yargs/-/yargs-15.1.0.tgz#e111381f5830e863a89550bd4b136bb6a5f37219"
   integrity sha512-T39FNN1b6hCW4SOIk1XyTOWxtXdcen0t+XYrysQmChzSipvhBO8Bj0nK1ozAasdk24dNWuMZvr4k24nz+8HHLg==
@@ -13452,23 +13398,6 @@ yargs@^15.0.0:
     y18n "^4.0.0"
     yargs-parser "^16.1.0"
 
-yargs@^15.0.2:
-  version "15.0.2"
-  resolved "https://registry.yarnpkg.com/yargs/-/yargs-15.0.2.tgz#4248bf218ef050385c4f7e14ebdf425653d13bd3"
-  integrity sha512-GH/X/hYt+x5hOat4LMnCqMd8r5Cv78heOMIJn1hr7QPPBqfeC6p89Y78+WB9yGDvfpCvgasfmWLzNzEioOUD9Q==
-  dependencies:
-    cliui "^6.0.0"
-    decamelize "^1.2.0"
-    find-up "^4.1.0"
-    get-caller-file "^2.0.1"
-    require-directory "^2.1.1"
-    require-main-filename "^2.0.0"
-    set-blocking "^2.0.0"
-    string-width "^4.2.0"
-    which-module "^2.0.0"
-    y18n "^4.0.0"
-    yargs-parser "^16.1.0"
-
 yargs@~1.2.6:
   version "1.2.6"
   resolved "https://registry.yarnpkg.com/yargs/-/yargs-1.2.6.tgz#9c7b4a82fd5d595b2bf17ab6dcc43135432fe34b"

From 6228903e9a0a00469101482acc190acdedcf858c Mon Sep 17 00:00:00 2001
From: "renovate[bot]" <29139614+renovate[bot]@users.noreply.github.com>
Date: Fri, 31 Jan 2020 12:25:49 +0000
Subject: [PATCH 08/15] chore(deps): update dependency cross-env to v7 (#1626)

Co-authored-by: WhiteSource Renovate <renovatebot@gmail.com>
---
 package.json |  2 +-
 yarn.lock    | 38 +++++++++++++++++++++++++++++++++-----
 2 files changed, 34 insertions(+), 6 deletions(-)

diff --git a/package.json b/package.json
index 98c305a231..8a1955fdfd 100644
--- a/package.json
+++ b/package.json
@@ -129,7 +129,7 @@
     "chalk": "^3.0.0",
     "codecov": "^3.2.0",
     "copy-webpack-plugin": "^5.0.2",
-    "cross-env": "^6.0.0",
+    "cross-env": "^7.0.0",
     "css-loader": "^3.1.0",
     "del": "^5.0.0",
     "devtron": "^1.4.0",
diff --git a/yarn.lock b/yarn.lock
index 3e8fd614d0..12474fa567 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -3736,12 +3736,12 @@ create-hmac@^1.1.0, create-hmac@^1.1.2, create-hmac@^1.1.4, create-hmac@^1.1.7:
     safe-buffer "^5.0.1"
     sha.js "^2.4.8"
 
-cross-env@^6.0.0:
-  version "6.0.3"
-  resolved "https://registry.yarnpkg.com/cross-env/-/cross-env-6.0.3.tgz#4256b71e49b3a40637a0ce70768a6ef5c72ae941"
-  integrity sha512-+KqxF6LCvfhWvADcDPqo64yVIB31gv/jQulX2NGzKS/g3GEVz6/pt4wjHFtFWsHMddebWD/sDthJemzM4MaAag==
+cross-env@^7.0.0:
+  version "7.0.0"
+  resolved "https://registry.yarnpkg.com/cross-env/-/cross-env-7.0.0.tgz#5a3b2ddce51ec713ea58f2fb79ce22e65b4f5479"
+  integrity sha512-rV6M9ldNgmwP7bx5u6rZsTbYidzwvrwIYZnT08hSGLcQCcggofgFW+sNe7IhA1SRauPS0QuLbbX+wdNtpqE5CQ==
   dependencies:
-    cross-spawn "^7.0.0"
+    cross-spawn "^7.0.1"
 
 cross-spawn-async@^2.1.1:
   version "2.2.5"
@@ -3771,6 +3771,15 @@ cross-spawn@^7.0.0:
     shebang-command "^1.2.0"
     which "^1.2.9"
 
+cross-spawn@^7.0.1:
+  version "7.0.1"
+  resolved "https://registry.yarnpkg.com/cross-spawn/-/cross-spawn-7.0.1.tgz#0ab56286e0f7c24e153d04cc2aa027e43a9a5d14"
+  integrity sha512-u7v4o84SwFpD32Z8IIcPZ6z1/ie24O6RU3RbtL5Y316l3KuHVPx9ItBgWQ6VlfAFnRnTtMUrsQ9MUUTuEZjogg==
+  dependencies:
+    path-key "^3.1.0"
+    shebang-command "^2.0.0"
+    which "^2.0.1"
+
 cross-unzip@0.0.2:
   version "0.0.2"
   resolved "https://registry.yarnpkg.com/cross-unzip/-/cross-unzip-0.0.2.tgz#5183bc47a09559befcf98cc4657964999359372f"
@@ -11056,11 +11065,23 @@ shebang-command@^1.2.0:
   dependencies:
     shebang-regex "^1.0.0"
 
+shebang-command@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/shebang-command/-/shebang-command-2.0.0.tgz#ccd0af4f8835fbdc265b82461aaf0c36663f34ea"
+  integrity sha512-kHxr2zZpYtdmrN1qDjrrX/Z1rR1kG8Dx+gkpK1G4eXmvXswmcE1hTWBWYUzlraYw1/yZp6YuDY77YtvbN0dmDA==
+  dependencies:
+    shebang-regex "^3.0.0"
+
 shebang-regex@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/shebang-regex/-/shebang-regex-1.0.0.tgz#da42f49740c0b42db2ca9728571cb190c98efea3"
   integrity sha1-2kL0l0DAtC2yypcoVxyxkMmO/qM=
 
+shebang-regex@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/shebang-regex/-/shebang-regex-3.0.0.tgz#ae16f1644d873ecad843b0307b143362d4c42172"
+  integrity sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A==
+
 shellwords@^0.1.1:
   version "0.1.1"
   resolved "https://registry.yarnpkg.com/shellwords/-/shellwords-0.1.1.tgz#d6b9181c1a48d397324c84871efbcfc73fc0654b"
@@ -13074,6 +13095,13 @@ which@^1.2.14, which@^1.2.8, which@^1.2.9, which@^1.3.1:
   dependencies:
     isexe "^2.0.0"
 
+which@^2.0.1:
+  version "2.0.2"
+  resolved "https://registry.yarnpkg.com/which/-/which-2.0.2.tgz#7c6a8dd0a636a0327e10b59c9286eee93f3f51b1"
+  integrity sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA==
+  dependencies:
+    isexe "^2.0.0"
+
 wide-align@^1.1.0:
   version "1.1.3"
   resolved "https://registry.yarnpkg.com/wide-align/-/wide-align-1.1.3.tgz#ae074e6bdc0c14a431e804e624549c633b000457"

From 90b3d0fcdb0f81384e43c841284d16e7aba78fc9 Mon Sep 17 00:00:00 2001
From: "renovate[bot]" <29139614+renovate[bot]@users.noreply.github.com>
Date: Fri, 31 Jan 2020 12:38:31 +0000
Subject: [PATCH 09/15] chore(deps): update dependency spectron to v10 (#1624)

Co-authored-by: WhiteSource Renovate <renovatebot@gmail.com>
---
 package.json |  2 +-
 yarn.lock    | 18 +++++++++---------
 2 files changed, 10 insertions(+), 10 deletions(-)

diff --git a/package.json b/package.json
index 8a1955fdfd..f2697273dd 100644
--- a/package.json
+++ b/package.json
@@ -166,7 +166,7 @@
     "purgecss": "^1.1.0",
     "purgecss-webpack-plugin": "^1.4.0",
     "rss-parser": "^3.7.0",
-    "spectron": "^9.0.0",
+    "spectron": "^10.0.0",
     "svg-sprite-loader": "^4.1.6",
     "svgo": "^1.2.0",
     "svgo-loader": "^2.2.0",
diff --git a/yarn.lock b/yarn.lock
index 12474fa567..6ec5b17cb0 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -4563,10 +4563,10 @@ electron-builder@22.3.2:
     update-notifier "^4.0.0"
     yargs "^15.1.0"
 
-electron-chromedriver@^7.0.0:
-  version "7.0.0"
-  resolved "https://registry.yarnpkg.com/electron-chromedriver/-/electron-chromedriver-7.0.0.tgz#204e1bfcdf2dfd56e5a3b8e6f37d19b1433a7937"
-  integrity sha512-7qymT0fn3VTit0peym1iz4Y+fTwq9EPsv1V9Qh+vQdoVqP/4SM9lOHrsBeuFN1JJADZLu7R119ZvMkP6EnLYhw==
+electron-chromedriver@^8.0.0-beta.7:
+  version "8.0.0-beta.7"
+  resolved "https://registry.yarnpkg.com/electron-chromedriver/-/electron-chromedriver-8.0.0-beta.7.tgz#a849745071bedf28c823e231195c28c1bcec802e"
+  integrity sha512-7BCNNyJlirAXDrm52ew2dN2kmKrb/oahizEHJiJgf3KCLNfyfQOhumA+3AFdlvqqSjBOxOk3Z2Q6vg6YoNruaQ==
   dependencies:
     electron-download "^4.1.1"
     extract-zip "^1.6.7"
@@ -11345,13 +11345,13 @@ spdy@^4.0.1:
     select-hose "^2.0.0"
     spdy-transport "^3.0.0"
 
-spectron@^9.0.0:
-  version "9.0.0"
-  resolved "https://registry.yarnpkg.com/spectron/-/spectron-9.0.0.tgz#6581780027172095e168353c82ed934212a0c97f"
-  integrity sha512-aMxprQ+5/8hDl27P6FafIuuL8jAueJ7WEc6S6pEEQNU7xGCMcfj0RY6TB1i9BtkazMymIxAkmwqlK233Fbhcgw==
+spectron@^10.0.0:
+  version "10.0.0"
+  resolved "https://registry.yarnpkg.com/spectron/-/spectron-10.0.0.tgz#2ad59aa4eea99346b33a8a80c027637d350e3f4e"
+  integrity sha512-Nkx9dwBe/iPjLB39J+JZyN8G/YfbMXHz/qq459mafw9Qxi3bi9GloNUdhKlE2c9NXK/eJdN++7MYITiUji4qbg==
   dependencies:
     dev-null "^0.1.1"
-    electron-chromedriver "^7.0.0"
+    electron-chromedriver "^8.0.0-beta.7"
     request "^2.87.0"
     split "^1.0.0"
     webdriverio "^4.13.0"

From 129bf907318c6929e34317f7e73339e5c78dadd7 Mon Sep 17 00:00:00 2001
From: "renovate[bot]" <29139614+renovate[bot]@users.noreply.github.com>
Date: Fri, 31 Jan 2020 14:00:20 +0000
Subject: [PATCH 10/15] chore(deps): update purgecss dependencies to v2 (#1608)

* chore(deps): update dependency purgecss-webpack-plugin to v2

* chore: update purgecss dependencies

Co-authored-by: WhiteSource Renovate <renovatebot@gmail.com>
Co-authored-by: Alex Barnsley <8069294+alexbarnsley@users.noreply.github.com>
---
 package.json |   4 +-
 yarn.lock    | 107 ++++++++++++++++++++++++++++++++++++---------------
 2 files changed, 79 insertions(+), 32 deletions(-)

diff --git a/package.json b/package.json
index f2697273dd..b17a9d86ed 100644
--- a/package.json
+++ b/package.json
@@ -163,8 +163,8 @@
     "node-abi": "^2.11.0",
     "node-loader": "^0.6.0",
     "postcss-loader": "^3.0.0",
-    "purgecss": "^1.1.0",
-    "purgecss-webpack-plugin": "^1.4.0",
+    "purgecss": "^2.0.5",
+    "purgecss-webpack-plugin": "^2.0.5",
     "rss-parser": "^3.7.0",
     "spectron": "^10.0.0",
     "svg-sprite-loader": "^4.1.6",
diff --git a/yarn.lock b/yarn.lock
index 6ec5b17cb0..01e775bf22 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -3433,6 +3433,11 @@ commander@^2.19.0, commander@^2.20.0:
   resolved "https://registry.yarnpkg.com/commander/-/commander-2.20.1.tgz#3863ce3ca92d0831dcf2a102f5fb4b5926afd0f9"
   integrity sha512-cCuLsMhJeWQ/ZpsFTbE765kvVfoeSddc4nU3up4fV+fDBcfUXnbITJ+JzhkdjzOqhURjZgujxaioam4RM9yGUg==
 
+commander@^4.0.0:
+  version "4.1.0"
+  resolved "https://registry.yarnpkg.com/commander/-/commander-4.1.0.tgz#545983a0603fe425bc672d66c9e3c89c42121a83"
+  integrity sha512-NIQrwvv9V39FHgGFm36+U9SMQzbiHvU79k+iADraJTpmrFFfx7Ds0IvDoAdZsDrknlkRk14OYoWXb57uTh7/sw==
+
 commander@~2.19.0:
   version "2.19.0"
   resolved "https://registry.yarnpkg.com/commander/-/commander-2.19.0.tgz#f6198aa84e5b83c46054b94ddedbfed5ee9ff12a"
@@ -9902,6 +9907,15 @@ postcss-value-parser@^4.0.0, postcss-value-parser@^4.0.2:
   resolved "https://registry.yarnpkg.com/postcss-value-parser/-/postcss-value-parser-4.0.2.tgz#482282c09a42706d1fc9a069b73f44ec08391dc9"
   integrity sha512-LmeoohTpp/K4UiyQCwuGWlONxXamGzCMtFxLq4W1nZVGIQLYvMCJx3yAF9qyyuFpflABI9yVdtJAqbihOsCsJQ==
 
+postcss@7.0.26:
+  version "7.0.26"
+  resolved "https://registry.yarnpkg.com/postcss/-/postcss-7.0.26.tgz#5ed615cfcab35ba9bbb82414a4fa88ea10429587"
+  integrity sha512-IY4oRjpXWYshuTDFxMVkJDtWIk2LhsTlu8bZnbEJA4+bYT16Lvpo8Qv6EvDumhYRgzjZl489pmsY3qVgJQ08nA==
+  dependencies:
+    chalk "^2.4.2"
+    source-map "^0.6.1"
+    supports-color "^6.1.0"
+
 postcss@^5.0.8, postcss@^5.2.17, postcss@^5.2.4:
   version "5.2.18"
   resolved "https://registry.yarnpkg.com/postcss/-/postcss-5.2.18.tgz#badfa1497d46244f6390f58b319830d9107853c5"
@@ -10205,23 +10219,24 @@ pupa@^2.0.1:
   dependencies:
     escape-goat "^2.0.0"
 
-purgecss-webpack-plugin@^1.4.0:
-  version "1.6.0"
-  resolved "https://registry.yarnpkg.com/purgecss-webpack-plugin/-/purgecss-webpack-plugin-1.6.0.tgz#7b5d6d189f5574c1365592e1445d252162404e4a"
-  integrity sha512-rVrTWYsOTShUvD5gl0q/krkwTlBUILlyoqRk2XoujNm2dETt276yvK4vP9oyXVPSQyaMCjjP5YPMCq9PNgIlJQ==
+purgecss-webpack-plugin@^2.0.5:
+  version "2.0.5"
+  resolved "https://registry.yarnpkg.com/purgecss-webpack-plugin/-/purgecss-webpack-plugin-2.0.5.tgz#6ccd0be4db2011535dfd2f1d56e3d5c6637e2433"
+  integrity sha512-k7NT6FZ/ChzcOZTWtUyqAW+E29n7QEO87WWfwKDF8bjvMXsH5TqK5RvEragDQKT16RaxYCvXZkQ2chvnfFXPIg==
   dependencies:
-    purgecss "^1.4.0"
+    purgecss "^2.0.5"
+    webpack "^4.41.2"
     webpack-sources "^1.4.3"
 
-purgecss@^1.1.0, purgecss@^1.4.0:
-  version "1.4.0"
-  resolved "https://registry.yarnpkg.com/purgecss/-/purgecss-1.4.0.tgz#79905624ec1c6c8e1f03044bca92dd8a598ba429"
-  integrity sha512-or7/16i7O6DH+NpXqY8NCcWCc940O6PxOgjWAcMTElzgccKOJua1/n6JVtM8UYqoMMWoCyKk+CbLpo4+4mY3BQ==
+purgecss@^2.0.5:
+  version "2.0.5"
+  resolved "https://registry.yarnpkg.com/purgecss/-/purgecss-2.0.5.tgz#b7aa3e3634704aa041d03f007504c303e8c6586e"
+  integrity sha512-VwQoDXImH0pabZ6ivLPCsWuRGd979NEzACaT/P3pWzDVCwHXSgXUM4QDbnMklMawU0r4MrCvdaORM84KJvsCIA==
   dependencies:
-    glob "^7.1.3"
-    postcss "^7.0.14"
-    postcss-selector-parser "^6.0.0"
-    yargs "^14.0.0"
+    commander "^4.0.0"
+    glob "^7.0.0"
+    postcss "7.0.26"
+    postcss-selector-parser "^6.0.2"
 
 q@^1.1.2, q@~1.5.0:
   version "1.5.1"
@@ -10997,6 +11012,11 @@ serialize-javascript@^1.7.0:
   resolved "https://registry.yarnpkg.com/serialize-javascript/-/serialize-javascript-1.9.1.tgz#cfc200aef77b600c47da9bb8149c943e798c2fdb"
   integrity sha512-0Vb/54WJ6k5v8sSWN09S0ora+Hnr+cX40r9F170nT+mSkaxltoE/7R3OrIdBSUv1OoiobH1QoWQbCnAO+e8J1A==
 
+serialize-javascript@^2.1.2:
+  version "2.1.2"
+  resolved "https://registry.yarnpkg.com/serialize-javascript/-/serialize-javascript-2.1.2.tgz#ecec53b0e0317bdc95ef76ab7074b7384785fa61"
+  integrity sha512-rs9OggEUF0V4jUSecXazOYsLfu7OGK2qIn3c7IPBiffz32XniEp/TX9Xmc9LQfK2nQ2QKHvZ2oygKUGU0lG4jQ==
+
 serve-index@^1.9.1:
   version "1.9.1"
   resolved "https://registry.yarnpkg.com/serve-index/-/serve-index-1.9.1.tgz#d3768d69b1e7d82e5ce050fff5b453bea12a9239"
@@ -11951,6 +11971,21 @@ terser-webpack-plugin@^1.4.1:
     webpack-sources "^1.4.0"
     worker-farm "^1.7.0"
 
+terser-webpack-plugin@^1.4.3:
+  version "1.4.3"
+  resolved "https://registry.yarnpkg.com/terser-webpack-plugin/-/terser-webpack-plugin-1.4.3.tgz#5ecaf2dbdc5fb99745fd06791f46fc9ddb1c9a7c"
+  integrity sha512-QMxecFz/gHQwteWwSo5nTc6UaICqN1bMedC5sMtUc7y3Ha3Q8y6ZO0iCR8pq4RJC8Hjf0FEPEHZqcMB/+DFCrA==
+  dependencies:
+    cacache "^12.0.2"
+    find-cache-dir "^2.1.0"
+    is-wsl "^1.1.0"
+    schema-utils "^1.0.0"
+    serialize-javascript "^2.1.2"
+    source-map "^0.6.1"
+    terser "^4.1.2"
+    webpack-sources "^1.4.0"
+    worker-farm "^1.7.0"
+
 terser@^4.1.2:
   version "4.3.8"
   resolved "https://registry.yarnpkg.com/terser/-/terser-4.3.8.tgz#707f05f3f4c1c70c840e626addfdb1c158a17136"
@@ -13030,6 +13065,35 @@ webpack@^4.38.0:
     watchpack "^1.6.0"
     webpack-sources "^1.4.1"
 
+webpack@^4.41.2:
+  version "4.41.5"
+  resolved "https://registry.yarnpkg.com/webpack/-/webpack-4.41.5.tgz#3210f1886bce5310e62bb97204d18c263341b77c"
+  integrity sha512-wp0Co4vpyumnp3KlkmpM5LWuzvZYayDwM2n17EHFr4qxBBbRokC7DJawPJC7TfSFZ9HZ6GsdH40EBj4UV0nmpw==
+  dependencies:
+    "@webassemblyjs/ast" "1.8.5"
+    "@webassemblyjs/helper-module-context" "1.8.5"
+    "@webassemblyjs/wasm-edit" "1.8.5"
+    "@webassemblyjs/wasm-parser" "1.8.5"
+    acorn "^6.2.1"
+    ajv "^6.10.2"
+    ajv-keywords "^3.4.1"
+    chrome-trace-event "^1.0.2"
+    enhanced-resolve "^4.1.0"
+    eslint-scope "^4.0.3"
+    json-parse-better-errors "^1.0.2"
+    loader-runner "^2.4.0"
+    loader-utils "^1.2.3"
+    memory-fs "^0.4.1"
+    micromatch "^3.1.10"
+    mkdirp "^0.5.1"
+    neo-async "^2.6.1"
+    node-libs-browser "^2.2.1"
+    schema-utils "^1.0.0"
+    tapable "^1.1.3"
+    terser-webpack-plugin "^1.4.3"
+    watchpack "^1.6.0"
+    webpack-sources "^1.4.1"
+
 webrtc-adapter@^6.2.1:
   version "6.4.8"
   resolved "https://registry.yarnpkg.com/webrtc-adapter/-/webrtc-adapter-6.4.8.tgz#eeca3f0d5b40c0e629b865ef2a936a0b658274de"
@@ -13392,23 +13456,6 @@ yargs@^13.2.2:
     y18n "^4.0.0"
     yargs-parser "^13.1.1"
 
-yargs@^14.0.0:
-  version "14.0.0"
-  resolved "https://registry.yarnpkg.com/yargs/-/yargs-14.0.0.tgz#ba4cacc802b3c0b3e36a9e791723763d57a85066"
-  integrity sha512-ssa5JuRjMeZEUjg7bEL99AwpitxU/zWGAGpdj0di41pOEmJti8NR6kyUIJBkR78DTYNPZOU08luUo0GTHuB+ow==
-  dependencies:
-    cliui "^5.0.0"
-    decamelize "^1.2.0"
-    find-up "^3.0.0"
-    get-caller-file "^2.0.1"
-    require-directory "^2.1.1"
-    require-main-filename "^2.0.0"
-    set-blocking "^2.0.0"
-    string-width "^3.0.0"
-    which-module "^2.0.0"
-    y18n "^4.0.0"
-    yargs-parser "^13.1.1"
-
 yargs@^15.0.0, yargs@^15.1.0:
   version "15.1.0"
   resolved "https://registry.yarnpkg.com/yargs/-/yargs-15.1.0.tgz#e111381f5830e863a89550bd4b136bb6a5f37219"

From 28810be79fc63783905669de8bd8edc01c53efe9 Mon Sep 17 00:00:00 2001
From: "renovate[bot]" <29139614+renovate[bot]@users.noreply.github.com>
Date: Fri, 31 Jan 2020 14:27:28 +0000
Subject: [PATCH 11/15] chore(deps): update dependency eslint-plugin-node to
 v11 (#1592)

Co-authored-by: WhiteSource Renovate <renovatebot@gmail.com>
---
 package.json |  2 +-
 yarn.lock    | 29 ++++++++++++++++++-----------
 2 files changed, 19 insertions(+), 12 deletions(-)

diff --git a/package.json b/package.json
index b17a9d86ed..d4d2ed071a 100644
--- a/package.json
+++ b/package.json
@@ -142,7 +142,7 @@
     "eslint-friendly-formatter": "^4.0.1",
     "eslint-loader": "^3.0.0",
     "eslint-plugin-import": "^2.18.2",
-    "eslint-plugin-node": "^10.0.0",
+    "eslint-plugin-node": "^11.0.0",
     "eslint-plugin-promise": "^4.2.1",
     "eslint-plugin-standard": "^4.0.0",
     "eslint-plugin-vue": "^6.0.0",
diff --git a/yarn.lock b/yarn.lock
index 01e775bf22..de3f1991be 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -4910,12 +4910,12 @@ eslint-module-utils@^2.4.0:
     debug "^2.6.8"
     pkg-dir "^2.0.0"
 
-eslint-plugin-es@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/eslint-plugin-es/-/eslint-plugin-es-2.0.0.tgz#0f5f5da5f18aa21989feebe8a73eadefb3432976"
-  integrity sha512-f6fceVtg27BR02EYnBhgWLFQfK6bN4Ll0nQFrBHOlCsAyxeZkn0NHns5O0YZOPrV1B3ramd6cgFwaoFLcSkwEQ==
+eslint-plugin-es@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/eslint-plugin-es/-/eslint-plugin-es-3.0.0.tgz#98cb1bc8ab0aa807977855e11ad9d1c9422d014b"
+  integrity sha512-6/Jb/J/ZvSebydwbBJO1R9E5ky7YeElfK56Veh7e4QGFHCXoIXGH9HhVz+ibJLM3XJ1XjP+T7rKBLUa/Y7eIng==
   dependencies:
-    eslint-utils "^1.4.2"
+    eslint-utils "^2.0.0"
     regexpp "^3.0.0"
 
 eslint-plugin-import@^2.18.2:
@@ -4935,13 +4935,13 @@ eslint-plugin-import@^2.18.2:
     read-pkg-up "^2.0.0"
     resolve "^1.11.0"
 
-eslint-plugin-node@^10.0.0:
-  version "10.0.0"
-  resolved "https://registry.yarnpkg.com/eslint-plugin-node/-/eslint-plugin-node-10.0.0.tgz#fd1adbc7a300cf7eb6ac55cf4b0b6fc6e577f5a6"
-  integrity sha512-1CSyM/QCjs6PXaT18+zuAXsjXGIGo5Rw630rSKwokSs2jrYURQc4R5JZpoanNCqwNmepg+0eZ9L7YiRUJb8jiQ==
+eslint-plugin-node@^11.0.0:
+  version "11.0.0"
+  resolved "https://registry.yarnpkg.com/eslint-plugin-node/-/eslint-plugin-node-11.0.0.tgz#365944bb0804c5d1d501182a9bc41a0ffefed726"
+  integrity sha512-chUs/NVID+sknFiJzxoN9lM7uKSOEta8GC8365hw1nDfwIPIjjpRSwwPvQanWv8dt/pDe9EV4anmVSwdiSndNg==
   dependencies:
-    eslint-plugin-es "^2.0.0"
-    eslint-utils "^1.4.2"
+    eslint-plugin-es "^3.0.0"
+    eslint-utils "^2.0.0"
     ignore "^5.1.1"
     minimatch "^3.0.4"
     resolve "^1.10.1"
@@ -4987,6 +4987,13 @@ eslint-utils@^1.4.2:
   dependencies:
     eslint-visitor-keys "^1.0.0"
 
+eslint-utils@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/eslint-utils/-/eslint-utils-2.0.0.tgz#7be1cc70f27a72a76cd14aa698bcabed6890e1cd"
+  integrity sha512-0HCPuJv+7Wv1bACm8y5/ECVfYdfsAm9xmVb7saeFlxjPYALefjhbYoCkBjPdPzGH8wWyTpAez82Fh3VKYEZ8OA==
+  dependencies:
+    eslint-visitor-keys "^1.1.0"
+
 eslint-visitor-keys@^1.0.0, eslint-visitor-keys@^1.1.0:
   version "1.1.0"
   resolved "https://registry.yarnpkg.com/eslint-visitor-keys/-/eslint-visitor-keys-1.1.0.tgz#e2a82cea84ff246ad6fb57f9bde5b46621459ec2"

From 5c635c03748af79097ac8e5a95c2ce7f8f30bbe8 Mon Sep 17 00:00:00 2001
From: "renovate[bot]" <29139614+renovate[bot]@users.noreply.github.com>
Date: Fri, 31 Jan 2020 14:55:26 +0000
Subject: [PATCH 12/15] chore(deps): update dependency lint-staged to v10
 (#1609)

* chore(deps): update dependency lint-staged to v10

* fix: remove git add lint-staged task

Co-authored-by: WhiteSource Renovate <renovatebot@gmail.com>
Co-authored-by: Alex Barnsley <8069294+alexbarnsley@users.noreply.github.com>
---
 .lintstagedrc |  2 +-
 package.json  |  2 +-
 yarn.lock     | 53 +++++++++++++++------------------------------------
 3 files changed, 17 insertions(+), 40 deletions(-)

diff --git a/.lintstagedrc b/.lintstagedrc
index 23473633ed..14b3691d84 100644
--- a/.lintstagedrc
+++ b/.lintstagedrc
@@ -1,3 +1,3 @@
 {
-    "*.{js,vue}": ["npm run lint:fix", "git add"]
+    "*.{js,vue}": ["npm run lint:fix"]
 }
diff --git a/package.json b/package.json
index d4d2ed071a..086151c2a5 100644
--- a/package.json
+++ b/package.json
@@ -155,7 +155,7 @@
     "jest-extended": "^0.11.1",
     "jest-serializer-vue": "^2.0.2",
     "jest-vue-preprocessor": "^1.5.0",
-    "lint-staged": "^9.2.1",
+    "lint-staged": "^10.0.0",
     "mini-css-extract-plugin": "^0.9.0",
     "mock-socket": "^9.0.0",
     "multispinner": "^0.2.1",
diff --git a/yarn.lock b/yarn.lock
index de3f1991be..4a27e9dc1b 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -3433,7 +3433,7 @@ commander@^2.19.0, commander@^2.20.0:
   resolved "https://registry.yarnpkg.com/commander/-/commander-2.20.1.tgz#3863ce3ca92d0831dcf2a102f5fb4b5926afd0f9"
   integrity sha512-cCuLsMhJeWQ/ZpsFTbE765kvVfoeSddc4nU3up4fV+fDBcfUXnbITJ+JzhkdjzOqhURjZgujxaioam4RM9yGUg==
 
-commander@^4.0.0:
+commander@^4.0.0, commander@^4.0.1:
   version "4.1.0"
   resolved "https://registry.yarnpkg.com/commander/-/commander-4.1.0.tgz#545983a0603fe425bc672d66c9e3c89c42121a83"
   integrity sha512-NIQrwvv9V39FHgGFm36+U9SMQzbiHvU79k+iADraJTpmrFFfx7Ds0IvDoAdZsDrknlkRk14OYoWXb57uTh7/sw==
@@ -3663,7 +3663,7 @@ core-util-is@1.0.2, core-util-is@~1.0.0:
   resolved "https://registry.yarnpkg.com/core-util-is/-/core-util-is-1.0.2.tgz#b5fd54220aa2bc5ab57aab7140c940754503c1a7"
   integrity sha1-tf1UIgqivFq1eqtxQMlAdUUDwac=
 
-cosmiconfig@^5.0.0, cosmiconfig@^5.2.1:
+cosmiconfig@^5.0.0:
   version "5.2.1"
   resolved "https://registry.yarnpkg.com/cosmiconfig/-/cosmiconfig-5.2.1.tgz#040f726809c591e77a17c0a3626ca45b4f168b1a"
   integrity sha512-H65gsXo1SKjf8zmrJ67eJk8aIRKV5ff2D4uKZIBZShbhGSpEmsQOPW/SKMKYhSTrqR7ufy6RP69rPogdaPh/kA==
@@ -5163,22 +5163,7 @@ execa@^1.0.0:
     signal-exit "^3.0.0"
     strip-eof "^1.0.0"
 
-execa@^2.0.3:
-  version "2.0.5"
-  resolved "https://registry.yarnpkg.com/execa/-/execa-2.0.5.tgz#5be3e2ea7e61bd038da5a0e11dc6ab2097357f2f"
-  integrity sha512-SwmwZZyJjflcqLSgllk4EQlMLst2p9muyzwNugKGFlpAz6rZ7M+s2nBR97GAq4Vzjwx2y9rcMcmqzojwN+xwNA==
-  dependencies:
-    cross-spawn "^6.0.5"
-    get-stream "^5.0.0"
-    is-stream "^2.0.0"
-    merge-stream "^2.0.0"
-    npm-run-path "^3.0.0"
-    onetime "^5.1.0"
-    p-finally "^2.0.0"
-    signal-exit "^3.0.2"
-    strip-final-newline "^2.0.0"
-
-execa@^3.2.0:
+execa@^3.2.0, execa@^3.4.0:
   version "3.4.0"
   resolved "https://registry.yarnpkg.com/execa/-/execa-3.4.0.tgz#c08ed4550ef65d858fac269ffc8572446f37eb89"
   integrity sha512-r9vdGQk4bmCuK1yKQu1KTwcT2zwfWdbdaXfCtAh+5nU/4fSX+JAb7vZGvI5naJrQlvONrEB20jeruESI69530g==
@@ -7841,24 +7826,23 @@ lines-and-columns@^1.1.6:
   resolved "https://registry.yarnpkg.com/lines-and-columns/-/lines-and-columns-1.1.6.tgz#1c00c743b433cd0a4e80758f7b64a57440d9ff00"
   integrity sha1-HADHQ7QzzQpOgHWPe2SldEDZ/wA=
 
-lint-staged@^9.2.1:
-  version "9.4.1"
-  resolved "https://registry.yarnpkg.com/lint-staged/-/lint-staged-9.4.1.tgz#60c0f85745bd398e6460aa7f5adb3cad3a2b862c"
-  integrity sha512-zFRbo1bAJEVf1m33paTTjDVfy2v3lICCqHfmQSgNoI+lWpi7HPG5y/R2Y7Whdce+FKxlZYs/U1sDSx8+nmQdDA==
+lint-staged@^10.0.0:
+  version "10.0.7"
+  resolved "https://registry.yarnpkg.com/lint-staged/-/lint-staged-10.0.7.tgz#d205f92d9359419a23bc6aa3b6f8546b1998da64"
+  integrity sha512-Byj0F4l7GYUpYYHEqyFH69NiI6ICTg0CeCKbhRorL+ickbzILKUlZLiyCkljZV02wnoh7yH7PmFyYm9PRNwk9g==
   dependencies:
-    chalk "^2.4.2"
-    commander "^2.20.0"
-    cosmiconfig "^5.2.1"
+    chalk "^3.0.0"
+    commander "^4.0.1"
+    cosmiconfig "^6.0.0"
     debug "^4.1.1"
     dedent "^0.7.0"
-    del "^5.0.0"
-    execa "^2.0.3"
+    execa "^3.4.0"
     listr "^0.14.3"
     log-symbols "^3.0.0"
     micromatch "^4.0.2"
     normalize-path "^3.0.0"
-    please-upgrade-node "^3.1.1"
-    string-argv "^0.3.0"
+    please-upgrade-node "^3.2.0"
+    string-argv "0.3.1"
     stringify-object "^3.3.0"
 
 listr-silent-renderer@^1.1.1:
@@ -9051,13 +9035,6 @@ npm-run-path@^2.0.0:
   dependencies:
     path-key "^2.0.0"
 
-npm-run-path@^3.0.0:
-  version "3.1.0"
-  resolved "https://registry.yarnpkg.com/npm-run-path/-/npm-run-path-3.1.0.tgz#7f91be317f6a466efed3c9f2980ad8a4ee8b0fa5"
-  integrity sha512-Dbl4A/VfiVGLgQv29URL9xshU8XDY1GeLy+fsaZ1AA8JDSfjvr5P5+pzRbWqRSBxk6/DW7MIh8lTM/PaGnP2kg==
-  dependencies:
-    path-key "^3.0.0"
-
 npm-run-path@^4.0.0:
   version "4.0.1"
   resolved "https://registry.yarnpkg.com/npm-run-path/-/npm-run-path-4.0.1.tgz#b7ecd1e5ed53da8e37a55e1c2269e0b97ed748ea"
@@ -9744,7 +9721,7 @@ pkg-dir@^4.2.0:
   dependencies:
     find-up "^4.0.0"
 
-please-upgrade-node@^3.1.1, please-upgrade-node@^3.2.0:
+please-upgrade-node@^3.2.0:
   version "3.2.0"
   resolved "https://registry.yarnpkg.com/please-upgrade-node/-/please-upgrade-node-3.2.0.tgz#aeddd3f994c933e4ad98b99d9a556efa0e2fe942"
   integrity sha512-gQR3WpIgNIKwBMVLkpMUeR3e1/E1y42bqDQZfql+kDeXd8COYfM8PQA4X6y7a8u9Ua9FHmsrrmirW2vHs45hWg==
@@ -11509,7 +11486,7 @@ strict-uri-encode@^1.0.0:
   resolved "https://registry.yarnpkg.com/strict-uri-encode/-/strict-uri-encode-1.1.0.tgz#279b225df1d582b1f54e65addd4352e18faa0713"
   integrity sha1-J5siXfHVgrH1TmWt3UNS4Y+qBxM=
 
-string-argv@^0.3.0:
+string-argv@0.3.1:
   version "0.3.1"
   resolved "https://registry.yarnpkg.com/string-argv/-/string-argv-0.3.1.tgz#95e2fbec0427ae19184935f816d74aaa4c5c19da"
   integrity sha512-a1uQGz7IyVy9YwhqjZIZu1c8JO8dNIe20xBmSS6qu9kv++k3JGzCVmprbNN5Kn+BgzD5E7YYwg1CcjuJMRNsvg==

From 012656ceaebfc193c57abe4afce5de31628d9ac0 Mon Sep 17 00:00:00 2001
From: Brian Faust <faustbrian@users.noreply.github.com>
Date: Thu, 6 Feb 2020 02:05:14 +0200
Subject: [PATCH 13/15] ci: automatically run and commit eslint results (#1617)

* ci: automatically run and commit eslint results

* wip

* wip

* wip

Co-authored-by: Alex Barnsley <8069294+alexbarnsley@users.noreply.github.com>
---
 .github/workflows/format.yml | 35 +++++++++++++++++++++++++++++++++++
 __tests__/unit.jest.conf.js  |  4 +---
 2 files changed, 36 insertions(+), 3 deletions(-)
 create mode 100644 .github/workflows/format.yml

diff --git a/.github/workflows/format.yml b/.github/workflows/format.yml
new file mode 100644
index 0000000000..daedbf4b44
--- /dev/null
+++ b/.github/workflows/format.yml
@@ -0,0 +1,35 @@
+name: Format
+
+on:
+    pull_request:
+        paths:
+            - '**.css'
+            - '**.js'
+            - '**.ts'
+            - '**.vue'
+
+jobs:
+    eslint:
+        runs-on: ubuntu-latest
+
+        steps:
+            - uses: actions/checkout@v1
+
+            - name: Update System
+              run: sudo apt-get update
+
+            - name: Ledger
+              run: sudo apt-get install libudev-dev libusb-1.0-0-dev
+
+            - name: Install
+              run: yarn global add node-gyp && yarn install --frozen-lockfile && npm rebuild
+
+            - name: Run eslint
+              run: yarn lint:fix
+
+            - uses: stefanzweifel/git-auto-commit-action@v2.1.0
+              with:
+                  commit_message: "style: resolve style guide violations"
+                  branch: ${{ github.head_ref }}
+              env:
+                  GITHUB_TOKEN: ${{ secrets.GH_TOKEN }}
diff --git a/__tests__/unit.jest.conf.js b/__tests__/unit.jest.conf.js
index c6c20e94e4..60d96e8ba9 100644
--- a/__tests__/unit.jest.conf.js
+++ b/__tests__/unit.jest.conf.js
@@ -1,11 +1,9 @@
-const path = require('path')
-
 module.exports = {
   verbose: false,
   globals: {
     __static: __dirname
   },
-  rootDir: path.resolve(__dirname, '../'),
+  rootDir: require('path').resolve(__dirname, '../'),
   moduleFileExtensions: [
     'js',
     'json',

From 100f3d204285ca36cbabc6c629af90359c5eff1e Mon Sep 17 00:00:00 2001
From: Alex Barnsley <8069294+alexbarnsley@users.noreply.github.com>
Date: Mon, 10 Feb 2020 15:53:51 +0000
Subject: [PATCH 14/15] feat: 2.6 transaction types (#1511)

* feat: getHash method

* refactor: transaction service to validate signatures

* fix: only load crypto config if there is a current network

* fix: add missing crypto package

* Update test.yml

* refactor: just use milestone height for crypto

* refactor: remove unused avg height method

* chore: github workflow build 2.6.3

* chore: console error on network update failure

* fix: use hostname not origin when validating seed

* refactor: return false, not throw error on validate

* test: network validate seed

* fix: ensure crypto & constants are set before milestones

* chore: output network config error to devtools

* fix: set crypto from request instead of network object

* fix: return false in peer refresh when there are no peers

* chore: force linux workflow to run on ubuntu 18

* wip: fix linux artifact

* wip - build linux on mac

* Update test.yml

* chore: remove broken linux build artifact

* refactor: static fees split by group

* chore: add magistrate types & fees

* fix: sorting issues on multisig table

* feat: add tx group support

* fix: multi-payment amount when viewing past tx

* chore: add case, magistrate & update crypto deps

* fix: fee statistics race condition

* fix: hide resigned delegates from delegate list

* refactor: empty editable input warning

* refactor: service method to get tx amount

* feat: method to reset input text validation & value

* refactor: cater for fees with groups

* refactor: use computed totalAmount value

* fix: add missing deps

* refactor: cater for tx groups

* feat: output group 2 tx types instead of address (when not transfer)

* refactor: remove redundant import

* refactor: use tx group enum

* refactor: new tx alerts for new group 1 types

* feat: business tx form types

* chore: add language entries for business tx types

* feat: notifications for business txs

* feat: update delegates on registration or resignation

* chore: remove unneccesary uppercase methods

* fix: business update confirmation modal typos

* fix: business resignation tx form

* fix: populate business info on tx update modal

* fix: show business resign and update options

* chore: add business languages

* refactor: fees to work with 2.6 updated schema

* refactor: import config properties

* fix: wrong asset method for business update tx

* fix: wrong group 2 tx type alerts

* fix: wrong property of business is resigned

* chore: missing business tx language entries

* feat: initial pre-commit for business bridgechains

* test: fix failing fees test

* fix: neo address check

* feat: allow fee option for getting tx amount

* chore: todo to look at removing method

* fix: config import paths for jest

* test: transaction & wallet services - 100% coverage

* wip: add deepmerge dependency for utils

* chore: update @arkecosystem/client

* fix: bridgechain integration (not quite ready)

* fix: checks for business on update form

* refactor: remove unused properties for business

* fix: add missing import to check if business can resign

* chore: update crypto & magistrate deps

* refactor: truncate hash on bridgechain registration confirmation

* feat: implement api port option for bridgechains

* refactor: cater for resigned bridgechains & fix typo

* fix: bridgechain resignation form

* refactor: cater for core updates

* chore: update locale

* chore: remove smell

* fix: missing ports declaration

* fix: store typegroup for pending transactions

* test: fix failing

* fix: broken merge

* fix: default to 0 amount if not provided

* fix: signing of multi-sig registration with wif

* refactor: use of editable list to to be required, show errors and output correct messages

* test: store coverage when run

* refactor: improvements to button dropdown

* test: button dropdown component

* refactor: editable list - remove redundant code & update classes

* test: editable list

* refactor: improve/tidy public key input component

* test: public key input

* chore: correct locale for empty lists

* fix: do not auto collect coverage

* refactor: tidy wallet business component

* test: wallet business component

* refactor: tidy business bridgechains component

* test: business bridgechains component

* fix: wrong locale key

* style: remove commented code

* refactor: tidy business bridgechain table component

* test: business bridgechain table component

* refactor: add margin top to multi-signature list

* refactor: validation names for bridgechain component

* refactor: tidy show bridgechain component

* refactor: remove unused prop options from tests

* test: show bridgechain component

* refactor: tidy wallet ipfs component

* test: wallet ipfs component

* test: wallet transaction components

* refactor: improve wallet transaction components & reduce smell

* refactor: redundant code in test

* fix: wallet multisignature import

* refactor: add component classes

* fix: add margin to seed nodes field

* fix: bridgechain transactions modals width

* refactor: peer output

* refactor: remove debug

* chore: generate coverage report in multiple formats

* refactor: remove unnecessary v1 endpoint support

* test: fix failing plugin manager test

* test: client service

* fix: don't get fee statistics from network config

* refactor: parse peer method for optional port

* refactor: remove duplicate if statement

* refactor: remove redundant code

* refactor: client service based on tests

* chore: update yarn.lock

* refactor: add component classes to confirm bridgechain components

* test: TransactionConfirmBridgechain components

* test: TransactionConfirmBusiness components

* refactor: add component classes to confirm business components

* refactor: remove unnecessary injections from resignation components

* test: transaction confirm sub components

* refactor: add component classes to tx confirm components

* refactor: computed username instead of method

* refactor: remove redundant code

* refactor: loading of components

* refactor: only show confirm component if set

* fix: error message transaction type

* test: transaction confirm modal component

* refactor: improve transaction confirm modal based on tests

* fix: bridgechain resignation name

* refactor: export all standard confirm components

* refactor: output fail save error

* test: transaction business type forms

* refactor: add missing mock method for tests

* refactor: use vue store instead of import

* chore: remove commented code

* refactor: add element classes for business tx forms

* fix: business resignation validations

* refactor: increase min repo length

* fix: check for field being invalid

* test: transfer transaction form component

* test: business transaction forms

* refactor: minor improvements to input address

* refactor: tidy up transfer transaction form & mixin

* test: delegate resignation transaction form

* test: ipfs transaction form

* test: multi-payment transaction form

* test: vote transaction form

* refactor: delegate resignation form

* refactor: ipfs transaction form

* refactor: multi-payment transaction form

* refactor: vote transaction form

* test: fix path to lodash module

* test: fix path to lodash module

* test: bridgechain transaction form mixin

* test: remaining bridgechain transaction forms

* refactor: bridgechain transaction forms based on tests

* test: delegate registration transaction form

* test: call unmocked wallet service validate username

* test: add missing to bridgechain reg/upd transaction form

* refactor: delegate registration transaction form

* test: multi-sign transaction form

* refactor: multi-sign transaction form

* test: second signature transaction form

* refactor: second signature transaction form

* test: multi-signature transaction form

* refactor: multi-signature transaction form

* test: wallet multisignature component

* fix: memory leak for tests (#1623)

* fix: wallet transactions prop

* chore: update ledger deps

* chore: update ark ledger transport

* fix: business asset on wallets

* refactor: sign transaction method to allow no wif or passphrase

* refactor: ledger integration to work with new transport

* chore: update crypto & ledger transport deps

* chore: add missing locale text

* fix: reset validation state for multi-step forms

* fix: width of business tx forms

* fix: button dropdown styling

* test: fix failing

* refactor: revert some button dropdown changes

* refactor: remove unused ledger method

* Revert "fix: memory leak for tests (#1623)"

This reverts commit 09d36af7666bd0b5bd0947a49e23a54a24447db6.

* test: ledger message signing

* test: improve/fix ledger store

* fix: pass default choice to network modal toggle

* feat: ledger message signing

* chore: update yarn.lock

* test: update to reflect seed node validation

* feat: validate bridgechain seed nodes

* test: fix failing ipfs test

* fix: bridgechain repo validation

* chore: build artifacts even if tests fail

* Revert "test: fix failing ipfs test"

This reverts commit 8e236d319438829001672737cfcbd1de8128f28c.

* chore: fix linux builds

* test: multipayment max available amount

* fix: ipfs tx form amount

* chore: make passphrase field margins consistent

* fix: alert text for vote txs

* fix: fetching wallet on import

* chore: make passphrase field margins consistent (business & bridgechain)

* fix: hide tx types for ledger

* fix: sorting on multisignature tab

* fix: transaction from multisig wallet

* chore: update @arkecosystem/ledger-transport

* feat: check ledger version and error to update

* chore: update seed node field text

* refactor: seed node ip only & message

* fix: still show ledger wallets if outdated app

* test: fix failing

* refactor: ledger update message 10s delay

* test: ledger additions

* chore: change ledger update wording

* test: multisign second passphrase before sending

* fix: sign final multisig txs with second passphrase

* feat: prevent business resign if there are bridgechains

* fix: business resign check

* test: bridgechain asset repo field

* fix: bridgechain repo on update & add asset repo field

* fix: checks for business bridgechains

* refactor: allow scroll in modal window

* test: fix failing ledger

* chore: increase node max memory

* feat: output transaction business and bridgechain names

* chore: update travis build commands

Co-authored-by: Brian Faust <faustbrian@users.noreply.github.com>
Co-authored-by: Davi Figueiredo <davi.mello.28@gmail.com>
---
 .github/workflows/test.yml                    |   31 +-
 .travis.yml                                   |    6 +-
 __tests__/unit.jest.conf.js                   |    2 +-
 .../unit/__fixtures__/models/transaction.js   |   16 +
 .../unit/__fixtures__/services/client.js      |   17 +-
 __tests__/unit/__mocks__/@/services/wallet.js |   10 +-
 .../@arkecosystem/ledger-transport.js         |   12 +-
 .../components/Button/ButtonDropdown.spec.js  |  145 +
 .../Input/InputEditableList.spec.js           |  178 ++
 .../unit/components/Input/InputFee.spec.js    |    4 +-
 .../components/Input/InputPublicKey.spec.js   |  103 +
 .../Network/NetworkCustomPeerModal.spec.js    |   27 -
 .../TransactionConfirm.spec.js                |  595 ++++
 ...tionConfirmBridgechainRegistration.spec.js |  122 +
 ...ctionConfirmBridgechainResignation.spec.js |   57 +
 ...ransactionConfirmBridgechainUpdate.spec.js |  107 +
 ...sactionConfirmBusinessRegistration.spec.js |  112 +
 ...nsactionConfirmBusinessResignation.spec.js |   57 +
 .../TransactionConfirmBusinessUpdate.spec.js  |  112 +
 ...sactionConfirmDelegateRegistration.spec.js |   85 +
 ...nsactionConfirmDelegateResignation.spec.js |   53 +
 .../TransactionConfirmIpfs.spec.js            |   53 +
 .../TransactionConfirmMultiPayment.spec.js    |  102 +
 .../TransactionConfirmMultiSignature.spec.js  |   53 +
 .../TransactionConfirmSecondSignature.spec.js |   53 +
 .../TransactionConfirmTransfer.spec.js        |   93 +
 .../TransactionConfirmVote.spec.js            |   53 +
 ...sactionFormBridgechainRegistration.spec.js |  284 ++
 ...nsactionFormBridgechainResignation.spec.js |  254 ++
 .../TransactionFormBridgechainUpdate.spec.js  |  357 +++
 .../TransactionFormBridgechain/mixin.spec.js  | 1132 ++++++++
 ...ransactionFormBusinessRegistration.spec.js |  202 ++
 ...TransactionFormBusinessResignation.spec.js |  264 ++
 .../TransactionFormBusinessUpdate.spec.js     |  222 ++
 .../TransactionFormBusiness/mixin.spec.js     |  595 ++++
 ...ransactionFormDelegateRegistration.spec.js |  298 ++
 ...TransactionFormDelegateResignation.spec.js |  270 ++
 .../TransactionFormIpfs.spec.js               |  261 ++
 .../TransactionFormMultiPayment.spec.js       |  950 +++++++
 .../TransactionFormMultiSign.spec.js          |  221 ++
 .../TransactionFormMultiSignature.spec.js     | 1277 +++++++++
 .../TransactionFormSecondSignature.spec.js    |  473 ++++
 .../TransactionFormTransfer.spec.js           | 1253 ++++++++-
 .../TransactionFormVote.spec.js               |  617 +++++
 .../Transaction/TransactionModal.spec.js      |   17 +-
 .../Transaction/TransactionShow.spec.js       |    2 +-
 .../components/Wallet/WalletAddress.spec.js   |   24 +-
 .../WalletBusiness/WalletBusiness.spec.js     |   60 +
 .../WalletBusinessBridgechains.spec.js        |  380 +++
 .../WalletBusinessBridgechainsTable.spec.js   |  117 +
 .../WalletBusinessShowBridgechain.spec.js     |  144 +
 .../components/Wallet/WalletHeading.spec.js   |    9 +
 .../unit/components/Wallet/WalletIpfs.spec.js |   53 +
 .../Wallet/WalletMultiSignature.spec.js       |  140 +
 .../Wallet/WalletTransactions.spec.js         |   20 -
 .../WalletTransactions.spec.js                |  536 ++++
 .../WalletTransactionsMultiSignature.spec.js  |  286 ++
 .../Wallet/WalletTransactions/mixin.spec.js   |  539 ++++
 __tests__/unit/services/client.spec.js        | 2449 +++++++++++++++--
 .../unit/services/ledger-service.spec.js      |   47 +-
 .../unit/services/plugin-manager.spec.js      |    2 +-
 .../services/synchronizer/wallets.spec.js     |    2 +-
 __tests__/unit/services/transaction.spec.js   |  873 ++++++
 __tests__/unit/services/wallet.spec.js        |  456 ++-
 __tests__/unit/store/modules/ledger.spec.js   |  151 +-
 config/index.js                               |   73 +-
 package.json                                  |   20 +-
 src/renderer/App.vue                          |   16 +-
 src/renderer/assets/svg/arrow-dropdown.svg    |    2 +-
 .../AppSidemenu/AppSidemenuNetworkStatus.vue  |   48 +-
 .../components/Button/ButtonDropdown.vue      |  193 ++
 .../components/Button/ButtonModal.vue         |   11 +
 src/renderer/components/Button/index.js       |    4 +
 .../components/Input/InputAddress.vue         |   31 +-
 .../components/Input/InputCurrency.vue        |   10 +-
 .../components/Input/InputDelegate.vue        |   10 +-
 .../components/Input/InputEditableList.vue    |  146 +
 src/renderer/components/Input/InputFee.vue    |   26 +-
 .../components/Input/InputPublicKey.vue       |  111 +
 src/renderer/components/Input/InputText.vue   |    7 +
 src/renderer/components/Input/index.js        |    4 +
 .../MenuDropdownAlternativeHandler.vue        |    2 +-
 .../Menu/MenuDropdown/MenuDropdownHandler.vue |    2 +-
 .../components/Menu/MenuTab/MenuTab.vue       |   10 +-
 src/renderer/components/Modal/ModalLoader.vue |    1 +
 .../ModalPeer.vue}                            |   92 +-
 src/renderer/components/Modal/ModalWindow.vue |    4 +-
 src/renderer/components/Modal/index.js        |    4 +-
 .../components/Network/NetworkModal.vue       |    1 +
 src/renderer/components/Network/index.js      |    3 -
 .../Selection/mixin-selection-image.js        |    4 +-
 .../Transaction/TransactionAmount.vue         |    9 +-
 .../TransactionConfirm/TransactionConfirm.vue |   53 +-
 ...nsactionConfirmBridgechainRegistration.vue |  102 +
 ...ansactionConfirmBridgechainResignation.vue |   45 +
 .../TransactionConfirmBridgechainUpdate.vue   |   72 +
 .../TransactionConfirmBridgechain/index.js    |    9 +
 ...TransactionConfirmBusinessRegistration.vue |   75 +
 .../TransactionConfirmBusinessResignation.vue |   45 +
 .../TransactionConfirmBusinessUpdate.vue      |   75 +
 .../TransactionConfirmBusiness/index.js       |    9 +
 ...TransactionConfirmDelegateRegistration.vue |   30 +-
 .../TransactionConfirmDelegateResignation.vue |   43 +
 .../TransactionConfirmIpfs.vue                |   43 +
 .../TransactionConfirmMultiPayment.vue        |   68 +
 .../TransactionConfirmMultiSignature.vue      |   43 +
 .../TransactionConfirmSecondSignature.vue     |   14 +-
 .../TransactionConfirmTransfer.vue            |   28 +-
 .../TransactionConfirmVote.vue                |   14 +-
 .../Transaction/TransactionConfirm/index.js   |   18 +-
 .../TransactionForm/TransactionForm.vue       |   34 +-
 .../TransactionFormBridgechainRegistration.js |   22 +
 .../TransactionFormBridgechainResignation.vue |  178 ++
 .../TransactionFormBridgechainUpdate.js       |   44 +
 .../TransactionFormBridgechain/index.js       |    9 +
 .../TransactionFormBridgechain/mixin.vue      |  526 ++++
 .../TransactionFormBusinessRegistration.js    |   22 +
 .../TransactionFormBusinessResignation.vue    |  177 ++
 .../TransactionFormBusinessUpdate.js          |   29 +
 .../TransactionFormBusiness/index.js          |    9 +
 .../TransactionFormBusiness/mixin.vue         |  281 ++
 .../TransactionFormDelegateRegistration.vue   |   60 +-
 .../TransactionFormDelegateResignation.vue    |  187 ++
 .../TransactionForm/TransactionFormIpfs.vue   |  182 ++
 .../TransactionFormMultiPayment.vue           |  437 +++
 .../TransactionFormMultiSign.vue              |  131 +
 .../TransactionFormMultiSignature.vue         |  503 ++++
 .../TransactionFormSecondSignature.vue        |   94 +-
 .../TransactionFormTransfer.vue               |  196 +-
 .../TransactionForm/TransactionFormVote.vue   |   94 +-
 .../Transaction/TransactionForm/index.js      |   12 +
 .../Transaction/TransactionForm/mixin.js      |   27 +-
 .../Transaction/TransactionModal.vue          |  124 +-
 .../TransactionMultiPaymentList.vue           |  113 +
 .../TransactionMultiSignatureList.vue         |   82 +
 .../Transaction/TransactionPeerList.vue       |   75 +
 .../{ => TransactionShow}/TransactionShow.vue |   89 +-
 .../TransactionShowMultiSignature.vue         |  345 +++
 .../Transaction/TransactionShow/index.js      |    9 +
 .../TransactionTable.vue                      |   93 +-
 .../TransactionTableMultiSignature.vue        |  274 ++
 .../Transaction/TransactionTable/index.js     |    9 +
 src/renderer/components/Transaction/index.js  |   13 +-
 .../components/Wallet/WalletAddress.vue       |   88 +-
 .../Wallet/WalletBusiness/WalletBusiness.vue  |   67 +
 .../WalletBusinessBridgechains.vue            |  179 ++
 .../WalletBusinessBridgechainsTable.vue       |  134 +
 .../WalletBusinessShowBridgechain.vue         |  174 ++
 .../components/Wallet/WalletBusiness/index.js |   12 +
 .../Wallet/WalletDetails/WalletDetails.vue    |   60 +-
 .../WalletHeading/WalletHeadingActions.vue    |    2 +-
 .../WalletHeading/WalletHeadingInfo.vue       |   12 +-
 .../WalletHeadingPrimaryActions.vue           |   95 +-
 .../WalletHeadingSecondaryActions.vue         |  175 +-
 .../Wallet/WalletIpfs/WalletIpfs.vue          |   63 +
 .../components/Wallet/WalletIpfs/index.js     |    6 +
 .../WalletMultiSignature.vue                  |  110 +
 .../Wallet/WalletMultiSignature/index.js      |    6 +
 .../components/Wallet/WalletSignModal.vue     |   95 +-
 .../WalletSignVerify/WalletSignVerify.vue     |    8 +-
 ...Transactions.vue => WalletTransactions.js} |  157 +-
 .../WalletTransactionsMultiSignature.js       |  140 +
 .../Wallet/WalletTransactions/index.js        |    4 +-
 .../Wallet/WalletTransactions/mixin.vue       |  150 +
 src/renderer/components/Wallet/index.js       |   11 +-
 src/renderer/i18n/locales/en-US.js            |  247 +-
 src/renderer/i18n/locales/it-IT.js            |    6 +-
 src/renderer/models/delegate.js               |    4 +
 src/renderer/models/network.js                |    2 +-
 src/renderer/models/profile.js                |    4 +
 src/renderer/models/transaction.js            |    3 +
 src/renderer/models/wallet.js                 |    8 +
 src/renderer/pages/Wallet/WalletImport.vue    |    9 +
 src/renderer/plugins/bignumber.js             |    4 +-
 src/renderer/services/client-multisig.js      |   74 +
 src/renderer/services/client.js               |  850 +++++-
 src/renderer/services/ledger-service.js       |   44 +-
 src/renderer/services/synchronizer/wallets.js |  167 +-
 src/renderer/services/transaction.js          |  143 +-
 src/renderer/services/wallet.js               |  106 +-
 src/renderer/store/modules/ledger.js          |  117 +-
 src/renderer/store/modules/network.js         |   22 +-
 src/renderer/store/modules/peer.js            |   62 +-
 src/renderer/store/modules/profile.js         |   18 +
 src/renderer/store/modules/session.js         |   12 +
 src/renderer/store/modules/transaction.js     |   32 +-
 src/renderer/store/modules/wallet.js          |   12 +-
 src/renderer/styles/_general.css              |    4 +
 src/renderer/styles/_theme.css                |    4 +
 yarn.lock                                     |  280 +-
 190 files changed, 26221 insertions(+), 1366 deletions(-)
 create mode 100644 __tests__/unit/__fixtures__/models/transaction.js
 create mode 100644 __tests__/unit/components/Button/ButtonDropdown.spec.js
 create mode 100644 __tests__/unit/components/Input/InputEditableList.spec.js
 create mode 100644 __tests__/unit/components/Input/InputPublicKey.spec.js
 delete mode 100644 __tests__/unit/components/Network/NetworkCustomPeerModal.spec.js
 create mode 100644 __tests__/unit/components/Transaction/TransactionConfirm/TransactionConfirm.spec.js
 create mode 100644 __tests__/unit/components/Transaction/TransactionConfirm/TransactionConfirmBridgechain/TransactionConfirmBridgechainRegistration.spec.js
 create mode 100644 __tests__/unit/components/Transaction/TransactionConfirm/TransactionConfirmBridgechain/TransactionConfirmBridgechainResignation.spec.js
 create mode 100644 __tests__/unit/components/Transaction/TransactionConfirm/TransactionConfirmBridgechain/TransactionConfirmBridgechainUpdate.spec.js
 create mode 100644 __tests__/unit/components/Transaction/TransactionConfirm/TransactionConfirmBusiness/TransactionConfirmBusinessRegistration.spec.js
 create mode 100644 __tests__/unit/components/Transaction/TransactionConfirm/TransactionConfirmBusiness/TransactionConfirmBusinessResignation.spec.js
 create mode 100644 __tests__/unit/components/Transaction/TransactionConfirm/TransactionConfirmBusiness/TransactionConfirmBusinessUpdate.spec.js
 create mode 100644 __tests__/unit/components/Transaction/TransactionConfirm/TransactionConfirmDelegateRegistration.spec.js
 create mode 100644 __tests__/unit/components/Transaction/TransactionConfirm/TransactionConfirmDelegateResignation.spec.js
 create mode 100644 __tests__/unit/components/Transaction/TransactionConfirm/TransactionConfirmIpfs.spec.js
 create mode 100644 __tests__/unit/components/Transaction/TransactionConfirm/TransactionConfirmMultiPayment.spec.js
 create mode 100644 __tests__/unit/components/Transaction/TransactionConfirm/TransactionConfirmMultiSignature.spec.js
 create mode 100644 __tests__/unit/components/Transaction/TransactionConfirm/TransactionConfirmSecondSignature.spec.js
 create mode 100644 __tests__/unit/components/Transaction/TransactionConfirm/TransactionConfirmTransfer.spec.js
 create mode 100644 __tests__/unit/components/Transaction/TransactionConfirm/TransactionConfirmVote.spec.js
 create mode 100644 __tests__/unit/components/Transaction/TransactionForm/TransactionFormBridgechain/TransactionFormBridgechainRegistration.spec.js
 create mode 100644 __tests__/unit/components/Transaction/TransactionForm/TransactionFormBridgechain/TransactionFormBridgechainResignation.spec.js
 create mode 100644 __tests__/unit/components/Transaction/TransactionForm/TransactionFormBridgechain/TransactionFormBridgechainUpdate.spec.js
 create mode 100644 __tests__/unit/components/Transaction/TransactionForm/TransactionFormBridgechain/mixin.spec.js
 create mode 100644 __tests__/unit/components/Transaction/TransactionForm/TransactionFormBusiness/TransactionFormBusinessRegistration.spec.js
 create mode 100644 __tests__/unit/components/Transaction/TransactionForm/TransactionFormBusiness/TransactionFormBusinessResignation.spec.js
 create mode 100644 __tests__/unit/components/Transaction/TransactionForm/TransactionFormBusiness/TransactionFormBusinessUpdate.spec.js
 create mode 100644 __tests__/unit/components/Transaction/TransactionForm/TransactionFormBusiness/mixin.spec.js
 create mode 100644 __tests__/unit/components/Transaction/TransactionForm/TransactionFormDelegateRegistration.spec.js
 create mode 100644 __tests__/unit/components/Transaction/TransactionForm/TransactionFormDelegateResignation.spec.js
 create mode 100644 __tests__/unit/components/Transaction/TransactionForm/TransactionFormIpfs.spec.js
 create mode 100644 __tests__/unit/components/Transaction/TransactionForm/TransactionFormMultiPayment.spec.js
 create mode 100644 __tests__/unit/components/Transaction/TransactionForm/TransactionFormMultiSign.spec.js
 create mode 100644 __tests__/unit/components/Transaction/TransactionForm/TransactionFormMultiSignature.spec.js
 create mode 100644 __tests__/unit/components/Transaction/TransactionForm/TransactionFormSecondSignature.spec.js
 create mode 100644 __tests__/unit/components/Transaction/TransactionForm/TransactionFormVote.spec.js
 create mode 100644 __tests__/unit/components/Wallet/WalletBusiness/WalletBusiness.spec.js
 create mode 100644 __tests__/unit/components/Wallet/WalletBusiness/WalletBusinessBridgechains.spec.js
 create mode 100644 __tests__/unit/components/Wallet/WalletBusiness/WalletBusinessBridgechainsTable.spec.js
 create mode 100644 __tests__/unit/components/Wallet/WalletBusiness/WalletBusinessShowBridgechain.spec.js
 create mode 100644 __tests__/unit/components/Wallet/WalletIpfs.spec.js
 create mode 100644 __tests__/unit/components/Wallet/WalletMultiSignature.spec.js
 delete mode 100644 __tests__/unit/components/Wallet/WalletTransactions.spec.js
 create mode 100644 __tests__/unit/components/Wallet/WalletTransactions/WalletTransactions.spec.js
 create mode 100644 __tests__/unit/components/Wallet/WalletTransactions/WalletTransactionsMultiSignature.spec.js
 create mode 100644 __tests__/unit/components/Wallet/WalletTransactions/mixin.spec.js
 create mode 100644 __tests__/unit/services/transaction.spec.js
 create mode 100644 src/renderer/components/Button/ButtonDropdown.vue
 create mode 100644 src/renderer/components/Input/InputEditableList.vue
 create mode 100644 src/renderer/components/Input/InputPublicKey.vue
 rename src/renderer/components/{Network/NetworkCustomPeerModal.vue => Modal/ModalPeer.vue} (67%)
 create mode 100644 src/renderer/components/Transaction/TransactionConfirm/TransactionConfirmBridgechain/TransactionConfirmBridgechainRegistration.vue
 create mode 100644 src/renderer/components/Transaction/TransactionConfirm/TransactionConfirmBridgechain/TransactionConfirmBridgechainResignation.vue
 create mode 100644 src/renderer/components/Transaction/TransactionConfirm/TransactionConfirmBridgechain/TransactionConfirmBridgechainUpdate.vue
 create mode 100644 src/renderer/components/Transaction/TransactionConfirm/TransactionConfirmBridgechain/index.js
 create mode 100644 src/renderer/components/Transaction/TransactionConfirm/TransactionConfirmBusiness/TransactionConfirmBusinessRegistration.vue
 create mode 100644 src/renderer/components/Transaction/TransactionConfirm/TransactionConfirmBusiness/TransactionConfirmBusinessResignation.vue
 create mode 100644 src/renderer/components/Transaction/TransactionConfirm/TransactionConfirmBusiness/TransactionConfirmBusinessUpdate.vue
 create mode 100644 src/renderer/components/Transaction/TransactionConfirm/TransactionConfirmBusiness/index.js
 create mode 100644 src/renderer/components/Transaction/TransactionConfirm/TransactionConfirmDelegateResignation.vue
 create mode 100644 src/renderer/components/Transaction/TransactionConfirm/TransactionConfirmIpfs.vue
 create mode 100644 src/renderer/components/Transaction/TransactionConfirm/TransactionConfirmMultiPayment.vue
 create mode 100644 src/renderer/components/Transaction/TransactionConfirm/TransactionConfirmMultiSignature.vue
 create mode 100644 src/renderer/components/Transaction/TransactionForm/TransactionFormBridgechain/TransactionFormBridgechainRegistration.js
 create mode 100644 src/renderer/components/Transaction/TransactionForm/TransactionFormBridgechain/TransactionFormBridgechainResignation.vue
 create mode 100644 src/renderer/components/Transaction/TransactionForm/TransactionFormBridgechain/TransactionFormBridgechainUpdate.js
 create mode 100644 src/renderer/components/Transaction/TransactionForm/TransactionFormBridgechain/index.js
 create mode 100644 src/renderer/components/Transaction/TransactionForm/TransactionFormBridgechain/mixin.vue
 create mode 100644 src/renderer/components/Transaction/TransactionForm/TransactionFormBusiness/TransactionFormBusinessRegistration.js
 create mode 100644 src/renderer/components/Transaction/TransactionForm/TransactionFormBusiness/TransactionFormBusinessResignation.vue
 create mode 100644 src/renderer/components/Transaction/TransactionForm/TransactionFormBusiness/TransactionFormBusinessUpdate.js
 create mode 100644 src/renderer/components/Transaction/TransactionForm/TransactionFormBusiness/index.js
 create mode 100644 src/renderer/components/Transaction/TransactionForm/TransactionFormBusiness/mixin.vue
 create mode 100644 src/renderer/components/Transaction/TransactionForm/TransactionFormDelegateResignation.vue
 create mode 100644 src/renderer/components/Transaction/TransactionForm/TransactionFormIpfs.vue
 create mode 100644 src/renderer/components/Transaction/TransactionForm/TransactionFormMultiPayment.vue
 create mode 100644 src/renderer/components/Transaction/TransactionForm/TransactionFormMultiSign.vue
 create mode 100644 src/renderer/components/Transaction/TransactionForm/TransactionFormMultiSignature.vue
 create mode 100644 src/renderer/components/Transaction/TransactionMultiPaymentList.vue
 create mode 100644 src/renderer/components/Transaction/TransactionMultiSignatureList.vue
 create mode 100644 src/renderer/components/Transaction/TransactionPeerList.vue
 rename src/renderer/components/Transaction/{ => TransactionShow}/TransactionShow.vue (76%)
 create mode 100644 src/renderer/components/Transaction/TransactionShow/TransactionShowMultiSignature.vue
 create mode 100644 src/renderer/components/Transaction/TransactionShow/index.js
 rename src/renderer/components/Transaction/{ => TransactionTable}/TransactionTable.vue (77%)
 create mode 100644 src/renderer/components/Transaction/TransactionTable/TransactionTableMultiSignature.vue
 create mode 100644 src/renderer/components/Transaction/TransactionTable/index.js
 create mode 100644 src/renderer/components/Wallet/WalletBusiness/WalletBusiness.vue
 create mode 100644 src/renderer/components/Wallet/WalletBusiness/WalletBusinessBridgechains.vue
 create mode 100644 src/renderer/components/Wallet/WalletBusiness/WalletBusinessBridgechainsTable.vue
 create mode 100644 src/renderer/components/Wallet/WalletBusiness/WalletBusinessShowBridgechain.vue
 create mode 100644 src/renderer/components/Wallet/WalletBusiness/index.js
 create mode 100644 src/renderer/components/Wallet/WalletIpfs/WalletIpfs.vue
 create mode 100644 src/renderer/components/Wallet/WalletIpfs/index.js
 create mode 100644 src/renderer/components/Wallet/WalletMultiSignature/WalletMultiSignature.vue
 create mode 100644 src/renderer/components/Wallet/WalletMultiSignature/index.js
 rename src/renderer/components/Wallet/WalletTransactions/{WalletTransactions.vue => WalletTransactions.js} (62%)
 create mode 100644 src/renderer/components/Wallet/WalletTransactions/WalletTransactionsMultiSignature.js
 create mode 100644 src/renderer/components/Wallet/WalletTransactions/mixin.vue
 create mode 100644 src/renderer/services/client-multisig.js

diff --git a/.github/workflows/test.yml b/.github/workflows/test.yml
index dfeb33b2bb..d1852995da 100644
--- a/.github/workflows/test.yml
+++ b/.github/workflows/test.yml
@@ -3,8 +3,8 @@ name: Test & Build
 on:
   push:
     branches:
-      - 'master'
-      - 'develop'
+      - "master"
+      - "develop"
   pull_request:
     types: [ready_for_review, synchronize, opened]
 
@@ -44,14 +44,12 @@ jobs:
         run: yarn lint
 
       - name: Test
-        run: yarn test:unit --coverage
+        run: node --max-old-space-size=4096 ./node_modules/.bin/jest --config __tests__/unit.jest.conf.js __tests__/unit/ --logHeapUsage --coverage
 
       - name: Codecov
         run: ./node_modules/.bin/codecov --token=${{ secrets.CODECOV_TOKEN }}
 
   build-linux:
-    needs: lint-unit
-
     runs-on: ubuntu-latest
 
     strategy:
@@ -80,10 +78,13 @@ jobs:
         run: sudo apt-get install libudev-dev libusb-1.0-0-dev
 
       - name: Install
-        run: yarn global add node-gyp && yarn install --frozen-lockfile && npm rebuild
+        run: yarn global add node-gyp && yarn install --frozen-lockfile
+
+      - name: Re-build bcrypto
+        run: cd node_modules/bcrypto && npm install && cd ../../
 
       - name: Build
-        run: node .electron-vue/build.js && node ./node_modules/electron-builder/out/cli/cli.js --linux
+        run: yarn build:linux
 
       # - name: Upload .AppImage
       #   uses: actions/upload-artifact@master
@@ -104,8 +105,6 @@ jobs:
           path: build/target/ark-desktop-wallet-linux-amd64-2.7.0.deb
 
   build-macOS:
-    needs: lint-unit
-
     runs-on: macOS-latest
 
     strategy:
@@ -128,10 +127,10 @@ jobs:
           node-version: ${{ matrix.node-version }}
 
       - name: Install
-        run: yarn global add node-gyp && yarn install --frozen-lockfile && npm rebuild
+        run: yarn global add node-gyp && yarn install --frozen-lockfile
 
       - name: Build
-        run: node .electron-vue/build.js && node ./node_modules/electron-builder/out/cli/cli.js --mac
+        run: yarn build:mac
 
       # - name: Upload .zip
       #   uses: actions/upload-artifact@master
@@ -140,14 +139,12 @@ jobs:
       #     path: build/target/ark-desktop-wallet-mac-2.7.0.zip
 
       - name: Upload .dmg
-        uses: actions/upload-artifact@master
+        uses: actions/upload-artifact@v1
         with:
           name: ark-desktop-wallet-mac-2.7.0.dmg
           path: build/target/ark-desktop-wallet-mac-2.7.0.dmg
 
   build-windows:
-    needs: lint-unit
-
     runs-on: windows-latest
 
     strategy:
@@ -163,15 +160,15 @@ jobs:
           node-version: ${{ matrix.node-version }}
 
       - name: Install
-        run: yarn global add node-gyp && yarn install --frozen-lockfile && npm rebuild
+        run: yarn global add node-gyp && yarn install --frozen-lockfile
         shell: cmd
 
       - name: Build
-        run: node .electron-vue/build.js && node ./node_modules/electron-builder/out/cli/cli.js --win --x64 --ia32
+        run: yarn build:win
         shell: cmd
 
       - name: Upload .exe
-        uses: actions/upload-artifact@master
+        uses: actions/upload-artifact@v1
         with:
           name: ark-desktop-wallet-win-2.7.0.exe
           path: build/target/ark-desktop-wallet-win-2.7.0.exe
diff --git a/.travis.yml b/.travis.yml
index c4dc30df66..6b458716d1 100644
--- a/.travis.yml
+++ b/.travis.yml
@@ -27,11 +27,11 @@ before_script:
 script:
   - |
     if [ "$TRAVIS_OS_NAME" == "osx" ]; then
-      yarn build:mac
+      yarn build:mac:publish
     elif [ "$TRAVIS_OS_NAME" == "windows" ]; then
-      yarn build:win
+      yarn build:win:publish
     else
-      yarn build:linux
+      yarn build:linux:publish
     fi
 
 after_script:
diff --git a/__tests__/unit.jest.conf.js b/__tests__/unit.jest.conf.js
index c6c20e94e4..94f5b7dbac 100644
--- a/__tests__/unit.jest.conf.js
+++ b/__tests__/unit.jest.conf.js
@@ -14,8 +14,8 @@ module.exports = {
   moduleNameMapper: {
     '^@tailwind': '<rootDir>/tailwind.js',
     '^@package.json$': '<rootDir>/package.json',
-    '^@config': '<rootDir>/config/index.js',
     '^@config/(.*)$': '<rootDir>/config/$1',
+    '^@config': '<rootDir>/config/index.js',
     '^@/(.*)$': '<rootDir>/src/renderer/$1',
     '^@tests/(.*)$': '<rootDir>/__tests__/$1',
     vue$: '<rootDir>/node_modules/vue/dist/vue.common.js'
diff --git a/__tests__/unit/__fixtures__/models/transaction.js b/__tests__/unit/__fixtures__/models/transaction.js
new file mode 100644
index 0000000000..977837d7fd
--- /dev/null
+++ b/__tests__/unit/__fixtures__/models/transaction.js
@@ -0,0 +1,16 @@
+export default {
+  id: '022d918ed3b2174c4e288c675805fa2e85547cef8ba2020e54ca84c0c4b9b3ba',
+  blockId: '9014855312368837997',
+  version: 1,
+  type: 0,
+  typeGroup: 1,
+  amount: 1,
+  fee: 10000000,
+  sender: 'AJjv7WztjJNYHrLAeveG5NgHWp6699ZJwD',
+  senderPublicKey: '02275d8577a0ec2b75fc8683282d53c5db76ebc54514a80c2854e419b793ea259a',
+  recipientId: 'AdXbS4GKvV6TZVHrNzcYSQKfpenQnFGTxK',
+  signature: '304402206db4ffcdff1c6eb19ecdf0f83cf528a34673eac57defbf25298a6f25f9791fd602206f12834a752c11d749c7450c63550e2c09ff01092c23f67941d6695faaa9e0a9',
+  confirmations: 444027,
+  timestamp: 59960304,
+  nonce: '3'
+}
diff --git a/__tests__/unit/__fixtures__/services/client.js b/__tests__/unit/__fixtures__/services/client.js
index d70fc700fe..50a61aa442 100644
--- a/__tests__/unit/__fixtures__/services/client.js
+++ b/__tests__/unit/__fixtures__/services/client.js
@@ -26,9 +26,10 @@ delegates.v2 = [
 
 const transactions = {
   data: [
-    { id: 1, amount: 100000, fee: 10000000, timestamp: { epoch: 47848091, human: '2018-09-26T08:08:11.000Z' }, sender: 'address1', recipient: 'address2' },
-    { id: 2, amount: 200000, fee: 10000000, timestamp: { epoch: 47809625, human: '2018-09-25T21:27:05.000Z' }, sender: 'address2', recipient: 'address3' },
-    { id: 3, amount: 300000, fee: 10000000, timestamp: { epoch: 47796863, human: '2018-09-25T17:54:23.000Z' }, sender: 'address3', recipient: 'address3' }
+    { id: 1, type: 0, amount: 100000, fee: 10000000, timestamp: { epoch: 47848091, human: '2018-09-26T08:08:11.000Z' }, sender: 'address1', recipient: 'address2' },
+    { id: 2, type: 0, amount: 200000, fee: 10000000, timestamp: { epoch: 47809625, human: '2018-09-25T21:27:05.000Z' }, sender: 'address2', recipient: 'address3' },
+    { id: 3, type: 0, amount: 300000, fee: 10000000, timestamp: { epoch: 47796863, human: '2018-09-25T17:54:23.000Z' }, sender: 'address3', recipient: 'address3' },
+    { id: 3, type: 1, amount: 0, fee: 10000000, timestamp: { epoch: 47796863, human: '2018-09-25T17:54:23.000Z' }, sender: 'address3', recipient: 'address3' }
   ]
 }
 
@@ -65,10 +66,12 @@ const staticFeeResponses = {
       delegateRegistration: 2500000000,
       vote: 100000000,
       multiSignature: 500000000,
-      ipfs: 0,
-      timelockTransfer: 0,
-      multiPayment: 0,
-      delegateResignation: 0
+      ipfs: 500000000,
+      multiPayment: 100000000,
+      delegateResignation: 2500000000,
+      htlcLock: 100000000,
+      htlcClaim: 100000000,
+      htlcRefund: 100000000
     }
   }
 }
diff --git a/__tests__/unit/__mocks__/@/services/wallet.js b/__tests__/unit/__mocks__/@/services/wallet.js
index 2be8f4db2f..12b0a73eb7 100644
--- a/__tests__/unit/__mocks__/@/services/wallet.js
+++ b/__tests__/unit/__mocks__/@/services/wallet.js
@@ -1,3 +1,5 @@
+import WalletServiceOriginal from '../../../../../src/renderer/services/wallet'
+
 export default {
   generate: jest.fn(() => {
     return {
@@ -5,9 +7,15 @@ export default {
       passphrase: 'passphrase'
     }
   }),
+  canResignBusiness: jest.fn(() => false),
   getAddressFromPublicKey: jest.fn(address => `public key of ${address}`),
+  getPublicKeyFromPassphrase: jest.fn(passphrase => `public key of ${passphrase}`),
+  getPublicKeyFromMultiSignatureAsset: jest.fn(multisignature => 'public key of multisignature'),
+  generateSecondPassphrase: jest.fn(() => 'second-passphrase'),
   validateAddress: jest.fn(() => true),
   validatePassphrase: jest.fn(() => true),
+  validateUsername: jest.fn(WalletServiceOriginal.validateUsername),
   verifyPassphrase: jest.fn(() => true),
-  isBip39Passphrase: jest.fn(() => true)
+  isBip39Passphrase: jest.fn(() => true),
+  isNeoAddress: jest.fn(() => false)
 }
diff --git a/__tests__/unit/__mocks__/@arkecosystem/ledger-transport.js b/__tests__/unit/__mocks__/@arkecosystem/ledger-transport.js
index c5acee04b2..10f59bc606 100644
--- a/__tests__/unit/__mocks__/@arkecosystem/ledger-transport.js
+++ b/__tests__/unit/__mocks__/@arkecosystem/ledger-transport.js
@@ -1,10 +1,8 @@
-export default class {
+export class ARKTransport {
   constructor () {
-    this.getAddress = jest.fn(() => ({
-      address: 'DLWeBuwSBFYtUFj8kFB8CFswfvN2ht3yKn',
-      publicKey: '0278a28d0eac9916ef46613d9dbac706acc218e64864d4b4c1fcb0c759b6205b2b'
-    }))
-    this.signTransaction = jest.fn(() => ({ signature: 'SIGNATURE' }))
-    this.getAppConfiguration = jest.fn()
+    this.getPublicKey = jest.fn(() => '0278a28d0eac9916ef46613d9dbac706acc218e64864d4b4c1fcb0c759b6205b2b')
+    this.signMessage = jest.fn(() => 'SIGNATURE')
+    this.signTransaction = jest.fn(() => 'SIGNATURE')
+    this.getVersion = jest.fn(() => '1.0.0')
   }
 }
diff --git a/__tests__/unit/components/Button/ButtonDropdown.spec.js b/__tests__/unit/components/Button/ButtonDropdown.spec.js
new file mode 100644
index 0000000000..2b6847db43
--- /dev/null
+++ b/__tests__/unit/components/Button/ButtonDropdown.spec.js
@@ -0,0 +1,145 @@
+import { mount } from '@vue/test-utils'
+import { ButtonDropdown } from '@/components/Button'
+
+const stubs = {
+  Portal: '<div><slot/></div>'
+}
+
+let wrapper
+const createWrapper = (component, propsData) => {
+  component = component || ButtonDropdown
+  propsData = propsData || {
+    title: 'Test',
+    items: [
+      'Test 1',
+      'Test 2'
+    ]
+  }
+
+  wrapper = mount(component, {
+    stubs,
+    propsData
+  })
+}
+
+describe('ButtonDropdown', () => {
+  beforeEach(() => {
+    createWrapper()
+
+    Element.prototype.__defineGetter__('clientHeight', () => 10)
+    Element.prototype.getBoundingClientRect = () => ({
+      top: 10,
+      left: 15
+    })
+  })
+
+  it('should render with dropdown', () => {
+    expect(wrapper.contains('.ButtonDropdown')).toBeTruthy()
+    expect(wrapper.contains('.ButtonDropdown__button')).toBeTruthy()
+    expect(wrapper.contains('.ButtonDropdown__list')).toBeTruthy()
+  })
+
+  it('should have a primary button', () => {
+    createWrapper({
+      template: `<div>
+        <ButtonDropdown ref="testButton" :items="[]">
+          <div slot="primaryButton">
+            test
+          </div>
+        </ButtonDropdown>
+      </div>`,
+
+      components: {
+        ButtonDropdown
+      }
+    }, {})
+
+    const buttonDropdown = wrapper.find({ ref: 'testButton' })
+
+    expect(buttonDropdown.contains('.ButtonDropdown__primary')).toBeTruthy()
+    expect(buttonDropdown.vm.hasPrimaryButton).toEqual(true)
+  })
+
+  it('should have a dropdown button per item', () => {
+    expect(wrapper.findAll('.ButtonDropdown__list__item').length).toBe(2)
+  })
+
+  it('should show the dropdown on click', () => {
+    wrapper.setMethods({
+      ...wrapper.vm.methods,
+      toggleDropdown: jest.fn(wrapper.vm.toggleDropdown)
+    })
+    wrapper.find('.ButtonDropdown__button').trigger('click')
+
+    expect(wrapper.vm.showDropdown).toBe(true)
+    expect(wrapper.vm.toggleDropdown).toHaveBeenCalled()
+  })
+
+  it('should toggle dropdown programmatically', () => {
+    wrapper.vm.toggleDropdown()
+
+    expect(wrapper.vm.showDropdown).toBe(true)
+
+    wrapper.vm.toggleDropdown()
+
+    expect(wrapper.vm.showDropdown).toBe(false)
+  })
+
+  it('should close dropdown on item click', () => {
+    wrapper.setMethods({
+      ...wrapper.vm.methods,
+      triggerClose: jest.fn(wrapper.vm.triggerClose)
+    })
+    wrapper.vm.showDropdown = true
+
+    wrapper.find('.ButtonDropdown__list__item .ButtonGeneric').trigger('click')
+
+    expect(wrapper.vm.showDropdown).toBe(false)
+    expect(wrapper.vm.triggerClose).toHaveBeenCalled()
+  })
+
+  it('should close dropdown programmatically', () => {
+    wrapper.vm.showDropdown = true
+    wrapper.vm.triggerClose()
+
+    expect(wrapper.vm.showDropdown).toBe(false)
+  })
+
+  it('should popluate classes onto dropdown', () => {
+    createWrapper(ButtonDropdown, {
+      title: 'Test',
+      items: [
+        'Test 1',
+        'Test 2'
+      ],
+      classes: 'test-class-1 test-class-2'
+    })
+
+    expect(wrapper.find('.ButtonDropdown__button').classes('test-class-1')).toBe(true)
+    expect(wrapper.find('.ButtonDropdown__button').classes('test-class-2')).toBe(true)
+    expect(wrapper.vm.dropdownButtonClasses).toEqual({ 'ButtonDropdown__button--nolabel': false, 'test-class-1': true, 'test-class-2': true })
+  })
+
+  it('should change arrow viewbox if dropdown is open', () => {
+    expect(wrapper.vm.arrowViewbox).toBe('0 -2 12 16')
+
+    wrapper.vm.showDropdown = true
+
+    expect(wrapper.vm.arrowViewbox).toBe('0 2 12 16')
+  })
+
+  it('should generate dropdown style', () => {
+    // Create sub-component which correctly populates $refs for ButtonDropdown
+    createWrapper({
+      template: `<div>
+        <ButtonDropdown ref="testButton" :items="[]" />
+      </div>`,
+
+      components: {
+        ButtonDropdown
+      }
+    }, {})
+
+    expect(wrapper.find({ ref: 'testButton' }).vm.dropdownStyle).toBe('top: 20px;left: 15px;z-index: 10')
+  })
+})
diff --git a/__tests__/unit/components/Input/InputEditableList.spec.js b/__tests__/unit/components/Input/InputEditableList.spec.js
new file mode 100644
index 0000000000..061dd5718b
--- /dev/null
+++ b/__tests__/unit/components/Input/InputEditableList.spec.js
@@ -0,0 +1,178 @@
+import { createLocalVue, mount } from '@vue/test-utils'
+import installI18n from '../../__utils__/i18n'
+import { InputEditableList } from '@/components/Input'
+
+const localVue = createLocalVue()
+const i18n = installI18n(localVue)
+
+let wrapper
+const createWrapper = (component, propsData) => {
+  component = component || InputEditableList
+  propsData = propsData || {
+    value: []
+  }
+
+  wrapper = mount(component, {
+    i18n,
+    localVue,
+    propsData
+  })
+}
+
+describe('InputEditableList', () => {
+  beforeEach(() => {
+    createWrapper()
+  })
+
+  it('should render', () => {
+    expect(wrapper.contains('.InputEditableList')).toBe(true)
+  })
+
+  it('should show title', () => {
+    createWrapper(null, {
+      value: [],
+      title: 'Test List'
+    })
+
+    expect(wrapper.find('.InputField__label').text()).toBe('Test List')
+  })
+
+  it('should list each item', () => {
+    createWrapper(null, {
+      value: [
+        'test item 1',
+        'test item 2'
+      ]
+    })
+
+    expect(wrapper.findAll('.InputEditableList__list__item').length).toBe(2)
+  })
+
+  it('should update items when property is updated', () => {
+    createWrapper(null, {
+      value: [
+        'test item 1',
+        'test item 2'
+      ]
+    })
+
+    expect(wrapper.findAll('.InputEditableList__list__item').length).toBe(2)
+
+    wrapper.setProps({
+      value: [
+        'test item 1',
+        'test item 2',
+        'test item 3',
+        'test item 4'
+      ]
+    })
+
+    expect(wrapper.findAll('.InputEditableList__list__item').length).toBe(4)
+  })
+
+  it('should show remove button if not readonly', () => {
+    createWrapper(null, {
+      value: [
+        'test item 1',
+        'test item 2'
+      ],
+      readonly: false
+    })
+
+    expect(wrapper.contains('.InputEditableList__list__item__remove')).toBe(true)
+  })
+
+  it('should not show remove button if readonly', () => {
+    createWrapper(null, {
+      value: [
+        'test item 1',
+        'test item 2'
+      ],
+      readonly: true
+    })
+
+    expect(wrapper.contains('.InputEditableList__list__item__remove')).toBe(false)
+  })
+
+  it('should trigger remove when clicking remove button', () => {
+    createWrapper(null, {
+      value: [
+        'test item 1',
+        'test item 2'
+      ],
+      readonly: false
+    })
+
+    wrapper.setMethods({
+      ...wrapper.vm.methods,
+      emitRemove: jest.fn(wrapper.vm.emitRemove)
+    })
+
+    wrapper.find('.InputEditableList__list__item__remove').trigger('click')
+    expect(wrapper.vm.emitRemove).toHaveBeenCalled()
+    expect(wrapper.emitted().remove).toBeTruthy()
+  })
+
+  it('should show as invalid if property is specified', () => {
+    createWrapper(null, {
+      value: [
+        'test item 1',
+        'test item 2'
+      ],
+      isInvalid: true
+    })
+
+    expect(wrapper.classes('InputEditableList--invalid')).toBe(true)
+  })
+
+  it('should show as invalid if required and no items', () => {
+    createWrapper({
+      template: `<div>
+        <InputEditableList :value="['test 1', 'test 2']">
+          <div class="TestSlotItem" slot-scope="{ item }">
+            {{ item }}
+          </div>
+        </InputEditableList>
+      </div>`,
+
+      components: {
+        InputEditableList
+      }
+    }, {})
+
+    const items = wrapper.findAll('.TestSlotItem')
+
+    expect(items.length).toBe(2)
+
+    for (let itemIndex = 0; itemIndex < items.length; itemIndex++) {
+      const item = items.at(itemIndex)
+
+      expect(item.text()).toEqual(`test ${itemIndex + 1}`)
+    }
+  })
+
+  it('should output helper text', () => {
+    const helperText = 'This is a test helper message'
+    expect(wrapper.contains('.InputEditableList__helper-text')).toBe(false)
+
+    createWrapper(null, {
+      value: [],
+      helperText
+    })
+
+    expect(wrapper.contains('.InputEditableList__helper-text')).toBe(true)
+    expect(wrapper.find('.InputEditableList__helper-text').text()).toBe(helperText)
+  })
+
+  it('should output helper text', () => {
+    const noItemsMessage = 'This is "no items" message'
+    expect(wrapper.find('.InputEditableList__no-items').text()).toBe('INPUT_EDITABLE_LIST.NO_ITEMS')
+
+    createWrapper(null, {
+      value: [],
+      noItemsMessage
+    })
+
+    expect(wrapper.find('.InputEditableList__no-items').text()).toBe(noItemsMessage)
+  })
+})
diff --git a/__tests__/unit/components/Input/InputFee.spec.js b/__tests__/unit/components/Input/InputFee.spec.js
index 9466c6ec6d..726c7c58e8 100644
--- a/__tests__/unit/components/Input/InputFee.spec.js
+++ b/__tests__/unit/components/Input/InputFee.spec.js
@@ -130,12 +130,12 @@ describe('InputFee', () => {
       let wrapper = mountComponent({
         propsData: { transactionType: 0 }
       })
-      expect(wrapper.vm.maxV1fee).toEqual(V1.fees[0])
+      expect(wrapper.vm.maxV1fee).toEqual(V1.fees.GROUP_1[0])
 
       wrapper = mountComponent({
         propsData: { transactionType: 3 }
       })
-      expect(wrapper.vm.maxV1fee).toEqual(V1.fees[3])
+      expect(wrapper.vm.maxV1fee).toEqual(V1.fees.GROUP_1[3])
     })
   })
 
diff --git a/__tests__/unit/components/Input/InputPublicKey.spec.js b/__tests__/unit/components/Input/InputPublicKey.spec.js
new file mode 100644
index 0000000000..3acf2bad77
--- /dev/null
+++ b/__tests__/unit/components/Input/InputPublicKey.spec.js
@@ -0,0 +1,103 @@
+import { createLocalVue, mount } from '@vue/test-utils'
+import { Identities } from '@arkecosystem/crypto'
+import Vuelidate from 'vuelidate'
+import installI18n from '../../__utils__/i18n'
+import { InputPublicKey } from '@/components/Input'
+import transaction from '../../__fixtures__/models/transaction'
+
+const localVue = createLocalVue()
+const i18n = installI18n(localVue)
+localVue.use(Vuelidate)
+
+let wrapper
+const createWrapper = (component, propsData) => {
+  component = component || InputPublicKey
+  propsData = propsData || {
+    value: ''
+  }
+
+  wrapper = mount(component, {
+    i18n,
+    localVue,
+    propsData,
+    sync: false
+  })
+}
+
+describe('InputPublicKey', () => {
+  beforeEach(() => {
+    createWrapper()
+  })
+
+  it('should render', () => {
+    expect(wrapper.contains('.InputPublicKey')).toBe(true)
+  })
+
+  it('should update model if value property is updated', async () => {
+    expect(wrapper.vm.inputValue).toBe('')
+
+    wrapper.setProps({
+      value: 'test'
+    })
+
+    await wrapper.vm.$nextTick()
+
+    expect(wrapper.vm.$v.model.$model).toEqual('test')
+    expect(wrapper.vm.inputValue).toBe('test')
+  })
+
+  it('should return an error if invalid input', () => {
+    wrapper.vm.$v.model.$model = 'test'
+
+    expect(wrapper.vm.error).toBeTruthy()
+  })
+
+  it('should reset the value', async () => {
+    wrapper.vm.$v.model.$model = 'test'
+
+    expect(wrapper.vm.model).toBe('test')
+
+    wrapper.vm.reset()
+    await wrapper.vm.$nextTick()
+
+    expect(wrapper.vm.model).toBe('')
+    expect(wrapper.vm.error).toBeFalsy()
+  })
+
+  describe('validation', () => {
+    it('should check if valid public key is entered', () => {
+      const spy = jest.spyOn(Identities.Address, 'fromPublicKey')
+
+      wrapper.vm.model = 'test'
+
+      expect(wrapper.vm.$v.model.isValid).toBe(false)
+
+      wrapper.vm.model = transaction.senderPublicKey
+
+      expect(wrapper.vm.$v.model.isValid).toBe(true)
+      expect(spy).toHaveBeenCalledTimes(2)
+
+      spy.mockRestore()
+    })
+
+    it('should not check if not required and empty', () => {
+      wrapper.setProps({
+        isRequired: false
+      })
+
+      const spy = jest.spyOn(Identities.Address, 'fromPublicKey')
+
+      wrapper.vm.model = ''
+
+      expect(wrapper.vm.$v.model.isValid).toBe(true)
+      expect(spy).not.toHaveBeenCalled()
+
+      wrapper.vm.model = 'test'
+
+      expect(wrapper.vm.$v.model.isValid).toBe(false)
+      expect(spy).toHaveBeenCalledTimes(1)
+
+      spy.mockRestore()
+    })
+  })
+})
diff --git a/__tests__/unit/components/Network/NetworkCustomPeerModal.spec.js b/__tests__/unit/components/Network/NetworkCustomPeerModal.spec.js
deleted file mode 100644
index 8d9aa94a86..0000000000
--- a/__tests__/unit/components/Network/NetworkCustomPeerModal.spec.js
+++ /dev/null
@@ -1,27 +0,0 @@
-import { shallowMount } from '@vue/test-utils'
-import { useI18nGlobally } from '../../__utils__/i18n'
-import Vue from 'vue'
-import Vuelidate from 'vuelidate'
-import { NetworkCustomPeerModal } from '@/components/Network'
-
-const i18n = useI18nGlobally()
-
-const mocks = {
-  $store: {
-    getters: {
-      'peer/current': jest.fn()
-    }
-  }
-}
-
-Vue.use(Vuelidate)
-
-describe('NetworkCustomPeerModal', () => {
-  it('should render modal', () => {
-    const wrapper = shallowMount(NetworkCustomPeerModal, {
-      i18n,
-      mocks
-    })
-    expect(wrapper.isVueInstance()).toBeTrue()
-  })
-})
diff --git a/__tests__/unit/components/Transaction/TransactionConfirm/TransactionConfirm.spec.js b/__tests__/unit/components/Transaction/TransactionConfirm/TransactionConfirm.spec.js
new file mode 100644
index 0000000000..ff15a7fe66
--- /dev/null
+++ b/__tests__/unit/components/Transaction/TransactionConfirm/TransactionConfirm.spec.js
@@ -0,0 +1,595 @@
+import { createLocalVue, mount } from '@vue/test-utils'
+import installI18n from '../../../__utils__/i18n'
+import TransactionConfirm, * as TransactionConfirmComponents from '@/components/Transaction/TransactionConfirm'
+import TransactionConfirmBusiness from '@/components/Transaction/TransactionConfirm/TransactionConfirmBusiness'
+import TransactionConfirmBridgechain from '@/components/Transaction/TransactionConfirm/TransactionConfirmBridgechain'
+import CurrencyMixin from '@/mixins/currency'
+
+const transactions = {
+  delegateRegistration: {
+    type: 2,
+    asset: {
+      delegate: {
+        username: 'test_delegate'
+      }
+    }
+  },
+
+  delegateResignation: {
+    type: 7
+  },
+
+  ipfs: {
+    type: 5
+  },
+
+  multiPayment: {
+    type: 6,
+    asset: {
+      payments: [{
+        address: 'address-1',
+        amount: (1 * 1e8).toString()
+      },
+      {
+        address: 'address-2',
+        amount: (5 * 1e8).toString()
+      }]
+    }
+  },
+
+  multiSignature: {
+    type: 4,
+    multiSignature: {}
+  },
+
+  secondSignature: {
+    type: 1
+  },
+
+  transfer: {
+    type: 0,
+    amount: (1 * 1e8).toString(),
+    fee: (0.1 * 1e8).toString(),
+    recipientId: 'recipient-address'
+  },
+
+  vote: {
+    type: 3
+  },
+
+  businessRegistration: {
+    type: 0,
+    typeGroup: 2,
+    asset: {
+      businessRegistration: {
+        name: 'test business',
+        website: 'https://ark.io',
+        vat: 'GB12345678',
+        repository: 'https://github.com/arkecosystem/desktop-wallet.git'
+      }
+    }
+  },
+
+  businessResignation: {
+    type: 1,
+    typeGroup: 2
+  },
+
+  businessUpdate: {
+    type: 2,
+    typeGroup: 2,
+    asset: {
+      businessUpdate: {
+        name: 'test business',
+        website: 'https://ark.io',
+        vat: 'GB12345678',
+        repository: 'https://github.com/arkecosystem/desktop-wallet.git'
+      }
+    }
+  },
+
+  bridgechainRegistration: {
+    type: 3,
+    typeGroup: 2,
+    asset: {
+      bridgechainRegistration: {
+        name: 'test bridgechain',
+        genesisHash: 'genesis_hash_1234',
+        seedNodes: [
+          '1.1.1.1',
+          '2.2.2.2'
+        ],
+        ports: {
+          '@arkecosystem/core-api': 4003
+        },
+        bridgechainRepository: 'https://github.com/arkecosystem/core.git'
+      }
+    }
+  },
+
+  bridgechainResignation: {
+    type: 4,
+    typeGroup: 2
+  },
+
+  bridgechainUpdate: {
+    type: 5,
+    typeGroup: 2,
+    asset: {
+      bridgechainUpdate: {
+        seedNodes: [
+          '1.1.1.1',
+          '2.2.2.2'
+        ],
+        ports: {
+          '@arkecosystem/core-api': 4003
+        }
+      }
+    }
+  }
+}
+
+const localVue = createLocalVue()
+const i18n = installI18n(localVue)
+
+let wrapper
+const createWrapper = (component, transaction) => {
+  component = component || TransactionConfirm
+  transaction = transaction || transactions.transfer
+
+  if (!transaction.network) {
+    transaction.network = 23
+  }
+  if (!transaction.fee) {
+    transaction.fee = (0.1 * 1e8).toString()
+  }
+  if (!transaction.version) {
+    transaction.version = 2
+  }
+  if (!transaction.nonce) {
+    transaction.nonce = '1'
+  }
+
+  wrapper = mount(component, {
+    i18n,
+    localVue,
+    sync: false,
+    propsData: {
+      transaction
+    },
+    mocks: {
+      wallet_formatAddress: jest.fn((address) => `formatted-${address}`),
+      formatter_networkCurrency: jest.fn((amount) => amount.toString()),
+      currency_toBuilder: jest.fn(CurrencyMixin.methods.currency_toBuilder),
+      electron_writeFile: jest.fn((_, path) => `/home/test/${path}`),
+      wallet_fromRoute: {
+        address: 'address-1'
+      },
+      wallet_name: jest.fn(wallet => wallet),
+      $success: jest.fn(),
+      $error: jest.fn()
+    },
+    stubs: {
+      Identicon: true,
+      TransactionDetail: true,
+      ...TransactionConfirmComponents,
+      ...TransactionConfirmBusiness,
+      ...TransactionConfirmBridgechain
+    }
+  })
+}
+
+describe('TransactionConfirm', () => {
+  beforeEach(() => {
+    createWrapper()
+  })
+
+  describe('template', () => {
+    it('should render', () => {
+      expect(wrapper.contains('.TransactionConfirm')).toBe(true)
+    })
+
+    it('should render transfer confirm component', async () => {
+      createWrapper(null, transactions.transfer)
+
+      await wrapper.vm.$nextTick()
+
+      expect(wrapper.contains('.TransactionConfirmTransfer')).toBe(true)
+    })
+
+    it('should render second signature confirm component', async () => {
+      createWrapper(null, transactions.secondSignature)
+
+      await wrapper.vm.$nextTick()
+
+      expect(wrapper.contains('.TransactionConfirmSecondSignature')).toBe(true)
+    })
+
+    it('should render delegate registration confirm component', async () => {
+      createWrapper(null, transactions.delegateRegistration)
+
+      await wrapper.vm.$nextTick()
+
+      expect(wrapper.contains('.TransactionConfirmDelegateRegistration')).toBe(true)
+    })
+
+    it('should render vote confirm component', async () => {
+      createWrapper(null, transactions.vote)
+
+      await wrapper.vm.$nextTick()
+
+      expect(wrapper.contains('.TransactionConfirmVote')).toBe(true)
+    })
+
+    it('should render multi-signature confirm component', async () => {
+      createWrapper(null, transactions.multiSignature)
+
+      await wrapper.vm.$nextTick()
+
+      expect(wrapper.contains('.TransactionConfirmMultiSignature')).toBe(true)
+    })
+
+    it('should render ipfs confirm component', async () => {
+      createWrapper(null, transactions.ipfs)
+
+      await wrapper.vm.$nextTick()
+
+      expect(wrapper.contains('.TransactionConfirmIpfs')).toBe(true)
+    })
+
+    it('should render multi-payment confirm component', async () => {
+      createWrapper(null, transactions.multiPayment)
+
+      await wrapper.vm.$nextTick()
+
+      expect(wrapper.contains('.TransactionConfirmMultiPayment')).toBe(true)
+    })
+
+    it('should render delegate resignation confirm component', async () => {
+      createWrapper(null, transactions.delegateResignation)
+
+      await wrapper.vm.$nextTick()
+
+      expect(wrapper.contains('.TransactionConfirmDelegateResignation')).toBe(true)
+    })
+
+    it('should render business registration confirm component', async () => {
+      createWrapper(null, transactions.businessRegistration)
+
+      await wrapper.vm.$nextTick()
+
+      expect(wrapper.contains('.TransactionConfirmBusinessRegistration')).toBe(true)
+    })
+
+    it('should render business resignation confirm component', async () => {
+      createWrapper(null, transactions.businessResignation)
+
+      await wrapper.vm.$nextTick()
+
+      expect(wrapper.contains('.TransactionConfirmBusinessResignation')).toBe(true)
+    })
+
+    it('should render business update confirm component', async () => {
+      createWrapper(null, transactions.businessUpdate)
+
+      await wrapper.vm.$nextTick()
+
+      expect(wrapper.contains('.TransactionConfirmBusinessUpdate')).toBe(true)
+    })
+
+    it('should render bridgechain registration confirm component', async () => {
+      createWrapper(null, transactions.bridgechainRegistration)
+
+      await wrapper.vm.$nextTick()
+
+      expect(wrapper.contains('.TransactionConfirmBridgechainRegistration')).toBe(true)
+    })
+
+    it('should render bridgechain resignation confirm component', async () => {
+      createWrapper(null, transactions.bridgechainResignation)
+
+      await wrapper.vm.$nextTick()
+
+      expect(wrapper.contains('.TransactionConfirmBridgechainResignation')).toBe(true)
+    })
+
+    it('should render bridgechain update confirm component', async () => {
+      createWrapper(null, transactions.bridgechainUpdate)
+
+      await wrapper.vm.$nextTick()
+
+      expect(wrapper.contains('.TransactionConfirmBridgechainUpdate')).toBe(true)
+    })
+  })
+
+  describe('computed', () => {
+    describe('totalAmount', () => {
+      it('should calculate full amount of transaction', async () => {
+        createWrapper(null, transactions.transfer)
+
+        await wrapper.vm.$nextTick()
+
+        expect(wrapper.vm.totalAmount + '').toEqual('110000000')
+      })
+
+      it('should use only fee if no amount', async () => {
+        createWrapper(null, transactions.vote)
+
+        await wrapper.vm.$nextTick()
+
+        expect(wrapper.vm.totalAmount + '').toBe('10000000')
+      })
+
+      it('should calculate total including payments of multi-payment', async () => {
+        createWrapper(null, transactions.multiPayment)
+
+        await wrapper.vm.$nextTick()
+
+        expect(wrapper.vm.totalAmount + '').toBe('610000000')
+      })
+    })
+
+    describe('currentWallet', () => {
+      it('should return wallet from prop if set', async () => {
+        const wallet = {
+          address: 'prop-address-1'
+        }
+
+        wrapper.setProps({
+          transaction: transactions.vote,
+          wallet
+        })
+
+        await wrapper.vm.$nextTick()
+
+        expect(wrapper.vm.currentWallet).toBe(wallet)
+      })
+
+      it('should return wallet from route if no prop is set', async () => {
+        expect(wrapper.vm.currentWallet).toEqual({
+          address: 'address-1'
+        })
+      })
+
+      it('should return updated wallet from route if changed', async () => {
+        expect(wrapper.vm.currentWallet).toEqual({
+          address: 'address-1'
+        })
+
+        const wallet = {
+          address: 'prop-address-1'
+        }
+
+        wrapper.setProps({
+          transaction: transactions.vote,
+          wallet
+        })
+
+        await wrapper.vm.$nextTick()
+
+        expect(wrapper.vm.currentWallet).toEqual({
+          address: 'prop-address-1'
+        })
+      })
+    })
+
+    describe('address', () => {
+      it('should get address of current wallet', () => {
+        expect(wrapper.vm.address).toEqual('address-1')
+      })
+
+      it('should update address when current wallet changes', async () => {
+        const wallet = {
+          address: 'prop-address-1'
+        }
+
+        expect(wrapper.vm.address).toEqual('address-1')
+
+        wrapper.setProps({
+          transaction: transactions.vote,
+          wallet
+        })
+
+        await wrapper.vm.$nextTick()
+
+        expect(wrapper.vm.address).toEqual('prop-address-1')
+      })
+    })
+
+    describe('showSave', () => {
+      it('should return true if transaction is not multi-signature', async () => {
+        createWrapper(null, transactions.secondSignature)
+
+        await wrapper.vm.$nextTick()
+
+        expect(wrapper.vm.showSave).toBe(true)
+      })
+
+      it('should return false if transaction is multi-signature', () => {
+        createWrapper(null, transactions.multiSignature)
+
+        expect(wrapper.vm.showSave).toBe(false)
+      })
+    })
+  })
+
+  describe('mounted hook', () => {
+    it('should render transfer confirm component', async () => {
+      createWrapper(null, transactions.transfer)
+
+      await wrapper.vm.$nextTick()
+
+      expect(wrapper.vm.activeComponent).toBe('TransactionConfirmTransfer')
+    })
+
+    it('should render second signature confirm component', async () => {
+      createWrapper(null, transactions.secondSignature)
+
+      await wrapper.vm.$nextTick()
+
+      expect(wrapper.vm.activeComponent).toBe('TransactionConfirmSecondSignature')
+    })
+
+    it('should render delegate registration confirm component', async () => {
+      createWrapper(null, transactions.delegateRegistration)
+
+      await wrapper.vm.$nextTick()
+
+      expect(wrapper.vm.activeComponent).toBe('TransactionConfirmDelegateRegistration')
+    })
+
+    it('should render vote confirm component', async () => {
+      createWrapper(null, transactions.vote)
+
+      await wrapper.vm.$nextTick()
+
+      expect(wrapper.vm.activeComponent).toBe('TransactionConfirmVote')
+    })
+
+    it('should render multi-signature confirm component', async () => {
+      createWrapper(null, transactions.multiSignature)
+
+      await wrapper.vm.$nextTick()
+
+      expect(wrapper.vm.activeComponent).toBe('TransactionConfirmMultiSignature')
+    })
+
+    it('should render ipfs confirm component', async () => {
+      createWrapper(null, transactions.ipfs)
+
+      await wrapper.vm.$nextTick()
+
+      expect(wrapper.vm.activeComponent).toBe('TransactionConfirmIpfs')
+    })
+
+    it('should render multi-payment confirm component', async () => {
+      createWrapper(null, transactions.multiPayment)
+
+      await wrapper.vm.$nextTick()
+
+      expect(wrapper.vm.activeComponent).toBe('TransactionConfirmMultiPayment')
+    })
+
+    it('should render delegate resignation confirm component', async () => {
+      createWrapper(null, transactions.delegateResignation)
+
+      await wrapper.vm.$nextTick()
+
+      expect(wrapper.vm.activeComponent).toBe('TransactionConfirmDelegateResignation')
+    })
+
+    it('should render business registration confirm component', async () => {
+      createWrapper(null, transactions.businessRegistration)
+
+      await wrapper.vm.$nextTick()
+
+      expect(wrapper.vm.activeComponent).toBe('TransactionConfirmBusinessRegistration')
+    })
+
+    it('should render business resignation confirm component', async () => {
+      createWrapper(null, transactions.businessResignation)
+
+      await wrapper.vm.$nextTick()
+
+      expect(wrapper.vm.activeComponent).toBe('TransactionConfirmBusinessResignation')
+    })
+
+    it('should render business update confirm component', async () => {
+      createWrapper(null, transactions.businessUpdate)
+
+      await wrapper.vm.$nextTick()
+
+      expect(wrapper.vm.activeComponent).toBe('TransactionConfirmBusinessUpdate')
+    })
+
+    it('should render bridgechain registration confirm component', async () => {
+      createWrapper(null, transactions.bridgechainRegistration)
+
+      await wrapper.vm.$nextTick()
+
+      expect(wrapper.vm.activeComponent).toBe('TransactionConfirmBridgechainRegistration')
+    })
+
+    it('should render bridgechain resignation confirm component', async () => {
+      createWrapper(null, transactions.bridgechainResignation)
+
+      await wrapper.vm.$nextTick()
+
+      expect(wrapper.vm.transaction.type).toBe(4)
+      expect(wrapper.vm.transaction.typeGroup).toBe(2)
+      expect(wrapper.vm.activeComponent).toBe('TransactionConfirmBridgechainResignation')
+    })
+
+    it('should render bridgechain update confirm component', async () => {
+      createWrapper(null, transactions.bridgechainUpdate)
+
+      await wrapper.vm.$nextTick()
+
+      expect(wrapper.vm.activeComponent).toBe('TransactionConfirmBridgechainUpdate')
+    })
+
+    it('should error if no component based on transaction type', () => {
+      expect(() => { createWrapper(null, { type: 1000 }) }).toThrow('[TransactionConfirm] - Confirm for type 1000 (group 1) not found.')
+    })
+  })
+
+  describe('methods', () => {
+    describe('emitBack', () => {
+      it('should emit', () => {
+        wrapper.vm.emitBack()
+
+        expect(wrapper.emitted().back).toBeTruthy()
+      })
+    })
+
+    describe('emitConfirm', () => {
+      it('should emit if not already clicked', () => {
+        wrapper.vm.wasClicked = false
+        wrapper.vm.emitConfirm()
+
+        expect(wrapper.emitted().confirm).toBeTruthy()
+      })
+
+      it('should not emit if already clicked', () => {
+        wrapper.vm.wasClicked = true
+        wrapper.vm.emitConfirm()
+
+        expect(wrapper.emitted().confirm).toBeFalsy()
+      })
+    })
+
+    describe('saveTransaction', () => {
+      it('should save to file & output success message', async () => {
+        const $tSpy = jest.spyOn(wrapper.vm, '$t')
+        await wrapper.vm.saveTransaction()
+
+        const json = JSON.stringify(wrapper.vm.transaction)
+        const path = `${wrapper.vm.transaction.id}.json`
+
+        expect(wrapper.vm.electron_writeFile).toHaveBeenCalledWith(json, path)
+        expect(wrapper.vm.$success).toHaveBeenCalledWith('TRANSACTION.SUCCESS.SAVE_OFFLINE')
+        expect($tSpy).toHaveBeenCalledWith('TRANSACTION.SUCCESS.SAVE_OFFLINE', { path: `/home/test/${path}` })
+
+        $tSpy.mockRestore()
+      })
+
+      it('should error if saving fails', async () => {
+        const $tSpy = jest.spyOn(wrapper.vm, '$t')
+        wrapper.vm.electron_writeFile.mockImplementation(() => {
+          throw new Error('failed to save')
+        })
+
+        await wrapper.vm.saveTransaction()
+
+        const json = JSON.stringify(wrapper.vm.transaction)
+        const path = `${wrapper.vm.transaction.id}.json`
+
+        expect(wrapper.vm.electron_writeFile).toHaveBeenCalledWith(json, path)
+        expect(wrapper.vm.$error).toHaveBeenCalledWith('TRANSACTION.ERROR.SAVE_OFFLINE')
+        expect($tSpy).toHaveBeenCalledWith('TRANSACTION.ERROR.SAVE_OFFLINE', { error: 'failed to save' })
+
+        $tSpy.mockRestore()
+      })
+    })
+  })
+})
diff --git a/__tests__/unit/components/Transaction/TransactionConfirm/TransactionConfirmBridgechain/TransactionConfirmBridgechainRegistration.spec.js b/__tests__/unit/components/Transaction/TransactionConfirm/TransactionConfirmBridgechain/TransactionConfirmBridgechainRegistration.spec.js
new file mode 100644
index 0000000000..b78b9b4c60
--- /dev/null
+++ b/__tests__/unit/components/Transaction/TransactionConfirm/TransactionConfirmBridgechain/TransactionConfirmBridgechainRegistration.spec.js
@@ -0,0 +1,122 @@
+import { createLocalVue, mount } from '@vue/test-utils'
+import installI18n from '../../../../__utils__/i18n'
+import TransactionConfirmBridgechainRegistration from '@/components/Transaction/TransactionConfirm/TransactionConfirmBridgechain/TransactionConfirmBridgechainRegistration'
+
+const localVue = createLocalVue()
+const i18n = installI18n(localVue)
+
+let wrapper
+const createWrapper = (component, transaction) => {
+  component = component || TransactionConfirmBridgechainRegistration
+  transaction = transaction || {
+    asset: {
+      bridgechainRegistration: {
+        name: 'test bridgechain',
+        genesisHash: 'genesis_hash_1234',
+        seedNodes: [
+          '1.1.1.1',
+          '2.2.2.2'
+        ],
+        ports: {
+          '@arkecosystem/core-api': 4003
+        },
+        bridgechainRepository: 'https://github.com/arkecosystem/core.git'
+      }
+    }
+  }
+
+  wrapper = mount(component, {
+    i18n,
+    localVue,
+    sync: false,
+    provide: {
+      currentWallet: {
+        address: 'address-1'
+      },
+      transaction
+    },
+    mocks: {
+      wallet_formatAddress: jest.fn((address) => `formatted-${address}`)
+    }
+  })
+}
+
+describe('TransactionConfirmBridgechainRegistration', () => {
+  beforeEach(() => {
+    createWrapper()
+  })
+
+  it('should have magistrates transaction group (2)', () => {
+    expect(wrapper.vm.$options.transactionGroup).toBe(2)
+  })
+
+  it('should have bridgechain registration transaction type (3)', () => {
+    expect(wrapper.vm.$options.transactionType).toBe(3)
+  })
+
+  describe('template', () => {
+    it('should render', () => {
+      expect(wrapper.contains('.TransactionConfirmBridgechainRegistration')).toBe(true)
+    })
+
+    it('should output senderLabel', () => {
+      expect(wrapper.find('.TransactionConfirmBridgechainRegistration__sender .ListDividedItem__value span').text()).toBe('address-1')
+    })
+
+    it('should output name', () => {
+      expect(wrapper.find('.TransactionConfirmBridgechainRegistration__name .ListDividedItem__value').text()).toBe('test bridgechain')
+    })
+
+    it('should output genesis hash (truncated)', () => {
+      expect(wrapper.find('.TransactionConfirmBridgechainRegistration__genesis-hash .ListDividedItem__value').text()).toBe('genes…_1234')
+    })
+
+    it('should output seed nodes', () => {
+      const seedNodes = wrapper.findAll('.TransactionConfirmBridgechainRegistration__seed-nodes .ListDividedItem__value > div')
+      for (const seedNodeIndex in wrapper.vm.transaction.asset.bridgechainRegistration.seedNodes) {
+        expect(seedNodes.at(seedNodeIndex).text()).toBe(wrapper.vm.transaction.asset.bridgechainRegistration.seedNodes[seedNodeIndex])
+      }
+    })
+
+    it('should output api port', () => {
+      expect(wrapper.find('.TransactionConfirmBridgechainRegistration__api-port .ListDividedItem__value').text()).toBe('4003')
+    })
+
+    it('should output bridgechain repo', () => {
+      expect(wrapper.find('.TransactionConfirmBridgechainRegistration__bridgechain-repo .ListDividedItem__value').text()).toBe('https://github.com/arkecosystem/core.git')
+    })
+  })
+
+  describe('computed', () => {
+    describe('senderLabel', () => {
+      it('should return a formatted address', () => {
+        expect(wrapper.vm.senderLabel).toBe('formatted-address-1')
+      })
+    })
+
+    describe('apiPort', () => {
+      it('should return core-api port if provided', () => {
+        expect(wrapper.vm.apiPort).toBe(4003)
+      })
+
+      it('should return placeholder if no core-api port', () => {
+        createWrapper(null, {
+          asset: {
+            bridgechainRegistration: {
+              name: 'test',
+              genesisHash: '1234',
+              seedNodes: [
+                '1.1.1.1',
+                '2.2.2.2'
+              ],
+              ports: {},
+              bridgechainRepository: 'https://github.com/arkecosystem/core.git'
+            }
+          }
+        })
+
+        expect(wrapper.vm.apiPort).toBe('-')
+      })
+    })
+  })
+})
diff --git a/__tests__/unit/components/Transaction/TransactionConfirm/TransactionConfirmBridgechain/TransactionConfirmBridgechainResignation.spec.js b/__tests__/unit/components/Transaction/TransactionConfirm/TransactionConfirmBridgechain/TransactionConfirmBridgechainResignation.spec.js
new file mode 100644
index 0000000000..89cd446a34
--- /dev/null
+++ b/__tests__/unit/components/Transaction/TransactionConfirm/TransactionConfirmBridgechain/TransactionConfirmBridgechainResignation.spec.js
@@ -0,0 +1,57 @@
+import { createLocalVue, mount } from '@vue/test-utils'
+import installI18n from '../../../../__utils__/i18n'
+import TransactionConfirmBridgechainResignation from '@/components/Transaction/TransactionConfirm/TransactionConfirmBridgechain/TransactionConfirmBridgechainResignation'
+
+const localVue = createLocalVue()
+const i18n = installI18n(localVue)
+
+let wrapper
+const createWrapper = (component, transaction) => {
+  component = component || TransactionConfirmBridgechainResignation
+
+  wrapper = mount(component, {
+    i18n,
+    localVue,
+    sync: false,
+    provide: {
+      currentWallet: {
+        address: 'address-1'
+      }
+    },
+    mocks: {
+      wallet_formatAddress: jest.fn((address) => `formatted-${address}`)
+    }
+  })
+}
+
+describe('TransactionConfirmBridgechainResignation', () => {
+  beforeEach(() => {
+    createWrapper()
+  })
+
+  it('should have magistrates transaction group (2)', () => {
+    expect(wrapper.vm.$options.transactionGroup).toBe(2)
+  })
+
+  it('should have bridgechain resignation transaction type (4)', () => {
+    expect(wrapper.vm.$options.transactionType).toBe(4)
+  })
+
+  describe('template', () => {
+    it('should render', () => {
+      expect(wrapper.contains('.TransactionConfirmBridgechainResignation')).toBe(true)
+    })
+
+    it('should output senderLabel', () => {
+      expect(wrapper.find('.TransactionConfirmBridgechainResignation__sender .ListDividedItem__value span').text()).toBe('address-1')
+    })
+  })
+
+  describe('computed', () => {
+    describe('senderLabel', () => {
+      it('should return a formatted address', () => {
+        expect(wrapper.vm.senderLabel).toBe('formatted-address-1')
+      })
+    })
+  })
+})
diff --git a/__tests__/unit/components/Transaction/TransactionConfirm/TransactionConfirmBridgechain/TransactionConfirmBridgechainUpdate.spec.js b/__tests__/unit/components/Transaction/TransactionConfirm/TransactionConfirmBridgechain/TransactionConfirmBridgechainUpdate.spec.js
new file mode 100644
index 0000000000..cf1caf60c1
--- /dev/null
+++ b/__tests__/unit/components/Transaction/TransactionConfirm/TransactionConfirmBridgechain/TransactionConfirmBridgechainUpdate.spec.js
@@ -0,0 +1,107 @@
+import { createLocalVue, mount } from '@vue/test-utils'
+import installI18n from '../../../../__utils__/i18n'
+import TransactionConfirmBridgechainUpdate from '@/components/Transaction/TransactionConfirm/TransactionConfirmBridgechain/TransactionConfirmBridgechainUpdate'
+
+const localVue = createLocalVue()
+const i18n = installI18n(localVue)
+
+let wrapper
+const createWrapper = (component, transaction) => {
+  component = component || TransactionConfirmBridgechainUpdate
+  transaction = transaction || {
+    asset: {
+      bridgechainUpdate: {
+        seedNodes: [
+          '1.1.1.1',
+          '2.2.2.2'
+        ],
+        ports: {
+          '@arkecosystem/core-api': 4003
+        }
+      }
+    }
+  }
+
+  wrapper = mount(component, {
+    i18n,
+    localVue,
+    sync: false,
+    provide: {
+      currentWallet: {
+        address: 'address-1'
+      },
+      transaction
+    },
+    mocks: {
+      wallet_formatAddress: jest.fn((address) => `formatted-${address}`)
+    }
+  })
+}
+
+describe('TransactionConfirmBridgechainUpdate', () => {
+  beforeEach(() => {
+    createWrapper()
+  })
+
+  it('should have magistrates transaction group (2)', () => {
+    expect(wrapper.vm.$options.transactionGroup).toBe(2)
+  })
+
+  it('should have bridgechain update transaction type (5)', () => {
+    expect(wrapper.vm.$options.transactionType).toBe(5)
+  })
+
+  describe('template', () => {
+    it('should render', () => {
+      expect(wrapper.contains('.TransactionConfirmBridgechainUpdate')).toBe(true)
+    })
+
+    it('should output senderLabel', () => {
+      expect(wrapper.find('.TransactionConfirmBridgechainUpdate__sender .ListDividedItem__value span').text()).toBe('address-1')
+    })
+
+    it('should output seed nodes', () => {
+      const seedNodes = wrapper.findAll('.TransactionConfirmBridgechainUpdate__seed-nodes .ListDividedItem__value > div')
+      for (const seedNodeIndex in wrapper.vm.transaction.asset.bridgechainUpdate.seedNodes) {
+        expect(seedNodes.at(seedNodeIndex).text()).toBe(wrapper.vm.transaction.asset.bridgechainUpdate.seedNodes[seedNodeIndex])
+      }
+    })
+
+    it('should output api port', () => {
+      expect(wrapper.find('.TransactionConfirmBridgechainUpdate__api-port .ListDividedItem__value').text()).toBe('4003')
+    })
+  })
+
+  describe('computed', () => {
+    describe('senderLabel', () => {
+      it('should return a formatted address', () => {
+        expect(wrapper.vm.senderLabel).toBe('formatted-address-1')
+      })
+    })
+
+    describe('apiPort', () => {
+      it('should return core-api port if provided', () => {
+        expect(wrapper.vm.apiPort).toBe(4003)
+      })
+
+      it('should return placeholder if no core-api port', () => {
+        createWrapper(null, {
+          asset: {
+            bridgechainUpdate: {
+              name: 'test',
+              genesisHash: '1234',
+              seedNodes: [
+                '1.1.1.1',
+                '2.2.2.2'
+              ],
+              ports: {},
+              bridgechainRepository: 'https://github.com/arkecosystem/core.git'
+            }
+          }
+        })
+
+        expect(wrapper.vm.apiPort).toBe('-')
+      })
+    })
+  })
+})
diff --git a/__tests__/unit/components/Transaction/TransactionConfirm/TransactionConfirmBusiness/TransactionConfirmBusinessRegistration.spec.js b/__tests__/unit/components/Transaction/TransactionConfirm/TransactionConfirmBusiness/TransactionConfirmBusinessRegistration.spec.js
new file mode 100644
index 0000000000..dc1d6d3c83
--- /dev/null
+++ b/__tests__/unit/components/Transaction/TransactionConfirm/TransactionConfirmBusiness/TransactionConfirmBusinessRegistration.spec.js
@@ -0,0 +1,112 @@
+import { createLocalVue, mount } from '@vue/test-utils'
+import installI18n from '../../../../__utils__/i18n'
+import TransactionConfirmBusinessRegistration from '@/components/Transaction/TransactionConfirm/TransactionConfirmBusiness/TransactionConfirmBusinessRegistration'
+
+const localVue = createLocalVue()
+const i18n = installI18n(localVue)
+
+let wrapper
+const createWrapper = (component, transaction) => {
+  component = component || TransactionConfirmBusinessRegistration
+  transaction = transaction || {
+    asset: {
+      businessRegistration: {
+        name: 'test business',
+        website: 'https://ark.io',
+        vat: 'GB12345678',
+        repository: 'https://github.com/arkecosystem/desktop-wallet.git'
+      }
+    }
+  }
+
+  wrapper = mount(component, {
+    i18n,
+    localVue,
+    sync: false,
+    provide: {
+      currentWallet: {
+        address: 'address-1'
+      },
+      transaction
+    },
+    mocks: {
+      wallet_formatAddress: jest.fn((address) => `formatted-${address}`)
+    }
+  })
+}
+
+describe('TransactionConfirmBusinessRegistration', () => {
+  beforeEach(() => {
+    createWrapper()
+  })
+
+  it('should have magistrates transaction group (2)', () => {
+    expect(wrapper.vm.$options.transactionGroup).toBe(2)
+  })
+
+  it('should have business registration transaction type (0)', () => {
+    expect(wrapper.vm.$options.transactionType).toBe(0)
+  })
+
+  describe('template', () => {
+    it('should render', () => {
+      expect(wrapper.contains('.TransactionConfirmBusinessRegistration')).toBe(true)
+    })
+
+    it('should output senderLabel', () => {
+      expect(wrapper.find('.TransactionConfirmBusinessRegistration__sender .ListDividedItem__value span').text()).toBe('address-1')
+    })
+
+    it('should output name', () => {
+      expect(wrapper.find('.TransactionConfirmBusinessRegistration__name .ListDividedItem__value').text()).toBe('test business')
+    })
+
+    it('should output website', () => {
+      expect(wrapper.find('.TransactionConfirmBusinessRegistration__website .ListDividedItem__value').text()).toBe('https://ark.io')
+    })
+
+    it('should output vat when provided', () => {
+      expect(wrapper.find('.TransactionConfirmBusinessRegistration__vat .ListDividedItem__value').text()).toBe('GB12345678')
+    })
+
+    it('should not output vat when not provided', () => {
+      createWrapper(null, {
+        asset: {
+          businessRegistration: {
+            name: 'test business',
+            website: 'https://ark.io',
+            repository: 'https://github.com/arkecosystem/desktop-wallet.git'
+          }
+        }
+      })
+
+      expect(wrapper.contains('.TransactionConfirmBusinessRegistration__vat')).toBe(false)
+    })
+
+    it('should output repo when provided', () => {
+      expect(wrapper.find('.TransactionConfirmBusinessRegistration__repository .ListDividedItem__value').text()).toBe('https://github.com/arkecosystem/desktop-wallet.git')
+    })
+
+    it('should not output repo when not provided', () => {
+      createWrapper(null, {
+        asset: {
+          businessRegistration: {
+            name: 'test business',
+            website: 'https://ark.io',
+            vat: 'GB12345678'
+          }
+        }
+      })
+
+      expect(wrapper.contains('.TransactionConfirmBusinessRegistration__repository')).toBe(false)
+    })
+  })
+
+  describe('computed', () => {
+    describe('senderLabel', () => {
+      it('should return a formatted address', () => {
+        expect(wrapper.vm.senderLabel).toBe('formatted-address-1')
+      })
+    })
+  })
+})
diff --git a/__tests__/unit/components/Transaction/TransactionConfirm/TransactionConfirmBusiness/TransactionConfirmBusinessResignation.spec.js b/__tests__/unit/components/Transaction/TransactionConfirm/TransactionConfirmBusiness/TransactionConfirmBusinessResignation.spec.js
new file mode 100644
index 0000000000..dd3bc742be
--- /dev/null
+++ b/__tests__/unit/components/Transaction/TransactionConfirm/TransactionConfirmBusiness/TransactionConfirmBusinessResignation.spec.js
@@ -0,0 +1,57 @@
+import { createLocalVue, mount } from '@vue/test-utils'
+import installI18n from '../../../../__utils__/i18n'
+import TransactionConfirmBusinessResignation from '@/components/Transaction/TransactionConfirm/TransactionConfirmBusiness/TransactionConfirmBusinessResignation'
+
+const localVue = createLocalVue()
+const i18n = installI18n(localVue)
+
+let wrapper
+const createWrapper = (component) => {
+  component = component || TransactionConfirmBusinessResignation
+
+  wrapper = mount(component, {
+    i18n,
+    localVue,
+    sync: false,
+    provide: {
+      currentWallet: {
+        address: 'address-1'
+      }
+    },
+    mocks: {
+      wallet_formatAddress: jest.fn((address) => `formatted-${address}`)
+    }
+  })
+}
+
+describe('TransactionConfirmBusinessResignation', () => {
+  beforeEach(() => {
+    createWrapper()
+  })
+
+  it('should have magistrates transaction group (2)', () => {
+    expect(wrapper.vm.$options.transactionGroup).toBe(2)
+  })
+
+  it('should have business resignation transaction type (1)', () => {
+    expect(wrapper.vm.$options.transactionType).toBe(1)
+  })
+
+  describe('template', () => {
+    it('should render', () => {
+      expect(wrapper.contains('.TransactionConfirmBusinessResignation')).toBe(true)
+    })
+
+    it('should output senderLabel', () => {
+      expect(wrapper.find('.TransactionConfirmBusinessResignation__sender .ListDividedItem__value span').text()).toBe('address-1')
+    })
+  })
+
+  describe('computed', () => {
+    describe('senderLabel', () => {
+      it('should return a formatted address', () => {
+        expect(wrapper.vm.senderLabel).toBe('formatted-address-1')
+      })
+    })
+  })
+})
diff --git a/__tests__/unit/components/Transaction/TransactionConfirm/TransactionConfirmBusiness/TransactionConfirmBusinessUpdate.spec.js b/__tests__/unit/components/Transaction/TransactionConfirm/TransactionConfirmBusiness/TransactionConfirmBusinessUpdate.spec.js
new file mode 100644
index 0000000000..38fc3d6c24
--- /dev/null
+++ b/__tests__/unit/components/Transaction/TransactionConfirm/TransactionConfirmBusiness/TransactionConfirmBusinessUpdate.spec.js
@@ -0,0 +1,112 @@
+import { createLocalVue, mount } from '@vue/test-utils'
+import installI18n from '../../../../__utils__/i18n'
+import TransactionConfirmBusinessUpdate from '@/components/Transaction/TransactionConfirm/TransactionConfirmBusiness/TransactionConfirmBusinessUpdate'
+
+const localVue = createLocalVue()
+const i18n = installI18n(localVue)
+
+let wrapper
+const createWrapper = (component, transaction) => {
+  component = component || TransactionConfirmBusinessUpdate
+  transaction = transaction || {
+    asset: {
+      businessUpdate: {
+        name: 'test business',
+        website: 'https://ark.io',
+        vat: 'GB12345678',
+        repository: 'https://github.com/arkecosystem/desktop-wallet.git'
+      }
+    }
+  }
+
+  wrapper = mount(component, {
+    i18n,
+    localVue,
+    sync: false,
+    provide: {
+      currentWallet: {
+        address: 'address-1'
+      },
+      transaction
+    },
+    mocks: {
+      wallet_formatAddress: jest.fn((address) => `formatted-${address}`)
+    }
+  })
+}
+
+describe('TransactionConfirmBusinessUpdate', () => {
+  beforeEach(() => {
+    createWrapper()
+  })
+
+  it('should have magistrates transaction group (2)', () => {
+    expect(wrapper.vm.$options.transactionGroup).toBe(2)
+  })
+
+  it('should have business update transaction type (2)', () => {
+    expect(wrapper.vm.$options.transactionType).toBe(2)
+  })
+
+  describe('template', () => {
+    it('should render', () => {
+      expect(wrapper.contains('.TransactionConfirmBusinessUpdate')).toBe(true)
+    })
+
+    it('should output senderLabel', () => {
+      expect(wrapper.find('.TransactionConfirmBusinessUpdate__sender .ListDividedItem__value span').text()).toBe('address-1')
+    })
+
+    it('should output name', () => {
+      expect(wrapper.find('.TransactionConfirmBusinessUpdate__name .ListDividedItem__value').text()).toBe('test business')
+    })
+
+    it('should output website', () => {
+      expect(wrapper.find('.TransactionConfirmBusinessUpdate__website .ListDividedItem__value').text()).toBe('https://ark.io')
+    })
+
+    it('should output vat when provided', () => {
+      expect(wrapper.find('.TransactionConfirmBusinessUpdate__vat .ListDividedItem__value').text()).toBe('GB12345678')
+    })
+
+    it('should not output vat when not provided', () => {
+      createWrapper(null, {
+        asset: {
+          businessUpdate: {
+            name: 'test business',
+            website: 'https://ark.io',
+            repository: 'https://github.com/arkecosystem/desktop-wallet.git'
+          }
+        }
+      })
+
+      expect(wrapper.contains('.TransactionConfirmBusinessUpdate__vat')).toBe(false)
+    })
+
+    it('should output repo when provided', () => {
+      expect(wrapper.find('.TransactionConfirmBusinessUpdate__repository .ListDividedItem__value').text()).toBe('https://github.com/arkecosystem/desktop-wallet.git')
+    })
+
+    it('should not output repo when not provided', () => {
+      createWrapper(null, {
+        asset: {
+          businessUpdate: {
+            name: 'test business',
+            website: 'https://ark.io',
+            vat: 'GB12345678'
+          }
+        }
+      })
+
+      expect(wrapper.contains('.TransactionConfirmBusinessUpdate__repository')).toBe(false)
+    })
+  })
+
+  describe('computed', () => {
+    describe('senderLabel', () => {
+      it('should return a formatted address', () => {
+        expect(wrapper.vm.senderLabel).toBe('formatted-address-1')
+      })
+    })
+  })
+})
diff --git a/__tests__/unit/components/Transaction/TransactionConfirm/TransactionConfirmDelegateRegistration.spec.js b/__tests__/unit/components/Transaction/TransactionConfirm/TransactionConfirmDelegateRegistration.spec.js
new file mode 100644
index 0000000000..c5db5b1c33
--- /dev/null
+++ b/__tests__/unit/components/Transaction/TransactionConfirm/TransactionConfirmDelegateRegistration.spec.js
@@ -0,0 +1,85 @@
+import { createLocalVue, mount } from '@vue/test-utils'
+import installI18n from '../../../__utils__/i18n'
+import TransactionConfirmDelegateRegistration from '@/components/Transaction/TransactionConfirm/TransactionConfirmDelegateRegistration'
+
+const localVue = createLocalVue()
+const i18n = installI18n(localVue)
+
+let wrapper
+const createWrapper = (component, transaction) => {
+  component = component || TransactionConfirmDelegateRegistration
+  transaction = transaction || {
+    asset: {
+      delegate: {
+        username: 'test_delegate'
+      }
+    }
+  }
+
+  wrapper = mount(component, {
+    i18n,
+    localVue,
+    sync: false,
+    provide: {
+      currentWallet: {
+        address: 'address-1'
+      },
+      transaction
+    },
+    mocks: {
+      wallet_formatAddress: jest.fn((address) => `formatted-${address}`)
+    }
+  })
+}
+
+describe('TransactionConfirmDelegateRegistration', () => {
+  beforeEach(() => {
+    createWrapper()
+  })
+
+  it('should have delegate registration transaction type (2)', () => {
+    expect(wrapper.vm.$options.transactionType).toBe(2)
+  })
+
+  describe('template', () => {
+    it('should render', () => {
+      expect(wrapper.contains('.TransactionConfirmDelegateRegistration')).toBe(true)
+    })
+
+    it('should output senderLabel', () => {
+      expect(wrapper.find('.TransactionConfirmDelegateRegistration__sender .ListDividedItem__value span').text()).toBe('address-1')
+    })
+
+    it('should output username', () => {
+      expect(wrapper.find('.TransactionConfirmDelegateRegistration__username .ListDividedItem__value').text()).toBe('test_delegate')
+    })
+  })
+
+  describe('computed', () => {
+    describe('senderLabel', () => {
+      it('should return a formatted address', () => {
+        expect(wrapper.vm.senderLabel).toBe('formatted-address-1')
+      })
+    })
+
+    describe('username', () => {
+      it('should return username if set', () => {
+        expect(wrapper.vm.username).toBe('test_delegate')
+      })
+
+      it('should return empty string if no asset', () => {
+        createWrapper(null, {})
+
+        expect(wrapper.vm.username).toBe('')
+      })
+
+      it('should return empty string if no delegate', () => {
+        createWrapper(null, {
+          asset: {}
+        })
+
+        expect(wrapper.vm.username).toBe('')
+      })
+    })
+  })
+})
diff --git a/__tests__/unit/components/Transaction/TransactionConfirm/TransactionConfirmDelegateResignation.spec.js b/__tests__/unit/components/Transaction/TransactionConfirm/TransactionConfirmDelegateResignation.spec.js
new file mode 100644
index 0000000000..1ba684b9e8
--- /dev/null
+++ b/__tests__/unit/components/Transaction/TransactionConfirm/TransactionConfirmDelegateResignation.spec.js
@@ -0,0 +1,53 @@
+import { createLocalVue, mount } from '@vue/test-utils'
+import installI18n from '../../../__utils__/i18n'
+import TransactionConfirmDelegateResignation from '@/components/Transaction/TransactionConfirm/TransactionConfirmDelegateResignation'
+
+const localVue = createLocalVue()
+const i18n = installI18n(localVue)
+
+let wrapper
+const createWrapper = (component) => {
+  component = component || TransactionConfirmDelegateResignation
+
+  wrapper = mount(component, {
+    i18n,
+    localVue,
+    sync: false,
+    provide: {
+      currentWallet: {
+        address: 'address-1'
+      }
+    },
+    mocks: {
+      wallet_formatAddress: jest.fn((address) => `formatted-${address}`)
+    }
+  })
+}
+
+describe('TransactionConfirmDelegateResignation', () => {
+  beforeEach(() => {
+    createWrapper()
+  })
+
+  it('should have delegate resignation transaction type (7)', () => {
+    expect(wrapper.vm.$options.transactionType).toBe(7)
+  })
+
+  describe('template', () => {
+    it('should render', () => {
+      expect(wrapper.contains('.TransactionConfirmDelegateResignation')).toBe(true)
+    })
+
+    it('should output senderLabel', () => {
+      expect(wrapper.find('.TransactionConfirmDelegateResignation__sender .ListDividedItem__value span').text()).toBe('address-1')
+    })
+  })
+
+  describe('computed', () => {
+    describe('senderLabel', () => {
+      it('should return a formatted address', () => {
+        expect(wrapper.vm.senderLabel).toBe('formatted-address-1')
+      })
+    })
+  })
+})
diff --git a/__tests__/unit/components/Transaction/TransactionConfirm/TransactionConfirmIpfs.spec.js b/__tests__/unit/components/Transaction/TransactionConfirm/TransactionConfirmIpfs.spec.js
new file mode 100644
index 0000000000..8399b7134b
--- /dev/null
+++ b/__tests__/unit/components/Transaction/TransactionConfirm/TransactionConfirmIpfs.spec.js
@@ -0,0 +1,53 @@
+import { createLocalVue, mount } from '@vue/test-utils'
+import installI18n from '../../../__utils__/i18n'
+import TransactionConfirmIpfs from '@/components/Transaction/TransactionConfirm/TransactionConfirmIpfs'
+
+const localVue = createLocalVue()
+const i18n = installI18n(localVue)
+
+let wrapper
+const createWrapper = (component) => {
+  component = component || TransactionConfirmIpfs
+
+  wrapper = mount(component, {
+    i18n,
+    localVue,
+    sync: false,
+    provide: {
+      currentWallet: {
+        address: 'address-1'
+      }
+    },
+    mocks: {
+      wallet_formatAddress: jest.fn((address) => `formatted-${address}`)
+    }
+  })
+}
+
+describe('TransactionConfirmIpfs', () => {
+  beforeEach(() => {
+    createWrapper()
+  })
+
+  it('should have ipfs transaction type (5)', () => {
+    expect(wrapper.vm.$options.transactionType).toBe(5)
+  })
+
+  describe('template', () => {
+    it('should render', () => {
+      expect(wrapper.contains('.TransactionConfirmIpfs')).toBe(true)
+    })
+
+    it('should output senderLabel', () => {
+      expect(wrapper.find('.TransactionConfirmIpfs__sender .ListDividedItem__value span').text()).toBe('address-1')
+    })
+  })
+
+  describe('computed', () => {
+    describe('senderLabel', () => {
+      it('should return a formatted address', () => {
+        expect(wrapper.vm.senderLabel).toBe('formatted-address-1')
+      })
+    })
+  })
+})
diff --git a/__tests__/unit/components/Transaction/TransactionConfirm/TransactionConfirmMultiPayment.spec.js b/__tests__/unit/components/Transaction/TransactionConfirm/TransactionConfirmMultiPayment.spec.js
new file mode 100644
index 0000000000..c8b3f11df4
--- /dev/null
+++ b/__tests__/unit/components/Transaction/TransactionConfirm/TransactionConfirmMultiPayment.spec.js
@@ -0,0 +1,102 @@
+import { createLocalVue, mount } from '@vue/test-utils'
+import installI18n from '../../../__utils__/i18n'
+import TransactionConfirmMultiPayment from '@/components/Transaction/TransactionConfirm/TransactionConfirmMultiPayment'
+
+const localVue = createLocalVue()
+const i18n = installI18n(localVue)
+
+let wrapper
+const createWrapper = (component, transaction) => {
+  component = component || TransactionConfirmMultiPayment
+  transaction = transaction || {
+    asset: {
+      payments: [
+        {
+          address: 'address-1',
+          amount: (1 * 1e8).toString()
+        },
+        {
+          address: 'address-2',
+          amount: (2 * 1e8).toString()
+        }
+      ]
+    }
+  }
+
+  wrapper = mount(component, {
+    i18n,
+    localVue,
+    sync: false,
+    provide: {
+      currentWallet: {
+        address: 'address-1'
+      },
+      transaction
+    },
+    mocks: {
+      formatter_networkCurrency: jest.fn((amount) => amount),
+      wallet_formatAddress: jest.fn((address) => `formatted-${address}`),
+      wallet_name: jest.fn(wallet => wallet)
+    },
+    stubs: {
+      Identicon: '<div></div>'
+    }
+  })
+}
+
+describe('TransactionConfirmMultiPayment', () => {
+  beforeEach(() => {
+    createWrapper()
+  })
+
+  it('should have multi-payment transaction type (6)', () => {
+    expect(wrapper.vm.$options.transactionType).toBe(6)
+  })
+
+  describe('template', () => {
+    it('should render', () => {
+      expect(wrapper.contains('.TransactionConfirmMultiPayment')).toBe(true)
+    })
+
+    it('should output senderLabel', () => {
+      expect(wrapper.find('.TransactionConfirmMultiPayment__sender .ListDividedItem__value span').text()).toBe('address-1')
+    })
+
+    it('should output recipients', () => {
+      const recipients = wrapper.findAll('.TransactionConfirmMultiPayment__recipients .InputEditableList__list__item')
+
+      for (const recipientIndex in wrapper.vm.transaction.asset.payments) {
+        const recipient = wrapper.vm.transaction.asset.payments[recipientIndex]
+        const recipientElement = recipients.at(recipientIndex)
+        const addressText = recipientElement.find('.TransactionMultiPaymentList__recipient').text().replace('TRANSACTION.RECIPIENT:', '')
+        const amountText = recipientElement.find('.TransactionMultiPaymentList__amount').text().replace('TRANSACTION.AMOUNT:', '')
+
+        expect(addressText.trim()).toBe(recipient.address)
+        expect(amountText.trim()).toBe(recipient.amount)
+      }
+    })
+  })
+
+  describe('computed', () => {
+    describe('senderLabel', () => {
+      it('should return a formatted address', () => {
+        expect(wrapper.vm.senderLabel).toBe('formatted-address-1')
+      })
+    })
+
+    describe('payments', () => {
+      it('should return all payments', () => {
+        expect(wrapper.vm.payments).toEqual([
+          {
+            address: 'address-1',
+            amount: '100000000'
+          },
+          {
+            address: 'address-2',
+            amount: '200000000'
+          }
+        ])
+      })
+    })
+  })
+})
diff --git a/__tests__/unit/components/Transaction/TransactionConfirm/TransactionConfirmMultiSignature.spec.js b/__tests__/unit/components/Transaction/TransactionConfirm/TransactionConfirmMultiSignature.spec.js
new file mode 100644
index 0000000000..ca17c0b11d
--- /dev/null
+++ b/__tests__/unit/components/Transaction/TransactionConfirm/TransactionConfirmMultiSignature.spec.js
@@ -0,0 +1,53 @@
+import { createLocalVue, mount } from '@vue/test-utils'
+import installI18n from '../../../__utils__/i18n'
+import TransactionConfirmMultiSignature from '@/components/Transaction/TransactionConfirm/TransactionConfirmMultiSignature'
+
+const localVue = createLocalVue()
+const i18n = installI18n(localVue)
+
+let wrapper
+const createWrapper = (component) => {
+  component = component || TransactionConfirmMultiSignature
+
+  wrapper = mount(component, {
+    i18n,
+    localVue,
+    sync: false,
+    provide: {
+      currentWallet: {
+        address: 'address-1'
+      }
+    },
+    mocks: {
+      wallet_formatAddress: jest.fn((address) => `formatted-${address}`)
+    }
+  })
+}
+
+describe('TransactionConfirmMultiSignature', () => {
+  beforeEach(() => {
+    createWrapper()
+  })
+
+  it('should have multi-signature transaction type (4)', () => {
+    expect(wrapper.vm.$options.transactionType).toBe(4)
+  })
+
+  describe('template', () => {
+    it('should render', () => {
+      expect(wrapper.contains('.TransactionConfirmMultiSignature')).toBe(true)
+    })
+
+    it('should output senderLabel', () => {
+      expect(wrapper.find('.TransactionConfirmMultiSignature__sender .ListDividedItem__value span').text()).toBe('address-1')
+    })
+  })
+
+  describe('computed', () => {
+    describe('senderLabel', () => {
+      it('should return a formatted address', () => {
+        expect(wrapper.vm.senderLabel).toBe('formatted-address-1')
+      })
+    })
+  })
+})
diff --git a/__tests__/unit/components/Transaction/TransactionConfirm/TransactionConfirmSecondSignature.spec.js b/__tests__/unit/components/Transaction/TransactionConfirm/TransactionConfirmSecondSignature.spec.js
new file mode 100644
index 0000000000..d462509f04
--- /dev/null
+++ b/__tests__/unit/components/Transaction/TransactionConfirm/TransactionConfirmSecondSignature.spec.js
@@ -0,0 +1,53 @@
+import { createLocalVue, mount } from '@vue/test-utils'
+import installI18n from '../../../__utils__/i18n'
+import TransactionConfirmSecondSignature from '@/components/Transaction/TransactionConfirm/TransactionConfirmSecondSignature'
+
+const localVue = createLocalVue()
+const i18n = installI18n(localVue)
+
+let wrapper
+const createWrapper = (component) => {
+  component = component || TransactionConfirmSecondSignature
+
+  wrapper = mount(component, {
+    i18n,
+    localVue,
+    sync: false,
+    provide: {
+      currentWallet: {
+        address: 'address-1'
+      }
+    },
+    mocks: {
+      wallet_formatAddress: jest.fn((address) => `formatted-${address}`)
+    }
+  })
+}
+
+describe('TransactionConfirmSecondSignature', () => {
+  beforeEach(() => {
+    createWrapper()
+  })
+
+  it('should have second signature transaction type (1)', () => {
+    expect(wrapper.vm.$options.transactionType).toBe(1)
+  })
+
+  describe('template', () => {
+    it('should render', () => {
+      expect(wrapper.contains('.TransactionConfirmSecondSignature')).toBe(true)
+    })
+
+    it('should output senderLabel', () => {
+      expect(wrapper.find('.TransactionConfirmSecondSignature__sender .ListDividedItem__value span').text()).toBe('address-1')
+    })
+  })
+
+  describe('computed', () => {
+    describe('senderLabel', () => {
+      it('should return a formatted address', () => {
+        expect(wrapper.vm.senderLabel).toBe('formatted-address-1')
+      })
+    })
+  })
+})
diff --git a/__tests__/unit/components/Transaction/TransactionConfirm/TransactionConfirmTransfer.spec.js b/__tests__/unit/components/Transaction/TransactionConfirm/TransactionConfirmTransfer.spec.js
new file mode 100644
index 0000000000..f93e40182c
--- /dev/null
+++ b/__tests__/unit/components/Transaction/TransactionConfirm/TransactionConfirmTransfer.spec.js
@@ -0,0 +1,93 @@
+import { createLocalVue, mount } from '@vue/test-utils'
+import installI18n from '../../../__utils__/i18n'
+import TransactionConfirmTransfer from '@/components/Transaction/TransactionConfirm/TransactionConfirmTransfer'
+
+const localVue = createLocalVue()
+const i18n = installI18n(localVue)
+
+let wrapper
+const createWrapper = (component, transaction) => {
+  component = component || TransactionConfirmTransfer
+  transaction = transaction || {
+    amount: (1 * 1e8).toString(),
+    fee: (0.1 * 1e8).toString(),
+    recipientId: 'recipient-address',
+    vendorField: 'test vendorField'
+  }
+
+  wrapper = mount(component, {
+    i18n,
+    localVue,
+    sync: false,
+    provide: {
+      currentWallet: {
+        address: 'address-1'
+      },
+      transaction
+    },
+    mocks: {
+      formatter_networkCurrency: jest.fn((amount) => amount),
+      wallet_formatAddress: jest.fn((address) => `formatted-${address}`)
+    }
+  })
+}
+
+describe('TransactionConfirmTransfer', () => {
+  beforeEach(() => {
+    createWrapper()
+  })
+
+  it('should have transfer transaction type (0)', () => {
+    expect(wrapper.vm.$options.transactionType).toBe(0)
+  })
+
+  describe('template', () => {
+    it('should render', () => {
+      expect(wrapper.contains('.TransactionConfirmTransfer')).toBe(true)
+    })
+
+    it('should output senderLabel', () => {
+      expect(wrapper.find('.TransactionConfirmTransfer__sender .ListDividedItem__value span').text()).toBe('address-1')
+    })
+
+    it('should output amount', () => {
+      expect(wrapper.find('.TransactionConfirmTransfer__amount .ListDividedItem__value').text()).toBe('100000000')
+    })
+
+    it('should output recipientLabel', () => {
+      expect(wrapper.find('.TransactionConfirmTransfer__recipient .ListDividedItem__value span').text()).toBe('recipient-address')
+    })
+
+    it('should output vendorField', () => {
+      expect(wrapper.find('.TransactionConfirmTransfer__vendorfield .ListDividedItem__value').text()).toBe('test vendorField')
+    })
+
+    it('should not output vendorField if not provided', () => {
+      createWrapper(null, {
+        amount: (1 * 1e8).toString(),
+        fee: (0.1 * 1e8).toString(),
+        recipientId: 'recipient-address'
+      })
+
+      expect(wrapper.contains('.TransactionConfirmTransfer__vendorfield')).toBe(false)
+    })
+
+    it('should output fee', () => {
+      expect(wrapper.find('.TransactionConfirmTransfer__fee .ListDividedItem__value').text()).toBe('10000000')
+    })
+  })
+
+  describe('computed', () => {
+    describe('senderLabel', () => {
+      it('should return a formatted address', () => {
+        expect(wrapper.vm.senderLabel).toBe('formatted-address-1')
+      })
+    })
+
+    describe('recipientLabel', () => {
+      it('should return a formatted address', () => {
+        expect(wrapper.vm.recipientLabel).toBe('formatted-recipient-address')
+      })
+    })
+  })
+})
diff --git a/__tests__/unit/components/Transaction/TransactionConfirm/TransactionConfirmVote.spec.js b/__tests__/unit/components/Transaction/TransactionConfirm/TransactionConfirmVote.spec.js
new file mode 100644
index 0000000000..076221c61e
--- /dev/null
+++ b/__tests__/unit/components/Transaction/TransactionConfirm/TransactionConfirmVote.spec.js
@@ -0,0 +1,53 @@
+import { createLocalVue, mount } from '@vue/test-utils'
+import installI18n from '../../../__utils__/i18n'
+import TransactionConfirmVote from '@/components/Transaction/TransactionConfirm/TransactionConfirmVote'
+
+const localVue = createLocalVue()
+const i18n = installI18n(localVue)
+
+let wrapper
+const createWrapper = (component) => {
+  component = component || TransactionConfirmVote
+
+  wrapper = mount(component, {
+    i18n,
+    localVue,
+    sync: false,
+    provide: {
+      currentWallet: {
+        address: 'address-1'
+      }
+    },
+    mocks: {
+      wallet_formatAddress: jest.fn((address) => `formatted-${address}`)
+    }
+  })
+}
+
+describe('TransactionConfirmVote', () => {
+  beforeEach(() => {
+    createWrapper()
+  })
+
+  it('should have vote transaction type (3)', () => {
+    expect(wrapper.vm.$options.transactionType).toBe(3)
+  })
+
+  describe('template', () => {
+    it('should render', () => {
+      expect(wrapper.contains('.TransactionConfirmVote')).toBe(true)
+    })
+
+    it('should output senderLabel', () => {
+      expect(wrapper.find('.TransactionConfirmVote__sender .ListDividedItem__value span').text()).toBe('address-1')
+    })
+  })
+
+  describe('computed', () => {
+    describe('senderLabel', () => {
+      it('should return a formatted address', () => {
+        expect(wrapper.vm.senderLabel).toBe('formatted-address-1')
+      })
+    })
+  })
+})
diff --git a/__tests__/unit/components/Transaction/TransactionForm/TransactionFormBridgechain/TransactionFormBridgechainRegistration.spec.js b/__tests__/unit/components/Transaction/TransactionForm/TransactionFormBridgechain/TransactionFormBridgechainRegistration.spec.js
new file mode 100644
index 0000000000..8b20441b44
--- /dev/null
+++ b/__tests__/unit/components/Transaction/TransactionForm/TransactionFormBridgechain/TransactionFormBridgechainRegistration.spec.js
@@ -0,0 +1,284 @@
+import { createLocalVue, mount } from '@vue/test-utils'
+import Vuelidate from 'vuelidate'
+import installI18n from '../../../../__utils__/i18n'
+import TransactionFormBridgechainRegistration from '@/components/Transaction/TransactionForm/TransactionFormBridgechain/TransactionFormBridgechainRegistration'
+import CurrencyMixin from '@/mixins/currency'
+
+const localVue = createLocalVue()
+localVue.use(Vuelidate)
+const i18n = installI18n(localVue)
+
+const network = {
+  token: 'ARK',
+  version: 23,
+  wif: 170,
+  market: {
+    enabled: false
+  }
+}
+
+let wrapper
+/* eslint-disable-next-line camelcase */
+const createWrapper = (component, wallet_fromRoute) => {
+  component = component || TransactionFormBridgechainRegistration
+  /* eslint-disable-next-line camelcase */
+  wallet_fromRoute = wallet_fromRoute || {
+    passphrase: null
+  }
+
+  wrapper = mount(component, {
+    i18n,
+    localVue,
+    sync: false,
+    mocks: {
+      $client: {
+        buildBridgechainRegistration: jest.fn((transactionData) => transactionData)
+      },
+      $error: jest.fn(),
+      $store: {
+        getters: {
+          'transaction/staticFee': jest.fn(() => null),
+          'session/lastFeeByType': jest.fn(() => (1 * 1e8).toString()),
+          'session/network': network,
+          'network/byToken': jest.fn(() => (network))
+        }
+      },
+      $synchronizer: {
+        appendFocus: jest.fn()
+      },
+      session_network: network,
+      currency_format: jest.fn(CurrencyMixin.methods.currency_format),
+      currency_subToUnit: jest.fn(CurrencyMixin.methods.currency_subToUnit),
+      currency_toBuilder: jest.fn(CurrencyMixin.methods.currency_toBuilder),
+      wallet_formatAddress: jest.fn(address => `formatted-${address}`),
+      wallet_fromRoute
+    }
+  })
+}
+
+describe('TransactionFormBridgechainRegistration', () => {
+  beforeEach(() => {
+    createWrapper()
+  })
+
+  it('should have magistrate transaction group', () => {
+    expect(wrapper.vm.$options.transactionGroup).toBe(2)
+  })
+
+  it('should have bridgechain registration transaction type', () => {
+    expect(wrapper.vm.$options.transactionType).toBe(3)
+  })
+
+  describe('template', () => {
+    it('should render', () => {
+      expect(wrapper.contains('.TransactionFormBridgechain')).toBe(true)
+    })
+
+    describe('step 1', () => {
+      it('should have seed node field', () => {
+        expect(wrapper.contains('.TransactionFormBridgechain__seed-node')).toBe(true)
+      })
+
+      it('should have add button', () => {
+        expect(wrapper.contains('.TransactionFormBridgechain__add')).toBe(true)
+      })
+
+      it('should have seed nodes list', () => {
+        expect(wrapper.contains('.TransactionFormBridgechain__seed-nodes')).toBe(true)
+      })
+    })
+
+    describe('step 2', () => {
+      beforeEach(() => {
+        wrapper.vm.step = 2
+      })
+
+      it('should have name field', () => {
+        expect(wrapper.contains('.TransactionFormBridgechain__name')).toBe(true)
+      })
+
+      it('should have genesis hash field', () => {
+        expect(wrapper.contains('.TransactionFormBridgechain__genesis-hash')).toBe(true)
+      })
+
+      it('should have bridgechain repository field', () => {
+        expect(wrapper.contains('.TransactionFormBridgechain__bridgechain-repository')).toBe(true)
+      })
+
+      it('should have bridgechain asset repository field', () => {
+        expect(wrapper.contains('.TransactionFormBridgechain__bridgechain-asset-repository')).toBe(true)
+      })
+
+      it('should have api port field', () => {
+        expect(wrapper.contains('.TransactionFormBridgechain__api-port')).toBe(true)
+      })
+
+      it('should have fee field', () => {
+        expect(wrapper.contains('.TransactionFormBridgechain__fee')).toBe(true)
+      })
+
+      describe('ledger notice', () => {
+        it('should show if wallet is a ledger', async () => {
+          createWrapper(null, {
+            isLedger: true
+          })
+
+          wrapper.vm.step = 2
+          await wrapper.vm.$nextTick()
+
+          expect(wrapper.contains('.TransactionFormBridgechain__ledger-notice')).toBe(true)
+        })
+
+        it('should show if wallet is not a ledger', async () => {
+          createWrapper(null, {
+            isLedger: false
+          })
+
+          wrapper.vm.step = 2
+          await wrapper.vm.$nextTick()
+
+          expect(wrapper.contains('.TransactionFormBridgechain__ledger-notice')).toBe(false)
+        })
+      })
+
+      describe('password field', () => {
+        it('should show if wallet does have a password', async () => {
+          createWrapper(null, {
+            passphrase: 'password'
+          })
+
+          wrapper.vm.step = 2
+          await wrapper.vm.$nextTick()
+
+          expect(wrapper.contains('.TransactionFormBridgechain__password')).toBe(true)
+        })
+
+        it('should show if wallet does not have a password', () => {
+          expect(wrapper.contains('.TransactionFormBridgechain__password')).toBe(false)
+        })
+      })
+
+      describe('passphrase field', () => {
+        it('should show if wallet does not have a password', () => {
+          expect(wrapper.contains('.TransactionFormBridgechain__passphrase')).toBe(true)
+        })
+
+        it('should not show if wallet does have a password', async () => {
+          createWrapper(null, {
+            passphrase: 'password'
+          })
+
+          wrapper.vm.step = 2
+          await wrapper.vm.$nextTick()
+
+          expect(wrapper.contains('.TransactionFormBridgechain__passphrase')).toBe(false)
+        })
+      })
+    })
+
+    describe('prev button', () => {
+      it('should be enabled if form is on step 2', async () => {
+        wrapper.vm.step = 2
+
+        await wrapper.vm.$nextTick()
+
+        expect(wrapper.find('.TransactionFormBridgechain__prev').attributes('disabled')).toBeFalsy()
+      })
+
+      it('should be disabled if form is on step 1', async () => {
+        wrapper.vm.step = 1
+
+        await wrapper.vm.$nextTick()
+
+        expect(wrapper.find('.TransactionFormBridgechain__prev').attributes('disabled')).toBe('disabled')
+      })
+    })
+
+    describe('next button', () => {
+      it('should be enabled if seed nodes is valid on step 1', async () => {
+        wrapper.vm.step = 1
+        wrapper.vm.$v.form.seedNodes.$model = [
+          '1.1.1.1'
+        ]
+
+        await wrapper.vm.$nextTick()
+
+        expect(wrapper.find('.TransactionFormBridgechain__next').attributes('disabled')).toBeFalsy()
+      })
+
+      it('should be enabled if form is valid on step 2', async () => {
+        wrapper.vm.step = 2
+        wrapper.vm.$v.form.fee.$model = (0.1 * 1e8).toString()
+        wrapper.vm.$v.form.passphrase.$model = 'passphrase'
+        wrapper.vm.$v.form.asset.name.$model = 'bridgechain'
+        wrapper.vm.$v.form.asset.genesisHash.$model = '2a44f340d76ffc3df204c5f38cd355b7496c9065a1ade2ef92071436bd72e867'
+        wrapper.vm.form.asset.ports = {
+          '@arkecosystem/core-api': 4003
+        }
+        wrapper.vm.$v.form.seedNodes.$model = [
+          '1.1.1.1'
+        ]
+        wrapper.vm.$v.form.asset.bridgechainRepository.$model = 'https://github.com/arkecosystem/core.git'
+        wrapper.vm.$v.form.asset.bridgechainAssetRepository.$model = 'https://github.com/arkecosystem/core-assets.git'
+
+        await wrapper.vm.$nextTick()
+
+        expect(wrapper.find('.TransactionFormBridgechain__next').attributes('disabled')).toBeFalsy()
+      })
+
+      it('should be disabled if seed nodes is invalid on step 1', async () => {
+        wrapper.vm.step = 1
+        wrapper.vm.$v.form.seedNodes.$model = []
+
+        await wrapper.vm.$nextTick()
+
+        expect(wrapper.find('.TransactionFormBridgechain__next').attributes('disabled')).toBe('disabled')
+      })
+
+      it('should be disabled if form is invalid on step 2', async () => {
+        wrapper.vm.step = 2
+        wrapper.vm.$v.form.seedNodes.$model = []
+
+        await wrapper.vm.$nextTick()
+
+        expect(wrapper.find('.TransactionFormBridgechain__next').attributes('disabled')).toBe('disabled')
+      })
+    })
+  })
+
+  describe('methods', () => {
+    describe('buildTransaction', () => {
+      it('should build bridgechain registration', async () => {
+        const transactionData = {
+          type: 3,
+          typeGroup: 2
+        }
+
+        const response = await wrapper.vm.buildTransaction(transactionData, true, true)
+
+        expect(wrapper.vm.$client.buildBridgechainRegistration).toHaveBeenCalledWith(transactionData, true, true)
+        expect(response).toBe(transactionData)
+      })
+
+      it('should build bridgechain registration with default arguments', async () => {
+        const transactionData = {
+          type: 3,
+          typeGroup: 2
+        }
+
+        const response = await wrapper.vm.buildTransaction(transactionData)
+
+        expect(wrapper.vm.$client.buildBridgechainRegistration).toHaveBeenCalledWith(transactionData, false, false)
+        expect(response).toBe(transactionData)
+      })
+    })
+
+    describe('transactionError', () => {
+      it('should generate transaction error', () => {
+        wrapper.vm.transactionError()
+
+        expect(wrapper.vm.$error).toHaveBeenCalledWith('TRANSACTION.ERROR.VALIDATION.BRIDGECHAIN_REGISTRATION')
+      })
+    })
+  })
+})
diff --git a/__tests__/unit/components/Transaction/TransactionForm/TransactionFormBridgechain/TransactionFormBridgechainResignation.spec.js b/__tests__/unit/components/Transaction/TransactionForm/TransactionFormBridgechain/TransactionFormBridgechainResignation.spec.js
new file mode 100644
index 0000000000..742bbac403
--- /dev/null
+++ b/__tests__/unit/components/Transaction/TransactionForm/TransactionFormBridgechain/TransactionFormBridgechainResignation.spec.js
@@ -0,0 +1,254 @@
+import { createLocalVue, mount } from '@vue/test-utils'
+import { Identities } from '@arkecosystem/crypto'
+import Vuelidate from 'vuelidate'
+import installI18n from '../../../../__utils__/i18n'
+import TransactionFormBridgechainResignation from '@/components/Transaction/TransactionForm/TransactionFormBridgechain/TransactionFormBridgechainResignation'
+import CurrencyMixin from '@/mixins/currency'
+import BigNumber from '@/plugins/bignumber'
+import WalletService from '@/services/wallet'
+
+const localVue = createLocalVue()
+localVue.use(Vuelidate)
+const i18n = installI18n(localVue)
+
+const network = {
+  token: 'ARK',
+  version: 23,
+  wif: 170,
+  market: {
+    enabled: false
+  }
+}
+
+let wrapper
+const createWrapper = (component, wallet, bridgechain) => {
+  component = component || TransactionFormBridgechainResignation
+  wallet = wallet || {
+    address: 'address-1',
+    passphrase: null
+  }
+
+  if (bridgechain === undefined) {
+    bridgechain = {
+      isResigned: false,
+      name: 'bridgechain',
+      seedNodes: [
+        '1.1.1.1',
+        '2.2.2.2'
+      ],
+      ports: {
+        '@arkecosystem/core-api': 4003
+      },
+      genesisHash: '2a44f340d76ffc3df204c5f38cd355b7496c9065a1ade2ef92071436bd72e867',
+      bridgechainRepository: 'https://github.com/arkecosystem/core.git'
+    }
+  }
+
+  wrapper = mount(component, {
+    i18n,
+    localVue,
+    sync: false,
+    propsData: {
+      bridgechain
+    },
+    mocks: {
+      $client: {
+        buildBridgechainResignation: jest.fn((transactionData) => transactionData)
+      },
+      $error: jest.fn(),
+      $store: {
+        getters: {
+          'transaction/staticFee': jest.fn(() => null),
+          'session/lastFeeByType': jest.fn(() => (1 * 1e8).toString()),
+          'session/network': network,
+          'network/byToken': jest.fn(() => (network))
+        }
+      },
+      $synchronizer: {
+        appendFocus: jest.fn()
+      },
+      session_network: network,
+      currency_format: jest.fn(CurrencyMixin.methods.currency_format),
+      currency_subToUnit: jest.fn(CurrencyMixin.methods.currency_subToUnit),
+      currency_toBuilder: jest.fn(CurrencyMixin.methods.currency_toBuilder),
+      currency_unitToSub: jest.fn(CurrencyMixin.methods.currency_unitToSub),
+      wallet_formatAddress: jest.fn(address => `formatted-${address}`),
+      wallet_fromRoute: wallet
+    },
+    stubs: {
+      Portal: true
+    }
+  })
+}
+
+let spyCanResignBusiness
+describe('TransactionFormBridgechainResignation', () => {
+  beforeEach(() => {
+    spyCanResignBusiness = jest.spyOn(WalletService, 'canResignBusiness').mockReturnValue(true)
+
+    createWrapper()
+  })
+
+  afterEach(() => {
+    spyCanResignBusiness.mockRestore()
+  })
+
+  it('should have magistrate transaction group', () => {
+    expect(wrapper.vm.$options.transactionGroup).toBe(2)
+  })
+
+  it('should have business resignation transaction type', () => {
+    expect(wrapper.vm.$options.transactionType).toBe(4)
+  })
+
+  describe('template', () => {
+    it('should render', () => {
+      expect(wrapper.contains('.TransactionFormBridgechainResignation')).toBe(true)
+    })
+
+    it('should have fee field', () => {
+      expect(wrapper.contains('.TransactionFormBridgechainResignation__fee')).toBe(true)
+    })
+
+    describe('ledger notice', () => {
+      it('should show if wallet is a ledger', () => {
+        createWrapper(null, {
+          isLedger: true
+        })
+
+        expect(wrapper.contains('.TransactionFormBridgechainResignation__ledger-notice')).toBe(true)
+      })
+
+      it('should show if wallet is not a ledger', () => {
+        createWrapper(null, {
+          isLedger: false
+        })
+
+        expect(wrapper.contains('.TransactionFormBridgechainResignation__ledger-notice')).toBe(false)
+      })
+    })
+
+    describe('password field', () => {
+      it('should show if wallet does have a password', () => {
+        createWrapper(null, {
+          passphrase: 'password'
+        })
+
+        expect(wrapper.contains('.TransactionFormBridgechainResignation__password')).toBe(true)
+      })
+
+      it('should show if wallet does not have a password', () => {
+        expect(wrapper.contains('.TransactionFormBridgechainResignation__password')).toBe(false)
+      })
+    })
+
+    describe('passphrase field', () => {
+      it('should show if wallet does not have a password', () => {
+        expect(wrapper.contains('.TransactionFormBridgechainResignation__passphrase')).toBe(true)
+      })
+
+      it('should not show if wallet does have a password', () => {
+        createWrapper(null, {
+          passphrase: 'password'
+        })
+
+        expect(wrapper.contains('.TransactionFormBridgechainResignation__passphrase')).toBe(false)
+      })
+    })
+
+    describe('next button', () => {
+      it('should be enabled if form is valid', async () => {
+        wrapper.vm.$v.form.fee.$model = (0.1 * 1e8).toString()
+        wrapper.vm.$v.form.passphrase.$model = 'passphrase'
+
+        await wrapper.vm.$nextTick()
+
+        expect(wrapper.find('.TransactionFormBridgechainResignation__next').attributes('disabled')).toBeFalsy()
+      })
+
+      it('should be disabled if form is invalid', async () => {
+        wrapper.vm.$v.form.$touch()
+
+        await wrapper.vm.$nextTick()
+
+        expect(wrapper.find('.TransactionFormBridgechainResignation__next').attributes('disabled')).toBe('disabled')
+      })
+    })
+  })
+
+  describe('methods', () => {
+    describe('getTransactionData', () => {
+      it('should return correct data with passphrase', () => {
+        wrapper.vm.$v.form.fee.$model = 0.1
+        wrapper.vm.$v.form.passphrase.$model = 'passphrase'
+
+        expect(wrapper.vm.getTransactionData()).toEqual({
+          address: 'address-1',
+          passphrase: 'passphrase',
+          bridgechainId: '2a44f340d76ffc3df204c5f38cd355b7496c9065a1ade2ef92071436bd72e867',
+          fee: new BigNumber(0.1 * 1e8),
+          wif: undefined,
+          networkWif: 170,
+          multiSignature: undefined
+        })
+      })
+
+      it('should return correct data with passphrase and second passphrase', () => {
+        createWrapper(null, {
+          address: 'address-1',
+          passphrase: null,
+          secondPublicKey: Identities.PublicKey.fromPassphrase('second passphrase')
+        })
+
+        wrapper.vm.$v.form.fee.$model = 0.1
+        wrapper.vm.$v.form.passphrase.$model = 'passphrase'
+        wrapper.vm.$v.form.secondPassphrase.$model = 'second passphrase'
+
+        expect(wrapper.vm.getTransactionData()).toEqual({
+          address: 'address-1',
+          passphrase: 'passphrase',
+          secondPassphrase: 'second passphrase',
+          bridgechainId: '2a44f340d76ffc3df204c5f38cd355b7496c9065a1ade2ef92071436bd72e867',
+          fee: new BigNumber(0.1 * 1e8),
+          wif: undefined,
+          networkWif: 170,
+          multiSignature: undefined
+        })
+      })
+    })
+
+    describe('buildTransaction', () => {
+      it('should build business resignation', async () => {
+        const transactionData = {
+          type: 0,
+          typeGroup: 2
+        }
+
+        const response = await wrapper.vm.buildTransaction(transactionData, true, true)
+
+        expect(wrapper.vm.$client.buildBridgechainResignation).toHaveBeenCalledWith(transactionData, true, true)
+        expect(response).toBe(transactionData)
+      })
+
+      it('should build business resignation with default arguments', async () => {
+        const transactionData = {
+          type: 0,
+          typeGroup: 2
+        }
+
+        const response = await wrapper.vm.buildTransaction(transactionData)
+
+        expect(wrapper.vm.$client.buildBridgechainResignation).toHaveBeenCalledWith(transactionData, false, false)
+        expect(response).toBe(transactionData)
+      })
+    })
+
+    describe('transactionError', () => {
+      it('should generate transaction error', () => {
+        wrapper.vm.transactionError()
+
+        expect(wrapper.vm.$error).toHaveBeenCalledWith('TRANSACTION.ERROR.VALIDATION.BRIDGECHAIN_RESIGNATION')
+      })
+    })
+  })
+})
diff --git a/__tests__/unit/components/Transaction/TransactionForm/TransactionFormBridgechain/TransactionFormBridgechainUpdate.spec.js b/__tests__/unit/components/Transaction/TransactionForm/TransactionFormBridgechain/TransactionFormBridgechainUpdate.spec.js
new file mode 100644
index 0000000000..e7a410356e
--- /dev/null
+++ b/__tests__/unit/components/Transaction/TransactionForm/TransactionFormBridgechain/TransactionFormBridgechainUpdate.spec.js
@@ -0,0 +1,357 @@
+import { createLocalVue, mount } from '@vue/test-utils'
+import Vuelidate from 'vuelidate'
+import installI18n from '../../../../__utils__/i18n'
+import TransactionFormBridgechainUpdate from '@/components/Transaction/TransactionForm/TransactionFormBridgechain/TransactionFormBridgechainUpdate'
+import CurrencyMixin from '@/mixins/currency'
+
+const localVue = createLocalVue()
+localVue.use(Vuelidate)
+const i18n = installI18n(localVue)
+
+const network = {
+  token: 'ARK',
+  version: 23,
+  wif: 170,
+  market: {
+    enabled: false
+  }
+}
+
+let wrapper
+const createWrapper = (component, wallet, bridgechain) => {
+  component = component || TransactionFormBridgechainUpdate
+  wallet = wallet || {
+    passphrase: null
+  }
+
+  if (bridgechain === undefined) {
+    bridgechain = {
+      name: 'bridgechain',
+      seedNodes: [
+        '1.1.1.1',
+        '2.2.2.2'
+      ],
+      ports: {
+        '@arkecosystem/core-api': 4003
+      },
+      genesisHash: '2a44f340d76ffc3df204c5f38cd355b7496c9065a1ade2ef92071436bd72e867',
+      bridgechainRepository: 'https://github.com/arkecosystem/core.git',
+      bridgechainAssetRepository: 'https://github.com/arkecosystem/core-assets.git'
+    }
+  }
+
+  wrapper = mount(component, {
+    i18n,
+    localVue,
+    sync: false,
+    propsData: {
+      bridgechain
+    },
+    mocks: {
+      $client: {
+        buildBridgechainUpdate: jest.fn((transactionData) => transactionData)
+      },
+      $error: jest.fn(),
+      $store: {
+        getters: {
+          'transaction/staticFee': jest.fn(() => null),
+          'session/lastFeeByType': jest.fn(() => (1 * 1e8).toString()),
+          'session/network': network,
+          'network/byToken': jest.fn(() => (network))
+        }
+      },
+      $synchronizer: {
+        appendFocus: jest.fn()
+      },
+      session_network: network,
+      currency_format: jest.fn(CurrencyMixin.methods.currency_format),
+      currency_subToUnit: jest.fn(CurrencyMixin.methods.currency_subToUnit),
+      currency_toBuilder: jest.fn(CurrencyMixin.methods.currency_toBuilder),
+      wallet_formatAddress: jest.fn(address => `formatted-${address}`),
+      wallet_fromRoute: wallet
+    }
+  })
+}
+
+describe('TransactionFormBridgechainUpdate', () => {
+  beforeEach(() => {
+    createWrapper()
+  })
+
+  it('should have magistrate transaction group', () => {
+    expect(wrapper.vm.$options.transactionGroup).toBe(2)
+  })
+
+  it('should have bridgechain update transaction type', () => {
+    expect(wrapper.vm.$options.transactionType).toBe(5)
+  })
+
+  describe('template', () => {
+    it('should render', () => {
+      expect(wrapper.contains('.TransactionFormBridgechain')).toBe(true)
+    })
+
+    describe('step 1', () => {
+      it('should have seed node field', () => {
+        expect(wrapper.contains('.TransactionFormBridgechain__seed-node')).toBe(true)
+      })
+
+      it('should have add button', () => {
+        expect(wrapper.contains('.TransactionFormBridgechain__add')).toBe(true)
+      })
+
+      it('should have seed nodes list', () => {
+        expect(wrapper.contains('.TransactionFormBridgechain__seed-nodes')).toBe(true)
+      })
+    })
+
+    describe('step 2', () => {
+      beforeEach(() => {
+        wrapper.vm.step = 2
+      })
+
+      it('should not have name field', () => {
+        expect(wrapper.contains('.TransactionFormBridgechain__name')).toBe(false)
+      })
+
+      it('should not have genesis hash field', () => {
+        expect(wrapper.contains('.TransactionFormBridgechain__genesis-hash')).toBe(false)
+      })
+
+      it('should have bridgechain repository field', () => {
+        expect(wrapper.contains('.TransactionFormBridgechain__bridgechain-repository')).toBe(true)
+      })
+
+      it('should have bridgechain asset repository field', () => {
+        expect(wrapper.contains('.TransactionFormBridgechain__bridgechain-asset-repository')).toBe(true)
+      })
+
+      it('should have api port field', () => {
+        expect(wrapper.contains('.TransactionFormBridgechain__api-port')).toBe(true)
+      })
+
+      it('should have fee field', () => {
+        expect(wrapper.contains('.TransactionFormBridgechain__fee')).toBe(true)
+      })
+
+      describe('ledger notice', () => {
+        it('should show if wallet is a ledger', async () => {
+          createWrapper(null, {
+            isLedger: true
+          })
+
+          wrapper.vm.step = 2
+          await wrapper.vm.$nextTick()
+
+          expect(wrapper.contains('.TransactionFormBridgechain__ledger-notice')).toBe(true)
+        })
+
+        it('should show if wallet is not a ledger', async () => {
+          createWrapper(null, {
+            isLedger: false
+          })
+
+          wrapper.vm.step = 2
+          await wrapper.vm.$nextTick()
+
+          expect(wrapper.contains('.TransactionFormBridgechain__ledger-notice')).toBe(false)
+        })
+      })
+
+      describe('password field', () => {
+        it('should show if wallet does have a password', async () => {
+          createWrapper(null, {
+            passphrase: 'password'
+          })
+
+          wrapper.vm.step = 2
+          await wrapper.vm.$nextTick()
+
+          expect(wrapper.contains('.TransactionFormBridgechain__password')).toBe(true)
+        })
+
+        it('should show if wallet does not have a password', () => {
+          expect(wrapper.contains('.TransactionFormBridgechain__password')).toBe(false)
+        })
+      })
+
+      describe('passphrase field', () => {
+        it('should show if wallet does not have a password', () => {
+          expect(wrapper.contains('.TransactionFormBridgechain__passphrase')).toBe(true)
+        })
+
+        it('should not show if wallet does have a password', async () => {
+          createWrapper(null, {
+            passphrase: 'password'
+          })
+
+          wrapper.vm.step = 2
+          await wrapper.vm.$nextTick()
+
+          expect(wrapper.contains('.TransactionFormBridgechain__passphrase')).toBe(false)
+        })
+      })
+    })
+
+    describe('prev button', () => {
+      it('should be enabled if form is on step 2', async () => {
+        wrapper.vm.step = 2
+
+        await wrapper.vm.$nextTick()
+
+        expect(wrapper.find('.TransactionFormBridgechain__prev').attributes('disabled')).toBeFalsy()
+      })
+
+      it('should be disabled if form is on step 1', async () => {
+        wrapper.vm.step = 1
+
+        await wrapper.vm.$nextTick()
+
+        expect(wrapper.find('.TransactionFormBridgechain__prev').attributes('disabled')).toBe('disabled')
+      })
+    })
+
+    describe('next button', () => {
+      it('should be enabled if seed nodes is valid on step 1', async () => {
+        wrapper.vm.step = 1
+        wrapper.vm.$v.form.seedNodes.$model = [
+          '1.1.1.1'
+        ]
+
+        await wrapper.vm.$nextTick()
+
+        expect(wrapper.find('.TransactionFormBridgechain__next').attributes('disabled')).toBeFalsy()
+      })
+
+      it('should be enabled if form is valid on step 2', async () => {
+        wrapper.vm.step = 2
+        wrapper.vm.$v.form.fee.$model = (0.1 * 1e8).toString()
+        wrapper.vm.$v.form.passphrase.$model = 'passphrase'
+        wrapper.vm.$v.form.asset.name.$model = 'bridgechain'
+        wrapper.vm.$v.form.asset.genesisHash.$model = '2a44f340d76ffc3df204c5f38cd355b7496c9065a1ade2ef92071436bd72e867'
+        wrapper.vm.form.asset.ports = {
+          '@arkecosystem/core-api': 4003
+        }
+        wrapper.vm.$v.form.seedNodes.$model = [
+          '1.1.1.1'
+        ]
+        wrapper.vm.$v.form.asset.bridgechainRepository.$model = 'https://github.com/arkecosystem/core.git'
+        wrapper.vm.$v.form.asset.bridgechainAssetRepository.$model = 'https://github.com/arkecosystem/core-assets.git'
+
+        await wrapper.vm.$nextTick()
+
+        expect(wrapper.find('.TransactionFormBridgechain__next').attributes('disabled')).toBeFalsy()
+      })
+
+      it('should be disabled if seed nodes is invalid on step 1', async () => {
+        wrapper.vm.step = 1
+        wrapper.vm.$v.form.seedNodes.$model = []
+
+        await wrapper.vm.$nextTick()
+
+        expect(wrapper.find('.TransactionFormBridgechain__next').attributes('disabled')).toBe('disabled')
+      })
+
+      it('should be disabled if form is invalid on step 2', async () => {
+        wrapper.vm.step = 2
+        wrapper.vm.$v.form.seedNodes.$model = []
+
+        await wrapper.vm.$nextTick()
+
+        expect(wrapper.find('.TransactionFormBridgechain__next').attributes('disabled')).toBe('disabled')
+      })
+    })
+  })
+
+  describe('mounted hook', () => {
+    it('should load bridgechain into form', () => {
+      createWrapper(null, null, {
+        genesisHash: '2a44f340d76ffc3df204c5f38cd355b7496c9065a1ade2ef92071436bd72e867',
+        ports: {
+          '@arkecosystem/core-api': 8081
+        },
+        seedNodes: [
+          '5.5.5.5',
+          '6.6.6.6'
+        ],
+        bridgechainRepository: '',
+        bridgechainAssetRepository: ''
+      })
+
+      expect(wrapper.vm.form.apiPort).toBe(8081)
+      expect(wrapper.vm.form.seedNodes).toEqual([
+        { ip: '5.5.5.5', isInvalid: false },
+        { ip: '6.6.6.6', isInvalid: false }
+      ])
+      expect(wrapper.vm.form.asset).toEqual({
+        name: '',
+        ports: {},
+        genesisHash: '2a44f340d76ffc3df204c5f38cd355b7496c9065a1ade2ef92071436bd72e867',
+        bridgechainRepository: '',
+        bridgechainAssetRepository: ''
+      })
+    })
+
+    it('should use default api port if not provided', () => {
+      createWrapper(null, null, {
+        genesisHash: '2a44f340d76ffc3df204c5f38cd355b7496c9065a1ade2ef92071436bd72e867',
+        ports: {},
+        seedNodes: [
+          '5.5.5.5',
+          '6.6.6.6'
+        ],
+        bridgechainRepository: '',
+        bridgechainAssetRepository: ''
+      })
+
+      expect(wrapper.vm.form.apiPort).toBe(4003)
+      expect(wrapper.vm.form.seedNodes).toEqual([
+        { ip: '5.5.5.5', isInvalid: false },
+        { ip: '6.6.6.6', isInvalid: false }
+      ])
+      expect(wrapper.vm.form.asset).toEqual({
+        name: '',
+        ports: {},
+        genesisHash: '2a44f340d76ffc3df204c5f38cd355b7496c9065a1ade2ef92071436bd72e867',
+        bridgechainRepository: '',
+        bridgechainAssetRepository: ''
+      })
+    })
+  })
+
+  describe('methods', () => {
+    describe('buildTransaction', () => {
+      it('should build bridgechain update', async () => {
+        const transactionData = {
+          type: 5,
+          typeGroup: 2
+        }
+
+        const response = await wrapper.vm.buildTransaction(transactionData, true, true)
+
+        expect(wrapper.vm.$client.buildBridgechainUpdate).toHaveBeenCalledWith(transactionData, true, true)
+        expect(response).toBe(transactionData)
+      })
+
+      it('should build bridgechain update with default arguments', async () => {
+        const transactionData = {
+          type: 5,
+          typeGroup: 2
+        }
+
+        const response = await wrapper.vm.buildTransaction(transactionData)
+
+        expect(wrapper.vm.$client.buildBridgechainUpdate).toHaveBeenCalledWith(transactionData, false, false)
+        expect(response).toBe(transactionData)
+      })
+    })
+
+    describe('transactionError', () => {
+      it('should generate transaction error', () => {
+        wrapper.vm.transactionError()
+
+        expect(wrapper.vm.$error).toHaveBeenCalledWith('TRANSACTION.ERROR.VALIDATION.BRIDGECHAIN_UPDATE')
+      })
+    })
+  })
+})
diff --git a/__tests__/unit/components/Transaction/TransactionForm/TransactionFormBridgechain/mixin.spec.js b/__tests__/unit/components/Transaction/TransactionForm/TransactionFormBridgechain/mixin.spec.js
new file mode 100644
index 0000000000..fccf5302c0
--- /dev/null
+++ b/__tests__/unit/components/Transaction/TransactionForm/TransactionFormBridgechain/mixin.spec.js
@@ -0,0 +1,1132 @@
+import { createLocalVue, mount } from '@vue/test-utils'
+import { Identities } from '@arkecosystem/crypto'
+import Vuelidate from 'vuelidate'
+import installI18n from '../../../../__utils__/i18n'
+import TransactionFormBridgechainRegistration from '@/components/Transaction/TransactionForm/TransactionFormBridgechain/TransactionFormBridgechainRegistration'
+import TransactionFormBridgechainUpdate from '@/components/Transaction/TransactionForm/TransactionFormBridgechain/TransactionFormBridgechainUpdate'
+import CurrencyMixin from '@/mixins/currency'
+import BigNumber from '@/plugins/bignumber'
+
+const localVue = createLocalVue()
+localVue.use(Vuelidate)
+const i18n = installI18n(localVue)
+
+const network = {
+  token: 'ARK',
+  version: 23,
+  wif: 170,
+  market: {
+    enabled: false
+  }
+}
+
+let wrapper
+const createWrapper = (component, wallet, bridgechain) => {
+  wallet = wallet || {
+    address: 'address-1',
+    passphrase: null
+  }
+
+  if (component.name === 'TransactionFormBridgechainUpdate' && !wallet.business) {
+    wallet.business = {
+      name: 'business',
+      website: 'https://ark.io',
+      vat: 'GB12345678',
+      repository: 'https://github.com/arkecosystem/desktop-wallet.git'
+    }
+  }
+
+  if (component.name === 'TransactionFormBridgechainUpdate' && bridgechain === undefined) {
+    bridgechain = {
+      name: 'bridgechain',
+      seedNodes: [
+        '1.1.1.1',
+        '2.2.2.2'
+      ],
+      ports: {
+        '@arkecosystem/core-api': 4003
+      },
+      genesisHash: '2a44f340d76ffc3df204c5f38cd355b7496c9065a1ade2ef92071436bd72e867',
+      bridgechainRepository: 'https://github.com/arkecosystem/core.git',
+      bridgechainAssetRepository: 'https://github.com/arkecosystem/core-assets.git'
+    }
+  }
+
+  wrapper = mount(component, {
+    i18n,
+    localVue,
+    sync: false,
+    propsData: {
+      bridgechain
+    },
+    mocks: {
+      $client: {
+        buildBridgechainRegistration: jest.fn((transactionData) => transactionData),
+        buildBridgechainUpdate: jest.fn((transactionData) => transactionData)
+      },
+      $error: jest.fn(),
+      $store: {
+        getters: {
+          'transaction/staticFee': jest.fn(() => null),
+          'session/lastFeeByType': jest.fn(() => (1 * 1e8).toString()),
+          'session/network': network,
+          'network/byToken': jest.fn(() => (network))
+        }
+      },
+      $synchronizer: {
+        appendFocus: jest.fn()
+      },
+      session_network: network,
+      currency_format: jest.fn(CurrencyMixin.methods.currency_format),
+      currency_subToUnit: jest.fn(CurrencyMixin.methods.currency_subToUnit),
+      currency_toBuilder: jest.fn(CurrencyMixin.methods.currency_toBuilder),
+      currency_unitToSub: jest.fn(CurrencyMixin.methods.currency_unitToSub),
+      wallet_formatAddress: jest.fn(address => `formatted-${address}`),
+      wallet_fromRoute: wallet
+    }
+  })
+}
+
+describe.each([
+  ['TransactionFormBridgechainRegistration', TransactionFormBridgechainRegistration],
+  ['TransactionFormBridgechainUpdate', TransactionFormBridgechainUpdate]
+])('%s', (componentName, component) => {
+  beforeEach(() => {
+    createWrapper(component)
+  })
+
+  it('should have magistrate transaction group', () => {
+    expect(wrapper.vm.$options.transactionGroup).toBe(2)
+  })
+
+  it('should have correct transaction type', () => {
+    if (componentName === 'TransactionFormBridgechainRegistration') {
+      expect(wrapper.vm.$options.transactionType).toBe(3)
+    } else {
+      expect(wrapper.vm.$options.transactionType).toBe(5)
+    }
+  })
+
+  describe('data', () => {
+    it('should create form object', () => {
+      expect(Object.keys(wrapper.vm.form)).toEqual([
+        'fee',
+        'passphrase',
+        'walletPassword',
+        'apiPort',
+        'seedNodes',
+        'asset'
+      ])
+
+      expect(Object.keys(wrapper.vm.form.asset)).toEqual([
+        'name',
+        'ports',
+        'genesisHash',
+        'bridgechainRepository',
+        'bridgechainAssetRepository'
+      ])
+    })
+  })
+
+  if (componentName === 'TransactionFormBridgechainUpdate') {
+    describe('mounted hook', () => {
+      it('should load bridgechain into form', () => {
+        createWrapper(component, null, {
+          genesisHash: '2a44f340d76ffc3df204c5f38cd355b7496c9065a1ade2ef92071436bd72e867',
+          ports: {
+            '@arkecosystem/core-api': 8081
+          },
+          seedNodes: [
+            '5.5.5.5',
+            '6.6.6.6'
+          ],
+          bridgechainRepository: '',
+          bridgechainAssetRepository: ''
+        })
+
+        expect(wrapper.vm.form.apiPort).toBe(8081)
+        expect(wrapper.vm.form.seedNodes).toEqual([
+          { ip: '5.5.5.5', isInvalid: false },
+          { ip: '6.6.6.6', isInvalid: false }
+        ])
+        expect(wrapper.vm.form.asset).toEqual({
+          name: '',
+          ports: {},
+          genesisHash: '2a44f340d76ffc3df204c5f38cd355b7496c9065a1ade2ef92071436bd72e867',
+          bridgechainRepository: '',
+          bridgechainAssetRepository: ''
+        })
+      })
+
+      it('should use default api port if not provided', () => {
+        createWrapper(component, null, {
+          genesisHash: '2a44f340d76ffc3df204c5f38cd355b7496c9065a1ade2ef92071436bd72e867',
+          ports: {},
+          seedNodes: [
+            '5.5.5.5',
+            '6.6.6.6'
+          ],
+          bridgechainRepository: '',
+          bridgechainAssetRepository: ''
+        })
+
+        expect(wrapper.vm.form.apiPort).toBe(4003)
+        expect(wrapper.vm.form.seedNodes).toEqual([
+          { ip: '5.5.5.5', isInvalid: false },
+          { ip: '6.6.6.6', isInvalid: false }
+        ])
+        expect(wrapper.vm.form.asset).toEqual({
+          name: '',
+          ports: {},
+          genesisHash: '2a44f340d76ffc3df204c5f38cd355b7496c9065a1ade2ef92071436bd72e867',
+          bridgechainRepository: '',
+          bridgechainAssetRepository: ''
+        })
+      })
+    })
+  }
+
+  describe('template', () => {
+    it('should render', () => {
+      expect(wrapper.contains('.TransactionFormBridgechain')).toBe(true)
+    })
+
+    describe('step 1', () => {
+      it('should have seed node field', () => {
+        expect(wrapper.contains('.TransactionFormBridgechain__seed-node')).toBe(true)
+      })
+
+      it('should have add button', () => {
+        expect(wrapper.contains('.TransactionFormBridgechain__add')).toBe(true)
+      })
+
+      it('should have seed nodes list', () => {
+        expect(wrapper.contains('.TransactionFormBridgechain__seed-nodes')).toBe(true)
+      })
+    })
+
+    describe('step 2', () => {
+      beforeEach(() => {
+        wrapper.vm.step = 2
+      })
+
+      if (componentName === 'TransactionFormBridgechainRegistration') {
+        describe('registration', () => {
+          it('should have name field', () => {
+            expect(wrapper.contains('.TransactionFormBridgechain__name')).toBe(true)
+          })
+
+          it('should have genesis hash field', () => {
+            expect(wrapper.contains('.TransactionFormBridgechain__genesis-hash')).toBe(true)
+          })
+        })
+      } else {
+        describe('update', () => {
+          it('should not have name field', () => {
+            expect(wrapper.contains('.TransactionFormBridgechain__name')).toBe(false)
+          })
+
+          it('should not have genesis hash field', () => {
+            expect(wrapper.contains('.TransactionFormBridgechain__genesis-hash')).toBe(false)
+          })
+        })
+      }
+
+      it('should have bridgechain repository field', () => {
+        expect(wrapper.contains('.TransactionFormBridgechain__bridgechain-repository')).toBe(true)
+      })
+
+      it('should have bridgechain asset repository field', () => {
+        expect(wrapper.contains('.TransactionFormBridgechain__bridgechain-asset-repository')).toBe(true)
+      })
+
+      it('should have api port field', () => {
+        expect(wrapper.contains('.TransactionFormBridgechain__api-port')).toBe(true)
+      })
+
+      it('should have fee field', () => {
+        expect(wrapper.contains('.TransactionFormBridgechain__fee')).toBe(true)
+      })
+
+      describe('ledger notice', () => {
+        it('should show if wallet is a ledger', async () => {
+          createWrapper(component, {
+            isLedger: true
+          })
+
+          wrapper.vm.step = 2
+          await wrapper.vm.$nextTick()
+
+          expect(wrapper.contains('.TransactionFormBridgechain__ledger-notice')).toBe(true)
+        })
+
+        it('should show if wallet is not a ledger', async () => {
+          createWrapper(component, {
+            isLedger: false
+          })
+
+          wrapper.vm.step = 2
+          await wrapper.vm.$nextTick()
+
+          expect(wrapper.contains('.TransactionFormBridgechain__ledger-notice')).toBe(false)
+        })
+      })
+
+      describe('password field', () => {
+        it('should show if wallet does have a password', async () => {
+          createWrapper(component, {
+            passphrase: 'password'
+          })
+
+          wrapper.vm.step = 2
+          await wrapper.vm.$nextTick()
+
+          expect(wrapper.contains('.TransactionFormBridgechain__password')).toBe(true)
+        })
+
+        it('should show if wallet does not have a password', () => {
+          expect(wrapper.contains('.TransactionFormBridgechain__password')).toBe(false)
+        })
+      })
+
+      describe('passphrase field', () => {
+        it('should show if wallet does not have a password', () => {
+          expect(wrapper.contains('.TransactionFormBridgechain__passphrase')).toBe(true)
+        })
+
+        it('should not show if wallet does have a password', async () => {
+          createWrapper(component, {
+            passphrase: 'password'
+          })
+
+          wrapper.vm.step = 2
+          await wrapper.vm.$nextTick()
+
+          expect(wrapper.contains('.TransactionFormBridgechain__passphrase')).toBe(false)
+        })
+      })
+    })
+
+    describe('prev button', () => {
+      it('should be enabled if form is on step 2', async () => {
+        wrapper.vm.step = 2
+
+        await wrapper.vm.$nextTick()
+
+        expect(wrapper.find('.TransactionFormBridgechain__prev').attributes('disabled')).toBeFalsy()
+      })
+
+      it('should be disabled if form is on step 1', async () => {
+        wrapper.vm.step = 1
+
+        await wrapper.vm.$nextTick()
+
+        expect(wrapper.find('.TransactionFormBridgechain__prev').attributes('disabled')).toBe('disabled')
+      })
+    })
+
+    describe('next button', () => {
+      it('should be enabled if seed nodes is valid on step 1', async () => {
+        wrapper.vm.step = 1
+        wrapper.vm.$v.form.seedNodes.$model = [
+          { ip: '1.1.1.1', isInvalid: false }
+        ]
+
+        await wrapper.vm.$nextTick()
+
+        expect(wrapper.find('.TransactionFormBridgechain__next').attributes('disabled')).toBeFalsy()
+      })
+
+      it('should be enabled if form is valid on step 2', async () => {
+        wrapper.vm.step = 2
+        wrapper.vm.$v.form.fee.$model = (0.1 * 1e8).toString()
+        wrapper.vm.$v.form.passphrase.$model = 'passphrase'
+        wrapper.vm.$v.form.asset.name.$model = 'bridgechain'
+        wrapper.vm.$v.form.asset.genesisHash.$model = '2a44f340d76ffc3df204c5f38cd355b7496c9065a1ade2ef92071436bd72e867'
+        wrapper.vm.form.asset.ports = {
+          '@arkecosystem/core-api': 4003
+        }
+        wrapper.vm.$v.form.seedNodes.$model = [
+          { ip: '1.1.1.1', isInvalid: false }
+        ]
+        wrapper.vm.$v.form.asset.bridgechainRepository.$model = 'https://github.com/arkecosystem/core.git'
+        wrapper.vm.$v.form.asset.bridgechainAssetRepository.$model = 'https://github.com/arkecosystem/core-assets.git'
+
+        await wrapper.vm.$nextTick()
+
+        expect(wrapper.find('.TransactionFormBridgechain__next').attributes('disabled')).toBeFalsy()
+      })
+
+      it('should be disabled if seed nodes is invalid on step 1', async () => {
+        wrapper.vm.step = 1
+        wrapper.vm.$v.form.seedNodes.$model = []
+
+        await wrapper.vm.$nextTick()
+
+        expect(wrapper.find('.TransactionFormBridgechain__next').attributes('disabled')).toBe('disabled')
+      })
+
+      it('should be disabled if form is invalid on step 2', async () => {
+        wrapper.vm.step = 2
+        wrapper.vm.$v.form.seedNodes.$model = []
+
+        await wrapper.vm.$nextTick()
+
+        expect(wrapper.find('.TransactionFormBridgechain__next').attributes('disabled')).toBe('disabled')
+      })
+    })
+  })
+
+  describe('computed', () => {
+    describe('isUpdate', () => {
+      if (componentName === 'TransactionFormBridgechainRegistration') {
+        describe('TransactionFormBridgechainRegistration', () => {
+          it('should return false if bridgechain prop is set', () => {
+            wrapper.setProps({
+              bridgechain: {
+                name: 'bridgechain',
+                seedNodes: [
+                  '1.1.1.1',
+                  '2.2.2.2'
+                ],
+                ports: {
+                  '@arkecosystem/core-api': 4003
+                },
+                genesisHash: '2a44f340d76ffc3df204c5f38cd355b7496c9065a1ade2ef92071436bd72e867',
+                bridgechainRepository: 'https://github.com/arkecosystem/core.git',
+                bridgechainAssetRepository: 'https://github.com/arkecosystem/core-assets.git'
+              }
+            })
+
+            expect(wrapper.vm.isUpdate).toBe(false)
+          })
+
+          it('should return false if bridgechain prop is not set', () => {
+            wrapper.setProps({
+              bridgechain: null
+            })
+
+            expect(wrapper.vm.isUpdate).toBe(false)
+          })
+        })
+      } else {
+        describe('TransactionFormBridgechainUpdate', () => {
+          it('should return true if bridgechain prop is set', () => {
+            wrapper.setProps({
+              bridgechain: {
+                name: 'bridgechain',
+                seedNodes: [
+                  '1.1.1.1',
+                  '2.2.2.2'
+                ],
+                ports: {
+                  '@arkecosystem/core-api': 4003
+                },
+                genesisHash: '2a44f340d76ffc3df204c5f38cd355b7496c9065a1ade2ef92071436bd72e867',
+                bridgechainRepository: 'https://github.com/arkecosystem/core.git',
+                bridgechainAssetRepository: 'https://github.com/arkecosystem/core-assets.git'
+              }
+            })
+
+            expect(wrapper.vm.isUpdate).toBe(true)
+          })
+
+          it('should return false if bridgechain prop is not set', () => {
+            wrapper.setProps({
+              bridgechain: null
+            })
+
+            expect(wrapper.vm.isUpdate).toBe(false)
+          })
+        })
+      }
+    })
+
+    describe('isFormValid', () => {
+      it('should be true if seed nodes is valid on step 1', async () => {
+        wrapper.vm.step = 1
+        wrapper.vm.$v.form.seedNodes.$model = [
+          { ip: '1.1.1.1', isInvalid: false }
+        ]
+
+        await wrapper.vm.$nextTick()
+
+        expect(wrapper.vm.isFormValid).toBe(true)
+      })
+
+      it('should be true if form is valid on step 2', async () => {
+        wrapper.vm.step = 2
+        wrapper.vm.$v.form.fee.$model = (0.1 * 1e8).toString()
+        wrapper.vm.$v.form.passphrase.$model = 'passphrase'
+        wrapper.vm.$v.form.asset.name.$model = 'bridgechain'
+        wrapper.vm.$v.form.asset.genesisHash.$model = '2a44f340d76ffc3df204c5f38cd355b7496c9065a1ade2ef92071436bd72e867'
+        wrapper.vm.form.asset.ports = {
+          '@arkecosystem/core-api': 4003
+        }
+        wrapper.vm.$v.form.seedNodes.$model = [
+          { ip: '1.1.1.1', isInvalid: false }
+        ]
+        wrapper.vm.$v.form.asset.bridgechainRepository.$model = 'https://github.com/arkecosystem/core.git'
+        wrapper.vm.$v.form.asset.bridgechainAssetRepository.$model = 'https://github.com/arkecosystem/core-assets.git'
+
+        await wrapper.vm.$nextTick()
+
+        expect(wrapper.vm.isFormValid).toBe(true)
+      })
+
+      it('should be false if seed nodes is invalid on step 1', async () => {
+        wrapper.vm.step = 1
+        wrapper.vm.$v.form.seedNodes.$model = []
+
+        await wrapper.vm.$nextTick()
+
+        expect(wrapper.vm.isFormValid).toBe(false)
+      })
+
+      it('should be false if form is invalid on step 2', async () => {
+        wrapper.vm.step = 2
+        wrapper.vm.$v.form.seedNodes.$model = []
+
+        await wrapper.vm.$nextTick()
+
+        expect(wrapper.vm.isFormValid).toBe(false)
+      })
+    })
+
+    describe('nameError', () => {
+      it('should return null if valid', () => {
+        wrapper.vm.$v.form.asset.name.$model = 'test'
+
+        expect(wrapper.vm.$v.form.asset.name.$dirty).toBe(true)
+        expect(wrapper.vm.$v.form.asset.name.$invalid).toBe(false)
+        expect(wrapper.vm.nameError).toBe(null)
+      })
+
+      it('should return null if not dirty', () => {
+        wrapper.vm.$v.form.asset.name.$model = ''
+        wrapper.vm.$v.form.asset.name.$reset()
+
+        expect(wrapper.vm.$v.form.asset.name.$dirty).toBe(false)
+        if (componentName === 'TransactionFormBridgechainRegistration') {
+          expect(wrapper.vm.$v.form.asset.name.$invalid).toBe(true)
+        } else {
+          expect(wrapper.vm.$v.form.asset.name.$invalid).toBe(false)
+        }
+        expect(wrapper.vm.nameError).toBe(null)
+      })
+
+      if (componentName === 'TransactionFormBridgechainRegistration') {
+        describe('TransactionFormBridgechainRegistration', () => {
+          it('should return required if empty', () => {
+            wrapper.vm.$v.form.asset.name.$model = ''
+
+            expect(wrapper.vm.$v.form.asset.name.$dirty).toBe(true)
+            expect(wrapper.vm.$v.form.asset.name.$invalid).toBe(true)
+            expect(wrapper.vm.nameError).toBe('VALIDATION.REQUIRED')
+          })
+
+          it('should not return error if shorter than max (40)', () => {
+            wrapper.vm.$v.form.asset.name.$model = ''.padStart(30, '-')
+
+            expect(wrapper.vm.$v.form.asset.name.$dirty).toBe(true)
+            expect(wrapper.vm.$v.form.asset.name.$invalid).toBe(false)
+            expect(wrapper.vm.nameError).not.toBe('VALIDATION.TOO_LONG')
+          })
+
+          it('should not return error if equal to max (40)', () => {
+            wrapper.vm.$v.form.asset.name.$model = ''.padStart(40, '-')
+
+            expect(wrapper.vm.$v.form.asset.name.$dirty).toBe(true)
+            expect(wrapper.vm.$v.form.asset.name.$invalid).toBe(false)
+            expect(wrapper.vm.nameError).not.toBe('VALIDATION.TOO_LONG')
+          })
+
+          it('should return error if longer than max (40)', () => {
+            wrapper.vm.$v.form.asset.name.$model = ''.padStart(50, '-')
+
+            expect(wrapper.vm.$v.form.asset.name.$dirty).toBe(true)
+            expect(wrapper.vm.$v.form.asset.name.$invalid).toBe(true)
+            expect(wrapper.vm.nameError).toBe('VALIDATION.TOO_LONG')
+          })
+
+          it('should not return error if valid', () => {
+            wrapper.vm.$v.form.asset.name.$model = 'test'
+
+            expect(wrapper.vm.$v.form.asset.name.$dirty).toBe(true)
+            expect(wrapper.vm.$v.form.asset.name.$invalid).toBe(false)
+            expect(wrapper.vm.nameError).not.toBe('VALIDATION.NAME_ERROR')
+          })
+
+          it('should return error if invalid', () => {
+            wrapper.vm.$v.form.asset.name.$model = '$ARK'
+
+            expect(wrapper.vm.$v.form.asset.name.$dirty).toBe(true)
+            expect(wrapper.vm.$v.form.asset.name.$invalid).toBe(true)
+            expect(wrapper.vm.nameError).toBe('VALIDATION.NAME_ERROR')
+          })
+        })
+      }
+    })
+
+    describe('seedNodeDisabled', () => {
+      it('should be false if seed node not empty and no error', () => {
+        wrapper.vm.$v.seedNode.$model = '5.5.5.5'
+
+        expect(wrapper.vm.seedNodeDisabled).toBe(false)
+      })
+
+      it('should be true if seed node is empty', () => {
+        wrapper.vm.$v.seedNode.$model = ''
+
+        expect(wrapper.vm.seedNodeDisabled).toBe(true)
+      })
+
+      it('should be true if seed node is invalid', () => {
+        wrapper.vm.$v.seedNode.$model = 'invalid seed node'
+
+        expect(wrapper.vm.seedNodeDisabled).toBe(true)
+      })
+    })
+
+    describe('seedNodeError', () => {
+      it('should return null if valid', () => {
+        wrapper.vm.$v.seedNode.$model = '5.5.5.5'
+
+        expect(wrapper.vm.$v.seedNode.$dirty).toBe(true)
+        expect(wrapper.vm.$v.seedNode.$invalid).toBe(false)
+        expect(wrapper.vm.seedNodeError).toBe(null)
+      })
+
+      it('should return null if not dirty', () => {
+        wrapper.vm.$v.seedNode.$model = ''
+        wrapper.vm.$v.seedNode.$reset()
+
+        expect(wrapper.vm.$v.seedNode.$dirty).toBe(false)
+        expect(wrapper.vm.$v.seedNode.$invalid).toBe(false)
+        expect(wrapper.vm.seedNodeError).toBe(null)
+      })
+
+      it('should return error if invalid', () => {
+        wrapper.vm.$v.seedNode.$model = 'invalid seed node'
+
+        expect(wrapper.vm.$v.seedNode.$dirty).toBe(true)
+        expect(wrapper.vm.$v.seedNode.$invalid).toBe(true)
+        expect(wrapper.vm.seedNodeError).toBe('VALIDATION.INVALID_SEED')
+      })
+
+      it('should return error if duplicate', () => {
+        wrapper.vm.$v.form.seedNodes.$model = [
+          { ip: '5.5.5.5', isInvalid: false }
+        ]
+        wrapper.vm.$v.seedNode.$model = '5.5.5.5'
+
+        expect(wrapper.vm.$v.seedNode.$dirty).toBe(true)
+        expect(wrapper.vm.$v.seedNode.$invalid).toBe(true)
+        expect(wrapper.vm.seedNodeError).toBe('TRANSACTION.BRIDGECHAIN.ERROR_DUPLICATE')
+      })
+
+      it('should return error if too many', () => {
+        wrapper.vm.$v.form.seedNodes.$model = [
+          { ip: '1.5.5.5', isInvalid: false },
+          { ip: '2.5.5.5', isInvalid: false },
+          { ip: '3.5.5.5', isInvalid: false },
+          { ip: '4.5.5.5', isInvalid: false },
+          { ip: '5.5.5.5', isInvalid: false },
+          { ip: '6.5.5.5', isInvalid: false },
+          { ip: '7.5.5.5', isInvalid: false },
+          { ip: '8.5.5.5', isInvalid: false },
+          { ip: '9.5.5.5', isInvalid: false },
+          { ip: '10.5.5.5', isInvalid: false }
+        ]
+        wrapper.vm.$v.seedNode.$model = '6.6.6.6'
+
+        expect(wrapper.vm.$v.seedNode.$dirty).toBe(true)
+        expect(wrapper.vm.$v.seedNode.$invalid).toBe(true)
+        expect(wrapper.vm.seedNodeError).toBe('VALIDATION.TOO_MANY')
+      })
+    })
+
+    describe('seedNodesError', () => {
+      it('should return null if valid', () => {
+        wrapper.vm.$v.form.seedNodes.$model = [
+          { ip: '5.5.5.5', isInvalid: false }
+        ]
+
+        expect(wrapper.vm.$v.form.seedNodes.$dirty).toBe(true)
+        expect(wrapper.vm.$v.form.seedNodes.$invalid).toBe(false)
+        expect(wrapper.vm.seedNodesError).toBe(null)
+      })
+
+      it('should return null if not dirty', () => {
+        wrapper.vm.$v.form.seedNodes.$model = []
+        wrapper.vm.$v.form.seedNodes.$reset()
+
+        expect(wrapper.vm.$v.form.seedNodes.$dirty).toBe(false)
+        expect(wrapper.vm.$v.form.seedNodes.$invalid).toBe(true)
+        expect(wrapper.vm.seedNodesError).toBe(null)
+      })
+
+      it('should return error if empty', () => {
+        wrapper.vm.$v.form.seedNodes.$model = []
+
+        expect(wrapper.vm.$v.form.seedNodes.$dirty).toBe(true)
+        expect(wrapper.vm.$v.form.seedNodes.$invalid).toBe(true)
+        expect(wrapper.vm.seedNodesError).toBe('VALIDATION.REQUIRED')
+      })
+
+      it('should return error if too many', () => {
+        wrapper.vm.$v.form.seedNodes.$model = [
+          { ip: '1.5.5.5', isInvalid: false },
+          { ip: '2.5.5.5', isInvalid: false },
+          { ip: '3.5.5.5', isInvalid: false },
+          { ip: '4.5.5.5', isInvalid: false },
+          { ip: '5.5.5.5', isInvalid: false },
+          { ip: '6.5.5.5', isInvalid: false },
+          { ip: '7.5.5.5', isInvalid: false },
+          { ip: '8.5.5.5', isInvalid: false },
+          { ip: '9.5.5.5', isInvalid: false },
+          { ip: '10.5.5.5', isInvalid: false }
+        ]
+
+        expect(wrapper.vm.$v.form.seedNodes.$dirty).toBe(true)
+        expect(wrapper.vm.$v.form.seedNodes.$invalid).toBe(true)
+        expect(wrapper.vm.seedNodesError).toBe('VALIDATION.TOO_MANY')
+      })
+    })
+
+    describe('genesisHashError', () => {
+      it('should return null if valid', () => {
+        wrapper.vm.$v.form.asset.genesisHash.$model = '2a44f340d76ffc3df204c5f38cd355b7496c9065a1ade2ef92071436bd72e867'
+
+        expect(wrapper.vm.$v.form.asset.genesisHash.$dirty).toBe(true)
+        expect(wrapper.vm.$v.form.asset.genesisHash.$invalid).toBe(false)
+        expect(wrapper.vm.genesisHashError).toBe(null)
+      })
+
+      it('should return null if not dirty', () => {
+        wrapper.vm.$v.form.asset.genesisHash.$model = ''
+        wrapper.vm.$v.form.asset.genesisHash.$reset()
+
+        expect(wrapper.vm.$v.form.asset.genesisHash.$dirty).toBe(false)
+        if (componentName === 'TransactionFormBridgechainRegistration') {
+          expect(wrapper.vm.$v.form.asset.genesisHash.$invalid).toBe(true)
+        } else {
+          expect(wrapper.vm.$v.form.asset.genesisHash.$invalid).toBe(false)
+        }
+        expect(wrapper.vm.genesisHashError).toBe(null)
+      })
+
+      if (componentName === 'TransactionFormBridgechainRegistration') {
+        describe('TransactionFormBridgechainRegistration', () => {
+          it('should return error if invalid', () => {
+            wrapper.vm.$v.form.asset.genesisHash.$model = '1234'
+
+            expect(wrapper.vm.$v.form.asset.genesisHash.$dirty).toBe(true)
+            expect(wrapper.vm.$v.form.asset.genesisHash.$invalid).toBe(true)
+            expect(wrapper.vm.genesisHashError).toBe('VALIDATION.NOT_VALID')
+          })
+        })
+      }
+    })
+
+    describe('bridgechainRepositoryError', () => {
+      it('should return null if valid', () => {
+        wrapper.vm.$v.form.asset.bridgechainRepository.$model = 'https://github.com/arkecosystem/desktop-wallet.git'
+
+        expect(wrapper.vm.$v.form.asset.bridgechainRepository.$dirty).toBe(true)
+        expect(wrapper.vm.$v.form.asset.bridgechainRepository.$invalid).toBe(false)
+        expect(wrapper.vm.bridgechainRepositoryError).toBe(null)
+      })
+
+      it('should return null if not dirty', () => {
+        wrapper.vm.$v.form.asset.bridgechainRepository.$model = ''
+        wrapper.vm.$v.form.asset.bridgechainRepository.$reset()
+
+        expect(wrapper.vm.$v.form.asset.bridgechainRepository.$dirty).toBe(false)
+        expect(wrapper.vm.$v.form.asset.bridgechainRepository.$invalid).toBe(true)
+        expect(wrapper.vm.bridgechainRepositoryError).toBe(null)
+      })
+
+      if (componentName === 'TransactionFormBridgechainRegistration') {
+        describe('TransactionFormBridgechainRegistration', () => {
+          it('should not return error if longer than min (12)', () => {
+            wrapper.vm.$v.form.asset.bridgechainRepository.$model = 'http://github.com'
+
+            expect(wrapper.vm.$v.form.asset.bridgechainRepository.$dirty).toBe(true)
+            expect(wrapper.vm.$v.form.asset.bridgechainRepository.$invalid).toBe(false)
+            expect(wrapper.vm.bridgechainRepositoryError).not.toBe('VALIDATION.TOO_SHORT')
+          })
+
+          it('should not return error if equal to min (12)', () => {
+            wrapper.vm.$v.form.asset.bridgechainRepository.$model = 'http://g.com'
+
+            expect(wrapper.vm.$v.form.asset.bridgechainRepository.$dirty).toBe(true)
+            expect(wrapper.vm.$v.form.asset.bridgechainRepository.$invalid).toBe(false)
+            expect(wrapper.vm.bridgechainRepositoryError).not.toBe('VALIDATION.TOO_SHORT')
+          })
+
+          it('should return error if shorter than min (12)', () => {
+            wrapper.vm.$v.form.asset.bridgechainRepository.$model = 'ftp://g.co'
+
+            expect(wrapper.vm.$v.form.asset.bridgechainRepository.$dirty).toBe(true)
+            expect(wrapper.vm.$v.form.asset.bridgechainRepository.$invalid).toBe(true)
+            expect(wrapper.vm.bridgechainRepositoryError).toBe('VALIDATION.TOO_SHORT')
+          })
+
+          it('should not return error if valid', () => {
+            wrapper.vm.$v.form.asset.bridgechainRepository.$model = 'https://github.com/arkecosystem/desktop-wallet.git'
+
+            expect(wrapper.vm.$v.form.asset.bridgechainRepository.$dirty).toBe(true)
+            expect(wrapper.vm.$v.form.asset.bridgechainRepository.$invalid).toBe(false)
+            expect(wrapper.vm.bridgechainRepositoryError).not.toBe('VALIDATION.INVALID_URL')
+          })
+
+          it('should return error if invalid', () => {
+            wrapper.vm.$v.form.asset.bridgechainRepository.$model = 'https://github/arkecosystem/desktop-wallet.git'
+
+            expect(wrapper.vm.$v.form.asset.bridgechainRepository.$dirty).toBe(true)
+            expect(wrapper.vm.$v.form.asset.bridgechainRepository.$invalid).toBe(true)
+            expect(wrapper.vm.bridgechainRepositoryError).toBe('VALIDATION.INVALID_URL')
+          })
+        })
+      }
+    })
+
+    describe('bridgechainAssetRepositoryError', () => {
+      it('should return null if valid', () => {
+        wrapper.vm.$v.form.asset.bridgechainAssetRepository.$model = 'https://github.com/arkecosystem/desktop-wallet.git'
+
+        expect(wrapper.vm.$v.form.asset.bridgechainAssetRepository.$dirty).toBe(true)
+        expect(wrapper.vm.$v.form.asset.bridgechainAssetRepository.$invalid).toBe(false)
+        expect(wrapper.vm.bridgechainAssetRepositoryError).toBe(null)
+      })
+
+      it('should return null if not dirty', () => {
+        wrapper.vm.$v.form.asset.bridgechainAssetRepository.$model = ''
+        wrapper.vm.$v.form.asset.bridgechainAssetRepository.$reset()
+
+        expect(wrapper.vm.$v.form.asset.bridgechainAssetRepository.$dirty).toBe(false)
+        expect(wrapper.vm.$v.form.asset.bridgechainAssetRepository.$invalid).toBe(false)
+        expect(wrapper.vm.bridgechainAssetRepositoryError).toBe(null)
+      })
+
+      if (componentName === 'TransactionFormBridgechainRegistration') {
+        describe('TransactionFormBridgechainRegistration', () => {
+          it('should not return error if valid', () => {
+            wrapper.vm.$v.form.asset.bridgechainAssetRepository.$model = 'https://github.com/arkecosystem/desktop-wallet.git'
+
+            expect(wrapper.vm.$v.form.asset.bridgechainAssetRepository.$dirty).toBe(true)
+            expect(wrapper.vm.$v.form.asset.bridgechainAssetRepository.$invalid).toBe(false)
+            expect(wrapper.vm.bridgechainAssetRepositoryError).not.toBe('VALIDATION.INVALID_URL')
+          })
+
+          it('should return error if invalid', () => {
+            wrapper.vm.$v.form.asset.bridgechainAssetRepository.$model = 'https://github/arkecosystem/desktop-wallet.git'
+
+            expect(wrapper.vm.$v.form.asset.bridgechainAssetRepository.$dirty).toBe(true)
+            expect(wrapper.vm.$v.form.asset.bridgechainAssetRepository.$invalid).toBe(true)
+            expect(wrapper.vm.bridgechainAssetRepositoryError).toBe('VALIDATION.INVALID_URL')
+          })
+        })
+      }
+    })
+
+    describe('apiPortError', () => {
+      it('should return null if valid', () => {
+        wrapper.vm.$v.form.apiPort.$model = 4003
+
+        expect(wrapper.vm.$v.form.apiPort.$dirty).toBe(true)
+        expect(wrapper.vm.$v.form.apiPort.$invalid).toBe(false)
+        expect(wrapper.vm.apiPortError).toBe(null)
+      })
+
+      it('should return null if not dirty', () => {
+        wrapper.vm.$v.form.apiPort.$model = ''
+        wrapper.vm.$v.form.apiPort.$reset()
+
+        expect(wrapper.vm.$v.form.apiPort.$dirty).toBe(false)
+        expect(wrapper.vm.$v.form.apiPort.$invalid).toBe(true)
+        expect(wrapper.vm.apiPortError).toBe(null)
+      })
+
+      it('should return error if empty', () => {
+        wrapper.vm.$v.form.apiPort.$model = ''
+
+        expect(wrapper.vm.$v.form.apiPort.$dirty).toBe(true)
+        expect(wrapper.vm.$v.form.apiPort.$invalid).toBe(true)
+        expect(wrapper.vm.apiPortError).toBe('VALIDATION.REQUIRED')
+      })
+
+      it('should return error if not numeric', () => {
+        wrapper.vm.$v.form.apiPort.$model = 'test'
+
+        expect(wrapper.vm.$v.form.apiPort.$dirty).toBe(true)
+        expect(wrapper.vm.$v.form.apiPort.$invalid).toBe(true)
+        expect(wrapper.vm.apiPortError).toBe('VALIDATION.NOT_NUMERIC')
+      })
+
+      it('should return error if not valid port', () => {
+        wrapper.vm.$v.form.apiPort.$model = '9999999'
+
+        expect(wrapper.vm.$v.form.apiPort.$dirty).toBe(true)
+        expect(wrapper.vm.$v.form.apiPort.$invalid).toBe(true)
+        expect(wrapper.vm.apiPortError).toBe('VALIDATION.INVALID_PORT')
+      })
+    })
+  })
+
+  describe('methods', () => {
+    describe('getTransactionData', () => {
+      it('should return correct data with passphrase', () => {
+        wrapper.vm.$v.form.fee.$model = 0.1
+        wrapper.vm.$v.form.passphrase.$model = 'passphrase'
+        wrapper.vm.$v.form.asset.name.$model = 'bridgechain'
+        wrapper.vm.$v.form.asset.genesisHash.$model = '2a44f340d76ffc3df204c5f38cd355b7496c9065a1ade2ef92071436bd72e867'
+        wrapper.vm.$v.form.seedNodes.$model = [
+          { ip: '1.1.1.1', isInvalid: false },
+          { ip: '2.2.2.2', isInvalid: false }
+        ]
+        wrapper.vm.form.asset.ports = {
+          '@arkecosystem/core-api': 4003
+        }
+        wrapper.vm.$v.form.asset.bridgechainRepository.$model = 'https://github.com/arkecosystem/core.git'
+        wrapper.vm.$v.form.asset.bridgechainAssetRepository.$model = 'https://github.com/arkecosystem/core-assets.git'
+
+        const expectedAsset = {
+          name: 'bridgechain',
+          seedNodes: [
+            '1.1.1.1',
+            '2.2.2.2'
+          ],
+          ports: {
+            '@arkecosystem/core-api': 4003
+          },
+          genesisHash: '2a44f340d76ffc3df204c5f38cd355b7496c9065a1ade2ef92071436bd72e867',
+          bridgechainRepository: 'https://github.com/arkecosystem/core.git',
+          bridgechainAssetRepository: 'https://github.com/arkecosystem/core-assets.git'
+        }
+
+        if (componentName === 'TransactionFormBridgechainUpdate') {
+          wrapper.vm.form.asset.bridgechainId = '2a44f340d76ffc3df204c5f38cd355b7496c9065a1ade2ef92071436bd72e867'
+          expectedAsset.bridgechainId = '2a44f340d76ffc3df204c5f38cd355b7496c9065a1ade2ef92071436bd72e867'
+        }
+
+        expect(wrapper.vm.getTransactionData()).toEqual({
+          address: 'address-1',
+          asset: expectedAsset,
+          passphrase: 'passphrase',
+          fee: new BigNumber(0.1 * 1e8),
+          wif: undefined,
+          networkWif: 170,
+          multiSignature: undefined
+        })
+      })
+
+      it('should return correct data with passphrase and second passphrase', () => {
+        createWrapper(component, {
+          address: 'address-1',
+          passphrase: null,
+          secondPublicKey: Identities.PublicKey.fromPassphrase('second passphrase')
+        })
+
+        wrapper.vm.$v.form.fee.$model = 0.1
+        wrapper.vm.$v.form.passphrase.$model = 'passphrase'
+        wrapper.vm.$v.form.secondPassphrase.$model = 'second passphrase'
+        wrapper.vm.$v.form.asset.name.$model = 'bridgechain'
+        wrapper.vm.$v.form.asset.genesisHash.$model = '2a44f340d76ffc3df204c5f38cd355b7496c9065a1ade2ef92071436bd72e867'
+        wrapper.vm.$v.form.seedNodes.$model = [
+          { ip: '1.1.1.1', isInvalid: false },
+          { ip: '2.2.2.2', isInvalid: false }
+        ]
+        wrapper.vm.form.asset.ports = {
+          '@arkecosystem/core-api': 4003
+        }
+        wrapper.vm.$v.form.asset.bridgechainRepository.$model = 'https://github.com/arkecosystem/core.git'
+        wrapper.vm.$v.form.asset.bridgechainAssetRepository.$model = 'https://github.com/arkecosystem/core-assets.git'
+
+        const expectedAsset = {
+          name: 'bridgechain',
+          seedNodes: [
+            '1.1.1.1',
+            '2.2.2.2'
+          ],
+          ports: {
+            '@arkecosystem/core-api': 4003
+          },
+          genesisHash: '2a44f340d76ffc3df204c5f38cd355b7496c9065a1ade2ef92071436bd72e867',
+          bridgechainRepository: 'https://github.com/arkecosystem/core.git',
+          bridgechainAssetRepository: 'https://github.com/arkecosystem/core-assets.git'
+        }
+
+        if (componentName === 'TransactionFormBridgechainUpdate') {
+          wrapper.vm.form.asset.bridgechainId = '2a44f340d76ffc3df204c5f38cd355b7496c9065a1ade2ef92071436bd72e867'
+          expectedAsset.bridgechainId = '2a44f340d76ffc3df204c5f38cd355b7496c9065a1ade2ef92071436bd72e867'
+        }
+
+        expect(wrapper.vm.getTransactionData()).toEqual({
+          address: 'address-1',
+          asset: expectedAsset,
+          passphrase: 'passphrase',
+          secondPassphrase: 'second passphrase',
+          fee: new BigNumber(0.1 * 1e8),
+          wif: undefined,
+          networkWif: 170,
+          multiSignature: undefined
+        })
+      })
+    })
+
+    describe('buildTransaction', () => {
+      it('should build bridgechain update', async () => {
+        const transactionData = {
+          type: 2,
+          typeGroup: 2
+        }
+
+        const response = await wrapper.vm.buildTransaction(transactionData, true, true)
+
+        if (componentName === 'TransactionFormBridgechainRegistration') {
+          expect(wrapper.vm.$client.buildBridgechainRegistration).toHaveBeenCalledWith(transactionData, true, true)
+        } else {
+          expect(wrapper.vm.$client.buildBridgechainUpdate).toHaveBeenCalledWith(transactionData, true, true)
+        }
+        expect(response).toBe(transactionData)
+      })
+
+      it('should build bridgechain update with default arguments', async () => {
+        const transactionData = {
+          type: 2,
+          typeGroup: 2
+        }
+
+        const response = await wrapper.vm.buildTransaction(transactionData)
+
+        if (componentName === 'TransactionFormBridgechainRegistration') {
+          expect(wrapper.vm.$client.buildBridgechainRegistration).toHaveBeenCalledWith(transactionData, false, false)
+        } else {
+          expect(wrapper.vm.$client.buildBridgechainUpdate).toHaveBeenCalledWith(transactionData, false, false)
+        }
+        expect(response).toBe(transactionData)
+      })
+    })
+
+    describe('transactionError', () => {
+      it('should generate transaction error', () => {
+        wrapper.vm.transactionError()
+
+        if (componentName === 'TransactionFormBridgechainRegistration') {
+          expect(wrapper.vm.$error).toHaveBeenCalledWith('TRANSACTION.ERROR.VALIDATION.BRIDGECHAIN_REGISTRATION')
+        } else {
+          expect(wrapper.vm.$error).toHaveBeenCalledWith('TRANSACTION.ERROR.VALIDATION.BRIDGECHAIN_UPDATE')
+        }
+      })
+    })
+
+    describe('previousStep', () => {
+      it('should go from step 2 to step 1', () => {
+        wrapper.vm.step = 2
+
+        wrapper.vm.previousStep()
+
+        expect(wrapper.vm.step).toBe(1)
+      })
+
+      it('should do nothing on step 1', () => {
+        wrapper.vm.step = 1
+
+        wrapper.vm.previousStep()
+
+        expect(wrapper.vm.step).toBe(1)
+      })
+    })
+
+    describe('nextStep', () => {
+      it('should go from step 1 to step 2', () => {
+        wrapper.vm.step = 1
+
+        wrapper.vm.nextStep()
+
+        expect(wrapper.vm.step).toBe(2)
+      })
+
+      it('should submit form data on step 2', async () => {
+        const spy = jest.spyOn(wrapper.vm, 'onSubmit').mockImplementation()
+        const validateSeedsSpy = jest.spyOn(wrapper.vm, 'validateSeeds').mockImplementation()
+
+        wrapper.vm.step = 2
+
+        await wrapper.vm.$nextTick()
+
+        await wrapper.vm.nextStep()
+
+        expect(validateSeedsSpy).toHaveBeenCalledTimes(1)
+        expect(wrapper.vm.invalidSeeds.length).toBe(0)
+        expect(spy).toHaveBeenCalledTimes(1)
+      })
+    })
+
+    describe('addSeedNode', () => {
+      it('should add current seed to list', async () => {
+        wrapper.vm.$v.form.seedNodes.$model = []
+        wrapper.vm.$v.seedNode.$model = '5.5.5.5'
+
+        await wrapper.vm.$nextTick()
+
+        wrapper.vm.addSeedNode()
+
+        expect(wrapper.vm.$v.form.seedNodes.$model).toEqual([{ ip: '5.5.5.5', isInvalid: false }])
+      })
+
+      it('should reset current seed', async () => {
+        wrapper.vm.$v.seedNode.$model = '7.7.7.7'
+
+        await wrapper.vm.$nextTick()
+
+        wrapper.vm.addSeedNode()
+
+        expect(wrapper.vm.$v.seedNode.$model).toBe('')
+      })
+
+      it('should do nothing if invalid seed', async () => {
+        wrapper.vm.$v.form.seedNodes.$model = []
+        wrapper.vm.$v.seedNode.$model = 'invalid seed'
+
+        await wrapper.vm.$nextTick()
+
+        wrapper.vm.addSeedNode()
+
+        expect(wrapper.vm.$v.form.seedNodes.$model).toEqual([])
+      })
+    })
+
+    describe('emitRemoveSeedNode', () => {
+      it('should remove seed at index', () => {
+        wrapper.vm.$v.form.seedNodes.$model = [
+          { ip: '5.5.5.5', isInvalid: false },
+          { ip: '6.6.6.6', isInvalid: false },
+          { ip: '7.7.7.7', isInvalid: false }
+        ]
+
+        wrapper.vm.emitRemoveSeedNode(1)
+
+        expect(wrapper.vm.$v.form.seedNodes.$model).toEqual([
+          { ip: '5.5.5.5', isInvalid: false },
+          { ip: '7.7.7.7', isInvalid: false }
+        ])
+      })
+
+      it('should do nothing if index does not exist', () => {
+        const seeds = [
+          { ip: '5.5.5.5', isInvalid: false },
+          { ip: '6.6.6.6', isInvalid: false }
+        ]
+
+        wrapper.vm.$v.form.seedNodes.$model = seeds
+
+        wrapper.vm.emitRemoveSeedNode(3)
+
+        expect(wrapper.vm.$v.form.seedNodes.$model).toBe(seeds)
+      })
+    })
+  })
+})
diff --git a/__tests__/unit/components/Transaction/TransactionForm/TransactionFormBusiness/TransactionFormBusinessRegistration.spec.js b/__tests__/unit/components/Transaction/TransactionForm/TransactionFormBusiness/TransactionFormBusinessRegistration.spec.js
new file mode 100644
index 0000000000..e9a4174ac5
--- /dev/null
+++ b/__tests__/unit/components/Transaction/TransactionForm/TransactionFormBusiness/TransactionFormBusinessRegistration.spec.js
@@ -0,0 +1,202 @@
+import { createLocalVue, mount } from '@vue/test-utils'
+import Vuelidate from 'vuelidate'
+import installI18n from '../../../../__utils__/i18n'
+import TransactionFormBusinessRegistration from '@/components/Transaction/TransactionForm/TransactionFormBusiness/TransactionFormBusinessRegistration'
+import CurrencyMixin from '@/mixins/currency'
+
+const localVue = createLocalVue()
+localVue.use(Vuelidate)
+const i18n = installI18n(localVue)
+
+const network = {
+  token: 'ARK',
+  version: 23,
+  wif: 170,
+  market: {
+    enabled: false
+  }
+}
+
+let wrapper
+/* eslint-disable-next-line camelcase */
+const createWrapper = (component, wallet_fromRoute) => {
+  component = component || TransactionFormBusinessRegistration
+  /* eslint-disable-next-line camelcase */
+  wallet_fromRoute = wallet_fromRoute || {
+    passphrase: null
+  }
+
+  wrapper = mount(component, {
+    i18n,
+    localVue,
+    sync: false,
+    mocks: {
+      $client: {
+        buildBusinessRegistration: jest.fn((transactionData) => transactionData)
+      },
+      $error: jest.fn(),
+      $store: {
+        getters: {
+          'transaction/staticFee': jest.fn(() => null),
+          'session/lastFeeByType': jest.fn(() => (1 * 1e8).toString()),
+          'session/network': network,
+          'network/byToken': jest.fn(() => (network))
+        }
+      },
+      $synchronizer: {
+        appendFocus: jest.fn()
+      },
+      session_network: network,
+      currency_format: jest.fn(CurrencyMixin.methods.currency_format),
+      currency_subToUnit: jest.fn(CurrencyMixin.methods.currency_subToUnit),
+      currency_toBuilder: jest.fn(CurrencyMixin.methods.currency_toBuilder),
+      wallet_formatAddress: jest.fn(address => `formatted-${address}`),
+      wallet_fromRoute
+    }
+  })
+}
+
+describe('TransactionFormBusinessRegistration', () => {
+  beforeEach(() => {
+    createWrapper()
+  })
+
+  it('should have magistrate transaction group', () => {
+    expect(wrapper.vm.$options.transactionGroup).toBe(2)
+  })
+
+  it('should have business registration transaction type', () => {
+    expect(wrapper.vm.$options.transactionType).toBe(0)
+  })
+
+  describe('template', () => {
+    it('should render', () => {
+      expect(wrapper.contains('.TransactionFormBusiness')).toBe(true)
+    })
+
+    it('should have name field', () => {
+      expect(wrapper.contains('.TransactionFormBusiness__name')).toBe(true)
+    })
+
+    it('should have website field', () => {
+      expect(wrapper.contains('.TransactionFormBusiness__website')).toBe(true)
+    })
+
+    it('should have vat field', () => {
+      expect(wrapper.contains('.TransactionFormBusiness__vat')).toBe(true)
+    })
+
+    it('should have repository field', () => {
+      expect(wrapper.contains('.TransactionFormBusiness__repository')).toBe(true)
+    })
+
+    it('should have fee field', () => {
+      expect(wrapper.contains('.TransactionFormBusiness__fee')).toBe(true)
+    })
+
+    describe('ledger notice', () => {
+      it('should show if wallet is a ledger', () => {
+        createWrapper(null, {
+          isLedger: true
+        })
+
+        expect(wrapper.contains('.TransactionFormBusiness__ledger-notice')).toBe(true)
+      })
+
+      it('should show if wallet is not a ledger', () => {
+        createWrapper(null, {
+          isLedger: false
+        })
+
+        expect(wrapper.contains('.TransactionFormBusiness__ledger-notice')).toBe(false)
+      })
+    })
+
+    describe('password field', () => {
+      it('should show if wallet does have a password', () => {
+        createWrapper(null, {
+          passphrase: 'password'
+        })
+
+        expect(wrapper.contains('.TransactionFormBusiness__password')).toBe(true)
+      })
+
+      it('should show if wallet does not have a password', () => {
+        expect(wrapper.contains('.TransactionFormBusiness__password')).toBe(false)
+      })
+    })
+
+    describe('passphrase field', () => {
+      it('should show if wallet does not have a password', () => {
+        expect(wrapper.contains('.TransactionFormBusiness__passphrase')).toBe(true)
+      })
+
+      it('should not show if wallet does have a password', () => {
+        createWrapper(null, {
+          passphrase: 'password'
+        })
+
+        expect(wrapper.contains('.TransactionFormBusiness__passphrase')).toBe(false)
+      })
+    })
+
+    describe('next button', () => {
+      it('should be enabled if form is valid', async () => {
+        wrapper.vm.$v.form.fee.$model = (0.1 * 1e8).toString()
+        wrapper.vm.$v.form.passphrase.$model = 'passphrase'
+        wrapper.vm.$v.form.asset.name.$model = 'business'
+        wrapper.vm.$v.form.asset.website.$model = 'https://ark.io'
+        wrapper.vm.$v.form.asset.vat.$model = 'GB12345678'
+        wrapper.vm.$v.form.asset.repository.$model = 'https://github.com/arkecosystem/desktop-wallet.git'
+
+        await wrapper.vm.$nextTick()
+
+        expect(wrapper.find('.TransactionFormBusiness__next').attributes('disabled')).toBeFalsy()
+      })
+
+      it('should be disabled if form is invalid', async () => {
+        wrapper.vm.$v.form.$touch()
+
+        await wrapper.vm.$nextTick()
+
+        expect(wrapper.find('.TransactionFormBusiness__next').attributes('disabled')).toBe('disabled')
+      })
+    })
+  })
+
+  describe('methods', () => {
+    describe('buildTransaction', () => {
+      it('should build business registration', async () => {
+        const transactionData = {
+          type: 0,
+          typeGroup: 2
+        }
+
+        const response = await wrapper.vm.buildTransaction(transactionData, true, true)
+
+        expect(wrapper.vm.$client.buildBusinessRegistration).toHaveBeenCalledWith(transactionData, true, true)
+        expect(response).toBe(transactionData)
+      })
+
+      it('should build business registration with default arguments', async () => {
+        const transactionData = {
+          type: 0,
+          typeGroup: 2
+        }
+
+        const response = await wrapper.vm.buildTransaction(transactionData)
+
+        expect(wrapper.vm.$client.buildBusinessRegistration).toHaveBeenCalledWith(transactionData, false, false)
+        expect(response).toBe(transactionData)
+      })
+    })
+
+    describe('transactionError', () => {
+      it('should generate transaction error', () => {
+        wrapper.vm.transactionError()
+
+        expect(wrapper.vm.$error).toHaveBeenCalledWith('TRANSACTION.ERROR.VALIDATION.BUSINESS_REGISTRATION')
+      })
+    })
+  })
+})
diff --git a/__tests__/unit/components/Transaction/TransactionForm/TransactionFormBusiness/TransactionFormBusinessResignation.spec.js b/__tests__/unit/components/Transaction/TransactionForm/TransactionFormBusiness/TransactionFormBusinessResignation.spec.js
new file mode 100644
index 0000000000..f4e0768e06
--- /dev/null
+++ b/__tests__/unit/components/Transaction/TransactionForm/TransactionFormBusiness/TransactionFormBusinessResignation.spec.js
@@ -0,0 +1,264 @@
+import { createLocalVue, mount } from '@vue/test-utils'
+import { Identities } from '@arkecosystem/crypto'
+import Vuelidate from 'vuelidate'
+import installI18n from '../../../../__utils__/i18n'
+import TransactionFormBusinessResignation from '@/components/Transaction/TransactionForm/TransactionFormBusiness/TransactionFormBusinessResignation'
+import CurrencyMixin from '@/mixins/currency'
+import BigNumber from '@/plugins/bignumber'
+import WalletService from '@/services/wallet'
+
+const localVue = createLocalVue()
+localVue.use(Vuelidate)
+const i18n = installI18n(localVue)
+
+const network = {
+  token: 'ARK',
+  version: 23,
+  wif: 170,
+  market: {
+    enabled: false
+  }
+}
+
+let wrapper
+/* eslint-disable-next-line camelcase */
+const createWrapper = (component, wallet_fromRoute) => {
+  component = component || TransactionFormBusinessResignation
+  /* eslint-disable-next-line camelcase */
+  wallet_fromRoute = wallet_fromRoute || {
+    address: 'address-1',
+    passphrase: null
+  }
+
+  if (!wallet_fromRoute.business) {
+    wallet_fromRoute.business = {
+      name: 'business',
+      website: 'https://ark.io',
+      vat: 'GB12345678',
+      repository: 'https://github.com/arkecosystem/desktop-wallet.git'
+    }
+  }
+
+  wrapper = mount(component, {
+    i18n,
+    localVue,
+    sync: false,
+    mocks: {
+      $client: {
+        buildBusinessResignation: jest.fn((transactionData) => transactionData)
+      },
+      $error: jest.fn(),
+      $store: {
+        getters: {
+          'transaction/staticFee': jest.fn(() => null),
+          'session/lastFeeByType': jest.fn(() => (1 * 1e8).toString()),
+          'session/network': network,
+          'network/byToken': jest.fn(() => (network))
+        }
+      },
+      $synchronizer: {
+        appendFocus: jest.fn()
+      },
+      session_network: network,
+      currency_format: jest.fn(CurrencyMixin.methods.currency_format),
+      currency_subToUnit: jest.fn(CurrencyMixin.methods.currency_subToUnit),
+      currency_toBuilder: jest.fn(CurrencyMixin.methods.currency_toBuilder),
+      currency_unitToSub: jest.fn(CurrencyMixin.methods.currency_unitToSub),
+      wallet_formatAddress: jest.fn(address => `formatted-${address}`),
+      wallet_fromRoute
+    },
+    stubs: {
+      Portal: true
+    }
+  })
+}
+
+let spyCanResignBusiness
+describe('TransactionFormBusinessResignation', () => {
+  beforeEach(() => {
+    spyCanResignBusiness = jest.spyOn(WalletService, 'canResignBusiness').mockReturnValue(true)
+
+    createWrapper()
+  })
+
+  afterEach(() => {
+    spyCanResignBusiness.mockRestore()
+  })
+
+  it('should have magistrate transaction group', () => {
+    expect(wrapper.vm.$options.transactionGroup).toBe(2)
+  })
+
+  it('should have business resignation transaction type', () => {
+    expect(wrapper.vm.$options.transactionType).toBe(1)
+  })
+
+  describe('template', () => {
+    it('should render', () => {
+      expect(wrapper.contains('.TransactionFormBusinessResignation')).toBe(true)
+    })
+
+    it('should have fee field', () => {
+      expect(wrapper.contains('.TransactionFormBusinessResignation__fee')).toBe(true)
+    })
+
+    describe('ledger notice', () => {
+      it('should show if wallet is a ledger', () => {
+        createWrapper(null, {
+          isLedger: true
+        })
+
+        expect(wrapper.contains('.TransactionFormBusinessResignation__ledger-notice')).toBe(true)
+      })
+
+      it('should show if wallet is not a ledger', () => {
+        createWrapper(null, {
+          isLedger: false
+        })
+
+        expect(wrapper.contains('.TransactionFormBusinessResignation__ledger-notice')).toBe(false)
+      })
+    })
+
+    describe('password field', () => {
+      it('should show if wallet does have a password', () => {
+        createWrapper(null, {
+          passphrase: 'password'
+        })
+
+        expect(wrapper.contains('.TransactionFormBusinessResignation__password')).toBe(true)
+      })
+
+      it('should show if wallet does not have a password', () => {
+        expect(wrapper.contains('.TransactionFormBusinessResignation__password')).toBe(false)
+      })
+    })
+
+    describe('passphrase field', () => {
+      it('should show if wallet does not have a password', () => {
+        expect(wrapper.contains('.TransactionFormBusinessResignation__passphrase')).toBe(true)
+      })
+
+      it('should not show if wallet does have a password', () => {
+        createWrapper(null, {
+          passphrase: 'password'
+        })
+
+        expect(wrapper.contains('.TransactionFormBusinessResignation__passphrase')).toBe(false)
+      })
+    })
+
+    describe('next button', () => {
+      it('should be enabled if form is valid', async () => {
+        wrapper.vm.$v.form.fee.$model = (0.1 * 1e8).toString()
+        wrapper.vm.$v.form.passphrase.$model = 'passphrase'
+
+        await wrapper.vm.$nextTick()
+
+        expect(wrapper.find('.TransactionFormBusinessResignation__next').attributes('disabled')).toBeFalsy()
+      })
+
+      it('should be disabled if form is invalid', async () => {
+        wrapper.vm.$v.form.$touch()
+
+        await wrapper.vm.$nextTick()
+
+        expect(wrapper.find('.TransactionFormBusinessResignation__next').attributes('disabled')).toBe('disabled')
+      })
+    })
+  })
+
+  describe('computed', () => {
+    describe('canResignBusiness', () => {
+      it('should return true', () => {
+        spyCanResignBusiness.mockReturnValue(true)
+
+        createWrapper()
+
+        expect(wrapper.vm.canResignBusiness).toBe(true)
+      })
+
+      it('should return false', () => {
+        spyCanResignBusiness.mockReturnValue(false)
+
+        createWrapper()
+
+        expect(wrapper.vm.canResignBusiness).toBe(false)
+      })
+    })
+  })
+
+  describe('methods', () => {
+    describe('getTransactionData', () => {
+      it('should return correct data with passphrase', () => {
+        wrapper.vm.$v.form.fee.$model = 0.1
+        wrapper.vm.$v.form.passphrase.$model = 'passphrase'
+
+        expect(wrapper.vm.getTransactionData()).toEqual({
+          address: 'address-1',
+          passphrase: 'passphrase',
+          fee: new BigNumber(0.1 * 1e8),
+          wif: undefined,
+          networkWif: 170,
+          multiSignature: undefined
+        })
+      })
+
+      it('should return correct data with passphrase and second passphrase', () => {
+        createWrapper(null, {
+          address: 'address-1',
+          passphrase: null,
+          secondPublicKey: Identities.PublicKey.fromPassphrase('second passphrase')
+        })
+
+        wrapper.vm.$v.form.fee.$model = 0.1
+        wrapper.vm.$v.form.passphrase.$model = 'passphrase'
+        wrapper.vm.$v.form.secondPassphrase.$model = 'second passphrase'
+
+        expect(wrapper.vm.getTransactionData()).toEqual({
+          address: 'address-1',
+          passphrase: 'passphrase',
+          secondPassphrase: 'second passphrase',
+          fee: new BigNumber(0.1 * 1e8),
+          wif: undefined,
+          networkWif: 170,
+          multiSignature: undefined
+        })
+      })
+    })
+
+    describe('buildTransaction', () => {
+      it('should build business resignation', async () => {
+        const transactionData = {
+          type: 0,
+          typeGroup: 2
+        }
+
+        const response = await wrapper.vm.buildTransaction(transactionData, true, true)
+
+        expect(wrapper.vm.$client.buildBusinessResignation).toHaveBeenCalledWith(transactionData, true, true)
+        expect(response).toBe(transactionData)
+      })
+
+      it('should build business resignation with default arguments', async () => {
+        const transactionData = {
+          type: 0,
+          typeGroup: 2
+        }
+
+        const response = await wrapper.vm.buildTransaction(transactionData)
+
+        expect(wrapper.vm.$client.buildBusinessResignation).toHaveBeenCalledWith(transactionData, false, false)
+        expect(response).toBe(transactionData)
+      })
+    })
+
+    describe('transactionError', () => {
+      it('should generate transaction error', () => {
+        wrapper.vm.transactionError()
+
+        expect(wrapper.vm.$error).toHaveBeenCalledWith('TRANSACTION.ERROR.VALIDATION.BUSINESS_RESIGNATION')
+      })
+    })
+  })
+})
diff --git a/__tests__/unit/components/Transaction/TransactionForm/TransactionFormBusiness/TransactionFormBusinessUpdate.spec.js b/__tests__/unit/components/Transaction/TransactionForm/TransactionFormBusiness/TransactionFormBusinessUpdate.spec.js
new file mode 100644
index 0000000000..1970a2dc31
--- /dev/null
+++ b/__tests__/unit/components/Transaction/TransactionForm/TransactionFormBusiness/TransactionFormBusinessUpdate.spec.js
@@ -0,0 +1,222 @@
+import { createLocalVue, mount } from '@vue/test-utils'
+import Vuelidate from 'vuelidate'
+import installI18n from '../../../../__utils__/i18n'
+import TransactionFormBusinessUpdate from '@/components/Transaction/TransactionForm/TransactionFormBusiness/TransactionFormBusinessUpdate'
+import CurrencyMixin from '@/mixins/currency'
+
+const localVue = createLocalVue()
+localVue.use(Vuelidate)
+const i18n = installI18n(localVue)
+
+const network = {
+  token: 'ARK',
+  version: 23,
+  wif: 170,
+  market: {
+    enabled: false
+  }
+}
+
+let wrapper
+/* eslint-disable-next-line camelcase */
+const createWrapper = (component, wallet_fromRoute) => {
+  component = component || TransactionFormBusinessUpdate
+  /* eslint-disable-next-line camelcase */
+  wallet_fromRoute = wallet_fromRoute || {
+    passphrase: null
+  }
+
+  if (!wallet_fromRoute.business) {
+    wallet_fromRoute.business = {
+      name: 'business',
+      website: 'https://ark.io',
+      vat: 'GB12345678',
+      repository: 'https://github.com/arkecosystem/desktop-wallet.git'
+    }
+  }
+
+  wrapper = mount(component, {
+    i18n,
+    localVue,
+    sync: false,
+    mocks: {
+      $client: {
+        buildBusinessUpdate: jest.fn((transactionData) => transactionData)
+      },
+      $error: jest.fn(),
+      $store: {
+        getters: {
+          'transaction/staticFee': jest.fn(() => null),
+          'session/lastFeeByType': jest.fn(() => (1 * 1e8).toString()),
+          'session/network': network,
+          'network/byToken': jest.fn(() => (network))
+        }
+      },
+      $synchronizer: {
+        appendFocus: jest.fn()
+      },
+      session_network: network,
+      currency_format: jest.fn(CurrencyMixin.methods.currency_format),
+      currency_subToUnit: jest.fn(CurrencyMixin.methods.currency_subToUnit),
+      currency_toBuilder: jest.fn(CurrencyMixin.methods.currency_toBuilder),
+      wallet_formatAddress: jest.fn(address => `formatted-${address}`),
+      wallet_fromRoute
+    }
+  })
+}
+
+describe('TransactionFormBusinessUpdate', () => {
+  beforeEach(() => {
+    createWrapper()
+  })
+
+  it('should have magistrate transaction group', () => {
+    expect(wrapper.vm.$options.transactionGroup).toBe(2)
+  })
+
+  it('should have business update transaction type', () => {
+    expect(wrapper.vm.$options.transactionType).toBe(2)
+  })
+
+  describe('template', () => {
+    it('should render', () => {
+      expect(wrapper.contains('.TransactionFormBusiness')).toBe(true)
+    })
+
+    it('should have name field', () => {
+      expect(wrapper.contains('.TransactionFormBusiness__name')).toBe(true)
+    })
+
+    it('should have website field', () => {
+      expect(wrapper.contains('.TransactionFormBusiness__website')).toBe(true)
+    })
+
+    it('should have vat field', () => {
+      expect(wrapper.contains('.TransactionFormBusiness__vat')).toBe(true)
+    })
+
+    it('should have repository field', () => {
+      expect(wrapper.contains('.TransactionFormBusiness__repository')).toBe(true)
+    })
+
+    it('should have fee field', () => {
+      expect(wrapper.contains('.TransactionFormBusiness__fee')).toBe(true)
+    })
+
+    describe('ledger notice', () => {
+      it('should show if wallet is a ledger', () => {
+        createWrapper(null, {
+          isLedger: true
+        })
+
+        expect(wrapper.contains('.TransactionFormBusiness__ledger-notice')).toBe(true)
+      })
+
+      it('should show if wallet is not a ledger', () => {
+        createWrapper(null, {
+          isLedger: false
+        })
+
+        expect(wrapper.contains('.TransactionFormBusiness__ledger-notice')).toBe(false)
+      })
+    })
+
+    describe('password field', () => {
+      it('should show if wallet does have a password', () => {
+        createWrapper(null, {
+          passphrase: 'password'
+        })
+
+        expect(wrapper.contains('.TransactionFormBusiness__password')).toBe(true)
+      })
+
+      it('should show if wallet does not have a password', () => {
+        expect(wrapper.contains('.TransactionFormBusiness__password')).toBe(false)
+      })
+    })
+
+    describe('passphrase field', () => {
+      it('should show if wallet does not have a password', () => {
+        expect(wrapper.contains('.TransactionFormBusiness__passphrase')).toBe(true)
+      })
+
+      it('should not show if wallet does have a password', () => {
+        createWrapper(null, {
+          passphrase: 'password'
+        })
+
+        expect(wrapper.contains('.TransactionFormBusiness__passphrase')).toBe(false)
+      })
+    })
+
+    describe('next button', () => {
+      it('should be enabled if form is valid', async () => {
+        wrapper.vm.$v.form.fee.$model = (0.1 * 1e8).toString()
+        wrapper.vm.$v.form.passphrase.$model = 'passphrase'
+        wrapper.vm.$v.form.asset.name.$model = 'business'
+        wrapper.vm.$v.form.asset.website.$model = 'https://ark.io'
+        wrapper.vm.$v.form.asset.vat.$model = 'GB12345678'
+        wrapper.vm.$v.form.asset.repository.$model = 'https://github.com/arkecosystem/desktop-wallet.git'
+
+        await wrapper.vm.$nextTick()
+
+        expect(wrapper.find('.TransactionFormBusiness__next').attributes('disabled')).toBeFalsy()
+      })
+
+      it('should be disabled if form is invalid', async () => {
+        wrapper.vm.$v.form.$touch()
+
+        await wrapper.vm.$nextTick()
+
+        expect(wrapper.find('.TransactionFormBusiness__next').attributes('disabled')).toBe('disabled')
+      })
+    })
+  })
+
+  describe('mounted hook', () => {
+    it('should load business into form', () => {
+      expect(wrapper.vm.form.asset).toEqual({
+        name: 'business',
+        website: 'https://ark.io',
+        vat: 'GB12345678',
+        repository: 'https://github.com/arkecosystem/desktop-wallet.git'
+      })
+    })
+  })
+
+  describe('methods', () => {
+    describe('buildTransaction', () => {
+      it('should build business update', async () => {
+        const transactionData = {
+          type: 2,
+          typeGroup: 2
+        }
+
+        const response = await wrapper.vm.buildTransaction(transactionData, true, true)
+
+        expect(wrapper.vm.$client.buildBusinessUpdate).toHaveBeenCalledWith(transactionData, true, true)
+        expect(response).toBe(transactionData)
+      })
+
+      it('should build business update with default arguments', async () => {
+        const transactionData = {
+          type: 2,
+          typeGroup: 2
+        }
+
+        const response = await wrapper.vm.buildTransaction(transactionData)
+
+        expect(wrapper.vm.$client.buildBusinessUpdate).toHaveBeenCalledWith(transactionData, false, false)
+        expect(response).toBe(transactionData)
+      })
+    })
+
+    describe('transactionError', () => {
+      it('should generate transaction error', () => {
+        wrapper.vm.transactionError()
+
+        expect(wrapper.vm.$error).toHaveBeenCalledWith('TRANSACTION.ERROR.VALIDATION.BUSINESS_UPDATE')
+      })
+    })
+  })
+})
diff --git a/__tests__/unit/components/Transaction/TransactionForm/TransactionFormBusiness/mixin.spec.js b/__tests__/unit/components/Transaction/TransactionForm/TransactionFormBusiness/mixin.spec.js
new file mode 100644
index 0000000000..d0650db7e0
--- /dev/null
+++ b/__tests__/unit/components/Transaction/TransactionForm/TransactionFormBusiness/mixin.spec.js
@@ -0,0 +1,595 @@
+import { createLocalVue, mount } from '@vue/test-utils'
+import { Identities } from '@arkecosystem/crypto'
+import Vuelidate from 'vuelidate'
+import installI18n from '../../../../__utils__/i18n'
+import TransactionFormBusinessRegistration from '@/components/Transaction/TransactionForm/TransactionFormBusiness/TransactionFormBusinessRegistration'
+import TransactionFormBusinessUpdate from '@/components/Transaction/TransactionForm/TransactionFormBusiness/TransactionFormBusinessUpdate'
+import CurrencyMixin from '@/mixins/currency'
+import BigNumber from '@/plugins/bignumber'
+
+const localVue = createLocalVue()
+localVue.use(Vuelidate)
+const i18n = installI18n(localVue)
+
+const network = {
+  token: 'ARK',
+  version: 23,
+  wif: 170,
+  market: {
+    enabled: false
+  }
+}
+
+let wrapper
+/* eslint-disable-next-line camelcase */
+const createWrapper = (component, wallet_fromRoute) => {
+  /* eslint-disable-next-line camelcase */
+  wallet_fromRoute = wallet_fromRoute || {
+    address: 'address-1',
+    passphrase: null
+  }
+
+  if (component.name === 'TransactionFormBusinessUpdate' && !wallet_fromRoute.business) {
+    wallet_fromRoute.business = {
+      name: 'business',
+      website: 'https://ark.io',
+      vat: 'GB12345678',
+      repository: 'https://github.com/arkecosystem/desktop-wallet.git'
+    }
+  }
+
+  wrapper = mount(component, {
+    i18n,
+    localVue,
+    sync: false,
+    mocks: {
+      $client: {
+        buildBusinessRegistration: jest.fn((transactionData) => transactionData),
+        buildBusinessUpdate: jest.fn((transactionData) => transactionData)
+      },
+      $error: jest.fn(),
+      $store: {
+        getters: {
+          'transaction/staticFee': jest.fn(() => null),
+          'session/lastFeeByType': jest.fn(() => (1 * 1e8).toString()),
+          'session/network': network,
+          'network/byToken': jest.fn(() => (network))
+        }
+      },
+      $synchronizer: {
+        appendFocus: jest.fn()
+      },
+      session_network: network,
+      currency_format: jest.fn(CurrencyMixin.methods.currency_format),
+      currency_subToUnit: jest.fn(CurrencyMixin.methods.currency_subToUnit),
+      currency_toBuilder: jest.fn(CurrencyMixin.methods.currency_toBuilder),
+      currency_unitToSub: jest.fn(CurrencyMixin.methods.currency_unitToSub),
+      wallet_formatAddress: jest.fn(address => `formatted-${address}`),
+      wallet_fromRoute
+    }
+  })
+}
+
+describe.each([
+  ['TransactionFormBusinessRegistration', TransactionFormBusinessRegistration],
+  ['TransactionFormBusinessUpdate', TransactionFormBusinessUpdate]
+])('%s', (componentName, component) => {
+  beforeEach(() => {
+    createWrapper(component)
+  })
+
+  it('should have magistrate transaction group', () => {
+    expect(wrapper.vm.$options.transactionGroup).toBe(2)
+  })
+
+  it('should have correct transaction type', () => {
+    if (componentName === 'TransactionFormBusinessRegistration') {
+      expect(wrapper.vm.$options.transactionType).toBe(0)
+    } else {
+      expect(wrapper.vm.$options.transactionType).toBe(2)
+    }
+  })
+
+  describe('data', () => {
+    it('should create form object', () => {
+      expect(Object.keys(wrapper.vm.form)).toEqual([
+        'fee',
+        'passphrase',
+        'walletPassword',
+        'asset'
+      ])
+      expect(Object.keys(wrapper.vm.form.asset)).toEqual([
+        'name',
+        'website',
+        'vat',
+        'repository'
+      ])
+    })
+  })
+
+  if (componentName === 'TransactionFormBusinessUpdate') {
+    describe('mounted hook', () => {
+      it('should load business into form', () => {
+        expect(wrapper.vm.form.asset).toEqual({
+          name: 'business',
+          website: 'https://ark.io',
+          vat: 'GB12345678',
+          repository: 'https://github.com/arkecosystem/desktop-wallet.git'
+        })
+      })
+    })
+  }
+
+  describe('template', () => {
+    it('should render', () => {
+      expect(wrapper.contains('.TransactionFormBusiness')).toBe(true)
+    })
+
+    it('should have name field', () => {
+      expect(wrapper.contains('.TransactionFormBusiness__name')).toBe(true)
+    })
+
+    it('should have website field', () => {
+      expect(wrapper.contains('.TransactionFormBusiness__website')).toBe(true)
+    })
+
+    it('should have vat field', () => {
+      expect(wrapper.contains('.TransactionFormBusiness__vat')).toBe(true)
+    })
+
+    it('should have repository field', () => {
+      expect(wrapper.contains('.TransactionFormBusiness__repository')).toBe(true)
+    })
+
+    it('should have fee field', () => {
+      expect(wrapper.contains('.TransactionFormBusiness__fee')).toBe(true)
+    })
+
+    describe('ledger notice', () => {
+      it('should show if wallet is a ledger', () => {
+        createWrapper(component, {
+          isLedger: true
+        })
+
+        expect(wrapper.contains('.TransactionFormBusiness__ledger-notice')).toBe(true)
+      })
+
+      it('should show if wallet is not a ledger', () => {
+        createWrapper(component, {
+          isLedger: false
+        })
+
+        expect(wrapper.contains('.TransactionFormBusiness__ledger-notice')).toBe(false)
+      })
+    })
+
+    describe('password field', () => {
+      it('should show if wallet does have a password', () => {
+        createWrapper(component, {
+          passphrase: 'password'
+        })
+
+        expect(wrapper.contains('.TransactionFormBusiness__password')).toBe(true)
+      })
+
+      it('should show if wallet does not have a password', () => {
+        expect(wrapper.contains('.TransactionFormBusiness__password')).toBe(false)
+      })
+    })
+
+    describe('passphrase field', () => {
+      it('should show if wallet does not have a password', () => {
+        expect(wrapper.contains('.TransactionFormBusiness__passphrase')).toBe(true)
+      })
+
+      it('should not show if wallet does have a password', () => {
+        createWrapper(component, {
+          passphrase: 'password'
+        })
+
+        expect(wrapper.contains('.TransactionFormBusiness__passphrase')).toBe(false)
+      })
+    })
+
+    describe('next button', () => {
+      it('should be enabled if form is valid', async () => {
+        wrapper.vm.$v.form.fee.$model = (0.1 * 1e8).toString()
+        wrapper.vm.$v.form.passphrase.$model = 'passphrase'
+        wrapper.vm.$v.form.asset.name.$model = 'business'
+        wrapper.vm.$v.form.asset.website.$model = 'https://ark.io'
+        wrapper.vm.$v.form.asset.vat.$model = 'GB12345678'
+        wrapper.vm.$v.form.asset.repository.$model = 'https://github.com/arkecosystem/desktop-wallet.git'
+
+        await wrapper.vm.$nextTick()
+
+        expect(wrapper.find('.TransactionFormBusiness__next').attributes('disabled')).toBeFalsy()
+      })
+
+      it('should be disabled if form is invalid', async () => {
+        wrapper.vm.$v.form.$touch()
+
+        await wrapper.vm.$nextTick()
+
+        expect(wrapper.find('.TransactionFormBusiness__next').attributes('disabled')).toBe('disabled')
+      })
+    })
+  })
+
+  describe('computed', () => {
+    describe('nameLabel', () => {
+      it('should be formatted', () => {
+        expect(wrapper.vm.nameLabel).toBe('WALLET_BUSINESS.NAME - VALIDATION.MAX_LENGTH')
+      })
+    })
+
+    describe('nameError', () => {
+      it('should return null if valid', () => {
+        wrapper.vm.$v.form.asset.name.$model = 'test'
+
+        expect(wrapper.vm.$v.form.asset.name.$dirty).toBe(true)
+        expect(wrapper.vm.$v.form.asset.name.$invalid).toBe(false)
+        expect(wrapper.vm.nameError).toBe(null)
+      })
+
+      it('should return null if not dirty', () => {
+        wrapper.vm.$v.form.asset.name.$model = ''
+        wrapper.vm.$v.form.asset.name.$reset()
+
+        expect(wrapper.vm.$v.form.asset.name.$dirty).toBe(false)
+        expect(wrapper.vm.$v.form.asset.name.$invalid).toBe(true)
+        expect(wrapper.vm.nameError).toBe(null)
+      })
+
+      it('should return required if empty', () => {
+        wrapper.vm.$v.form.asset.name.$model = ''
+
+        expect(wrapper.vm.$v.form.asset.name.$dirty).toBe(true)
+        expect(wrapper.vm.$v.form.asset.name.$invalid).toBe(true)
+        expect(wrapper.vm.nameError).toBe('VALIDATION.REQUIRED')
+      })
+
+      it('should not return error if shorter than max (40)', () => {
+        wrapper.vm.$v.form.asset.name.$model = ''.padStart(30, '-')
+
+        expect(wrapper.vm.$v.form.asset.name.$dirty).toBe(true)
+        expect(wrapper.vm.$v.form.asset.name.$invalid).toBe(false)
+        expect(wrapper.vm.nameError).not.toBe('VALIDATION.TOO_LONG')
+      })
+
+      it('should not return error if equal to max (40)', () => {
+        wrapper.vm.$v.form.asset.name.$model = ''.padStart(40, '-')
+
+        expect(wrapper.vm.$v.form.asset.name.$dirty).toBe(true)
+        expect(wrapper.vm.$v.form.asset.name.$invalid).toBe(false)
+        expect(wrapper.vm.nameError).not.toBe('VALIDATION.TOO_LONG')
+      })
+
+      it('should return error if longer than max (40)', () => {
+        wrapper.vm.$v.form.asset.name.$model = ''.padStart(50, '-')
+
+        expect(wrapper.vm.$v.form.asset.name.$dirty).toBe(true)
+        expect(wrapper.vm.$v.form.asset.name.$invalid).toBe(true)
+        expect(wrapper.vm.nameError).toBe('VALIDATION.TOO_LONG')
+      })
+
+      it('should not return error if valid', () => {
+        wrapper.vm.$v.form.asset.name.$model = 'test'
+
+        expect(wrapper.vm.$v.form.asset.name.$dirty).toBe(true)
+        expect(wrapper.vm.$v.form.asset.name.$invalid).toBe(false)
+        expect(wrapper.vm.nameError).not.toBe('VALIDATION.NAME_ERROR')
+      })
+
+      it('should return error if invalid', () => {
+        wrapper.vm.$v.form.asset.name.$model = '$ARK'
+
+        expect(wrapper.vm.$v.form.asset.name.$dirty).toBe(true)
+        expect(wrapper.vm.$v.form.asset.name.$invalid).toBe(true)
+        expect(wrapper.vm.nameError).toBe('VALIDATION.NAME_ERROR')
+      })
+    })
+
+    describe('websiteError', () => {
+      it('should return null if valid', () => {
+        wrapper.vm.$v.form.asset.website.$model = 'http://ark.io'
+
+        expect(wrapper.vm.$v.form.asset.website.$dirty).toBe(true)
+        expect(wrapper.vm.$v.form.asset.website.$invalid).toBe(false)
+        expect(wrapper.vm.websiteError).toBe(null)
+      })
+
+      it('should return null if not dirty', () => {
+        wrapper.vm.$v.form.asset.website.$model = ''
+        wrapper.vm.$v.form.asset.website.$reset()
+
+        expect(wrapper.vm.$v.form.asset.website.$dirty).toBe(false)
+        expect(wrapper.vm.$v.form.asset.website.$invalid).toBe(true)
+        expect(wrapper.vm.websiteError).toBe(null)
+      })
+
+      it('should return required if empty', () => {
+        wrapper.vm.$v.form.asset.website.$model = ''
+
+        expect(wrapper.vm.$v.form.asset.website.$dirty).toBe(true)
+        expect(wrapper.vm.$v.form.asset.website.$invalid).toBe(true)
+        expect(wrapper.vm.websiteError).toBe('VALIDATION.REQUIRED')
+      })
+
+      it('should not return error if valid', () => {
+        wrapper.vm.$v.form.asset.website.$model = 'https://ark.io:4003'
+
+        expect(wrapper.vm.$v.form.asset.website.$dirty).toBe(true)
+        expect(wrapper.vm.$v.form.asset.website.$invalid).toBe(false)
+        expect(wrapper.vm.websiteError).not.toBe('VALIDATION.INVALID_URL')
+      })
+
+      it('should return error if invalid', () => {
+        wrapper.vm.$v.form.asset.website.$model = 'http://ark'
+
+        expect(wrapper.vm.$v.form.asset.website.$dirty).toBe(true)
+        expect(wrapper.vm.$v.form.asset.website.$invalid).toBe(true)
+        expect(wrapper.vm.websiteError).toBe('VALIDATION.INVALID_URL')
+      })
+    })
+
+    describe('vatLabel', () => {
+      it('should be formatted', () => {
+        expect(wrapper.vm.vatLabel).toBe('WALLET_BUSINESS.VAT - VALIDATION.MIN_LENGTH VALIDATION.MAX_LENGTH')
+      })
+    })
+
+    describe('vatError', () => {
+      it('should return null if valid', () => {
+        wrapper.vm.$v.form.asset.vat.$model = 'GB12345678'
+
+        expect(wrapper.vm.$v.form.asset.vat.$dirty).toBe(true)
+        expect(wrapper.vm.$v.form.asset.vat.$invalid).toBe(false)
+        expect(wrapper.vm.vatError).toBe(null)
+      })
+
+      it('should return null if not dirty', () => {
+        wrapper.vm.$v.form.asset.vat.$model = ''
+        wrapper.vm.$v.form.asset.vat.$reset()
+
+        expect(wrapper.vm.$v.form.asset.vat.$dirty).toBe(false)
+        expect(wrapper.vm.$v.form.asset.vat.$invalid).toBe(false)
+        expect(wrapper.vm.vatError).toBe(null)
+      })
+
+      it('should return null if empty as not required', () => {
+        wrapper.vm.$v.form.asset.vat.$model = ''
+
+        expect(wrapper.vm.$v.form.asset.vat.$dirty).toBe(true)
+        expect(wrapper.vm.$v.form.asset.vat.$invalid).toBe(false)
+        expect(wrapper.vm.vatError).toBe(null)
+      })
+
+      it('should not return error if shorter than max (15)', () => {
+        wrapper.vm.$v.form.asset.vat.$model = ''.padStart(10, '-')
+
+        expect(wrapper.vm.$v.form.asset.vat.$dirty).toBe(true)
+        expect(wrapper.vm.$v.form.asset.vat.$invalid).toBe(false)
+        expect(wrapper.vm.vatError).not.toBe('VALIDATION.TOO_LONG')
+      })
+
+      it('should not return error if equal to max (15)', () => {
+        wrapper.vm.$v.form.asset.vat.$model = ''.padStart(15, '-')
+
+        expect(wrapper.vm.$v.form.asset.vat.$dirty).toBe(true)
+        expect(wrapper.vm.$v.form.asset.vat.$invalid).toBe(false)
+        expect(wrapper.vm.vatError).not.toBe('VALIDATION.TOO_LONG')
+      })
+
+      it('should not return error if longer than min (8)', () => {
+        wrapper.vm.$v.form.asset.vat.$model = ''.padStart(10, '-')
+
+        expect(wrapper.vm.$v.form.asset.vat.$dirty).toBe(true)
+        expect(wrapper.vm.$v.form.asset.vat.$invalid).toBe(false)
+        expect(wrapper.vm.vatError).not.toBe('VALIDATION.TOO_SHORT')
+      })
+
+      it('should not return error if equal to min (8)', () => {
+        wrapper.vm.$v.form.asset.vat.$model = ''.padStart(15, '-')
+
+        expect(wrapper.vm.$v.form.asset.vat.$dirty).toBe(true)
+        expect(wrapper.vm.$v.form.asset.vat.$invalid).toBe(false)
+        expect(wrapper.vm.vatError).not.toBe('VALIDATION.TOO_SHORT')
+      })
+
+      it('should return error if longer than max (40)', () => {
+        wrapper.vm.$v.form.asset.vat.$model = ''.padStart(50, '-')
+
+        expect(wrapper.vm.$v.form.asset.vat.$dirty).toBe(true)
+        expect(wrapper.vm.$v.form.asset.vat.$invalid).toBe(true)
+        expect(wrapper.vm.vatError).toBe('VALIDATION.TOO_LONG')
+      })
+
+      it('should return error if shorter than min (8)', () => {
+        wrapper.vm.$v.form.asset.vat.$model = ''.padStart(5, '-')
+
+        expect(wrapper.vm.$v.form.asset.vat.$dirty).toBe(true)
+        expect(wrapper.vm.$v.form.asset.vat.$invalid).toBe(true)
+        expect(wrapper.vm.vatError).toBe('VALIDATION.TOO_SHORT')
+      })
+
+      it('should not return error if valid', () => {
+        wrapper.vm.$v.form.asset.vat.$model = 'GB12345678'
+
+        expect(wrapper.vm.$v.form.asset.vat.$dirty).toBe(true)
+        expect(wrapper.vm.$v.form.asset.vat.$invalid).toBe(false)
+        expect(wrapper.vm.vatError).not.toBe('VALIDATION.NAME_ERROR')
+      })
+    })
+
+    describe('repositoryLabel', () => {
+      it('should be formatted', () => {
+        expect(wrapper.vm.repositoryLabel).toBe('WALLET_BUSINESS.REPOSITORY - VALIDATION.MIN_LENGTH')
+      })
+    })
+
+    describe('repositoryError', () => {
+      it('should return null if valid', () => {
+        wrapper.vm.$v.form.asset.repository.$model = 'https://github.com/arkecosystem/desktop-wallet.git'
+
+        expect(wrapper.vm.$v.form.asset.repository.$dirty).toBe(true)
+        expect(wrapper.vm.$v.form.asset.repository.$invalid).toBe(false)
+        expect(wrapper.vm.repositoryError).toBe(null)
+      })
+
+      it('should return null if not dirty', () => {
+        wrapper.vm.$v.form.asset.repository.$model = ''
+        wrapper.vm.$v.form.asset.repository.$reset()
+
+        expect(wrapper.vm.$v.form.asset.repository.$dirty).toBe(false)
+        expect(wrapper.vm.$v.form.asset.repository.$invalid).toBe(false)
+        expect(wrapper.vm.repositoryError).toBe(null)
+      })
+
+      it('should not return error if longer than min (12)', () => {
+        wrapper.vm.$v.form.asset.repository.$model = 'http://github.com'
+
+        expect(wrapper.vm.$v.form.asset.repository.$dirty).toBe(true)
+        expect(wrapper.vm.$v.form.asset.repository.$invalid).toBe(false)
+        expect(wrapper.vm.repositoryError).not.toBe('VALIDATION.TOO_SHORT')
+      })
+
+      it('should not return error if equal to min (12)', () => {
+        wrapper.vm.$v.form.asset.repository.$model = 'http://g.com'
+
+        expect(wrapper.vm.$v.form.asset.repository.$dirty).toBe(true)
+        expect(wrapper.vm.$v.form.asset.repository.$invalid).toBe(false)
+        expect(wrapper.vm.repositoryError).not.toBe('VALIDATION.TOO_SHORT')
+      })
+
+      it('should return error if shorter than min (12)', () => {
+        wrapper.vm.$v.form.asset.repository.$model = 'ftp://g.co'
+
+        expect(wrapper.vm.$v.form.asset.repository.$dirty).toBe(true)
+        expect(wrapper.vm.$v.form.asset.repository.$invalid).toBe(true)
+        expect(wrapper.vm.repositoryError).toBe('VALIDATION.TOO_SHORT')
+      })
+
+      it('should not return error if valid', () => {
+        wrapper.vm.$v.form.asset.repository.$model = 'https://github.com/arkecosystem/desktop-wallet.git'
+
+        expect(wrapper.vm.$v.form.asset.repository.$dirty).toBe(true)
+        expect(wrapper.vm.$v.form.asset.repository.$invalid).toBe(false)
+        expect(wrapper.vm.repositoryError).not.toBe('VALIDATION.INVALID_URL')
+      })
+
+      it('should return error if invalid', () => {
+        wrapper.vm.$v.form.asset.repository.$model = 'https://github/arkecosystem/desktop-wallet.git'
+
+        expect(wrapper.vm.$v.form.asset.repository.$dirty).toBe(true)
+        expect(wrapper.vm.$v.form.asset.repository.$invalid).toBe(true)
+        expect(wrapper.vm.repositoryError).toBe('VALIDATION.INVALID_URL')
+      })
+    })
+  })
+
+  describe('methods', () => {
+    describe('getTransactionData', () => {
+      it('should return correct data with passphrase', () => {
+        wrapper.vm.$v.form.fee.$model = 0.1
+        wrapper.vm.$v.form.passphrase.$model = 'passphrase'
+        wrapper.vm.$v.form.asset.name.$model = 'business'
+        wrapper.vm.$v.form.asset.website.$model = 'https://ark.io'
+        wrapper.vm.$v.form.asset.vat.$model = 'GB12345678'
+        wrapper.vm.$v.form.asset.repository.$model = 'https://github.com/arkecosystem/desktop-wallet.git'
+
+        expect(wrapper.vm.getTransactionData()).toEqual({
+          address: 'address-1',
+          asset: {
+            name: 'business',
+            website: 'https://ark.io',
+            vat: 'GB12345678',
+            repository: 'https://github.com/arkecosystem/desktop-wallet.git'
+          },
+          passphrase: 'passphrase',
+          fee: new BigNumber(0.1 * 1e8),
+          wif: undefined,
+          networkWif: 170,
+          multiSignature: undefined
+        })
+      })
+
+      it('should return correct data with passphrase and second passphrase', () => {
+        createWrapper(component, {
+          address: 'address-1',
+          passphrase: null,
+          secondPublicKey: Identities.PublicKey.fromPassphrase('second passphrase')
+        })
+
+        wrapper.vm.$v.form.fee.$model = 0.1
+        wrapper.vm.$v.form.passphrase.$model = 'passphrase'
+        wrapper.vm.$v.form.secondPassphrase.$model = 'second passphrase'
+        wrapper.vm.$v.form.asset.name.$model = 'business'
+        wrapper.vm.$v.form.asset.website.$model = 'https://ark.io'
+        wrapper.vm.$v.form.asset.vat.$model = 'GB12345678'
+        wrapper.vm.$v.form.asset.repository.$model = 'https://github.com/arkecosystem/desktop-wallet.git'
+
+        expect(wrapper.vm.getTransactionData()).toEqual({
+          address: 'address-1',
+          asset: {
+            name: 'business',
+            website: 'https://ark.io',
+            vat: 'GB12345678',
+            repository: 'https://github.com/arkecosystem/desktop-wallet.git'
+          },
+          passphrase: 'passphrase',
+          secondPassphrase: 'second passphrase',
+          fee: new BigNumber(0.1 * 1e8),
+          wif: undefined,
+          networkWif: 170,
+          multiSignature: undefined
+        })
+      })
+    })
+
+    describe('buildTransaction', () => {
+      it('should build business update', async () => {
+        const transactionData = {
+          type: 2,
+          typeGroup: 2
+        }
+
+        const response = await wrapper.vm.buildTransaction(transactionData, true, true)
+
+        if (componentName === 'TransactionFormBusinessRegistration') {
+          expect(wrapper.vm.$client.buildBusinessRegistration).toHaveBeenCalledWith(transactionData, true, true)
+        } else {
+          expect(wrapper.vm.$client.buildBusinessUpdate).toHaveBeenCalledWith(transactionData, true, true)
+        }
+        expect(response).toBe(transactionData)
+      })
+
+      it('should build business update with default arguments', async () => {
+        const transactionData = {
+          type: 2,
+          typeGroup: 2
+        }
+
+        const response = await wrapper.vm.buildTransaction(transactionData)
+
+        if (componentName === 'TransactionFormBusinessRegistration') {
+          expect(wrapper.vm.$client.buildBusinessRegistration).toHaveBeenCalledWith(transactionData, false, false)
+        } else {
+          expect(wrapper.vm.$client.buildBusinessUpdate).toHaveBeenCalledWith(transactionData, false, false)
+        }
+        expect(response).toBe(transactionData)
+      })
+    })
+
+    describe('transactionError', () => {
+      it('should generate transaction error', () => {
+        wrapper.vm.transactionError()
+
+        if (componentName === 'TransactionFormBusinessRegistration') {
+          expect(wrapper.vm.$error).toHaveBeenCalledWith('TRANSACTION.ERROR.VALIDATION.BUSINESS_REGISTRATION')
+        } else {
+          expect(wrapper.vm.$error).toHaveBeenCalledWith('TRANSACTION.ERROR.VALIDATION.BUSINESS_UPDATE')
+        }
+      })
+    })
+  })
+})
diff --git a/__tests__/unit/components/Transaction/TransactionForm/TransactionFormDelegateRegistration.spec.js b/__tests__/unit/components/Transaction/TransactionForm/TransactionFormDelegateRegistration.spec.js
new file mode 100644
index 0000000000..394a88fe07
--- /dev/null
+++ b/__tests__/unit/components/Transaction/TransactionForm/TransactionFormDelegateRegistration.spec.js
@@ -0,0 +1,298 @@
+import { createLocalVue, mount } from '@vue/test-utils'
+import { Identities } from '@arkecosystem/crypto'
+import Vuelidate from 'vuelidate'
+import installI18n from '../../../__utils__/i18n'
+import { TransactionFormDelegateRegistration } from '@/components/Transaction/TransactionForm'
+import CurrencyMixin from '@/mixins/currency'
+import BigNumber from '@/plugins/bignumber'
+import store from '@/store'
+
+jest.mock('@/store', () => {
+  return {
+    getters: {
+      'delegate/byUsername': jest.fn(() => false)
+    }
+  }
+})
+
+const localVue = createLocalVue()
+localVue.use(Vuelidate)
+const i18n = installI18n(localVue)
+
+const network = {
+  token: 'ARK',
+  version: 23,
+  wif: 170,
+  market: {
+    enabled: false
+  }
+}
+
+let wrapper
+const createWrapper = (component, wallet) => {
+  component = component || TransactionFormDelegateRegistration
+  wallet = wallet || {
+    address: 'address-1',
+    passphrase: null
+  }
+
+  wrapper = mount(component, {
+    i18n,
+    localVue,
+    sync: false,
+    mocks: {
+      $client: {
+        buildDelegateRegistration: jest.fn((transactionData) => transactionData)
+      },
+      $error: jest.fn(),
+      $store: {
+        getters: {
+          'transaction/staticFee': jest.fn(() => null),
+          'session/lastFeeByType': jest.fn(() => (1 * 1e8).toString()),
+          'session/network': network,
+          'network/byToken': jest.fn(() => (network))
+        }
+      },
+      $synchronizer: {
+        appendFocus: jest.fn()
+      },
+      session_network: network,
+      currency_format: jest.fn(CurrencyMixin.methods.currency_format),
+      currency_subToUnit: jest.fn(CurrencyMixin.methods.currency_subToUnit),
+      currency_toBuilder: jest.fn(CurrencyMixin.methods.currency_toBuilder),
+      currency_unitToSub: jest.fn(CurrencyMixin.methods.currency_unitToSub),
+      wallet_formatAddress: jest.fn(address => `formatted-${address}`),
+      wallet_fromRoute: wallet
+    },
+    stubs: {
+      Portal: true
+    }
+  })
+}
+
+describe('TransactionFormDelegateRegistration', () => {
+  beforeEach(() => {
+    createWrapper()
+  })
+
+  it('should have delegate registration transaction type', () => {
+    expect(wrapper.vm.$options.transactionType).toBe(2)
+  })
+
+  describe('template', () => {
+    it('should render', () => {
+      expect(wrapper.contains('.TransactionFormDelegateRegistration')).toBe(true)
+    })
+
+    it('should only show message if already registered', () => {
+      createWrapper(null, {
+        isDelegate: true
+      })
+
+      expect(wrapper.contains('.TransactionFormDelegateRegistration__username')).toBe(false)
+      expect(wrapper.contains('.TransactionFormDelegateRegistration__fee')).toBe(false)
+      expect(wrapper.contains('.TransactionFormDelegateRegistration__ledger-notice')).toBe(false)
+      expect(wrapper.contains('.TransactionFormDelegateRegistration__password')).toBe(false)
+      expect(wrapper.contains('.TransactionFormDelegateRegistration__passphrase')).toBe(false)
+      expect(wrapper.contains('.TransactionFormDelegateRegistration__next')).toBe(false)
+    })
+
+    it('should have username field', () => {
+      expect(wrapper.contains('.TransactionFormDelegateRegistration__username')).toBe(true)
+    })
+
+    it('should have fee field', () => {
+      expect(wrapper.contains('.TransactionFormDelegateRegistration__fee')).toBe(true)
+    })
+
+    describe('ledger notice', () => {
+      it('should show if wallet is a ledger', () => {
+        createWrapper(null, {
+          isLedger: true
+        })
+
+        expect(wrapper.contains('.TransactionFormDelegateRegistration__ledger-notice')).toBe(true)
+      })
+
+      it('should show if wallet is not a ledger', () => {
+        createWrapper(null, {
+          isLedger: false
+        })
+
+        expect(wrapper.contains('.TransactionFormDelegateRegistration__ledger-notice')).toBe(false)
+      })
+    })
+
+    describe('password field', () => {
+      it('should show if wallet does have a password', () => {
+        createWrapper(null, {
+          passphrase: 'password'
+        })
+
+        expect(wrapper.contains('.TransactionFormDelegateRegistration__password')).toBe(true)
+      })
+
+      it('should show if wallet does not have a password', () => {
+        expect(wrapper.contains('.TransactionFormDelegateRegistration__password')).toBe(false)
+      })
+    })
+
+    describe('passphrase field', () => {
+      it('should show if wallet does not have a password', () => {
+        expect(wrapper.contains('.TransactionFormDelegateRegistration__passphrase')).toBe(true)
+      })
+
+      it('should not show if wallet does have a password', () => {
+        createWrapper(null, {
+          passphrase: 'password'
+        })
+
+        expect(wrapper.contains('.TransactionFormDelegateRegistration__passphrase')).toBe(false)
+      })
+    })
+
+    describe('next button', () => {
+      it('should be enabled if form is valid', async () => {
+        wrapper.vm.$v.form.passphrase.$model = 'this is a passphrase'
+        wrapper.vm.$v.form.username.$model = 'delegate_1'
+        wrapper.vm.$v.form.fee.$model = (0.1 * 1e8).toString()
+
+        await wrapper.vm.$nextTick()
+
+        expect(wrapper.find('.TransactionFormDelegateRegistration__next').attributes('disabled')).toBeFalsy()
+      })
+
+      it('should be disabled if form is invalid', async () => {
+        wrapper.vm.$v.form.$touch()
+
+        await wrapper.vm.$nextTick()
+
+        expect(wrapper.find('.TransactionFormDelegateRegistration__next').attributes('disabled')).toBe('disabled')
+      })
+    })
+  })
+
+  describe('computed', () => {
+    describe('usernameError', () => {
+      it('should return null if valid username', async () => {
+        wrapper.vm.$v.form.username.$model = 'delegate_1'
+
+        await wrapper.vm.$nextTick()
+
+        expect(wrapper.vm.usernameError).toBe(null)
+      })
+
+      it('should return error if empty username', async () => {
+        wrapper.vm.$v.form.username.$model = ''
+
+        await wrapper.vm.$nextTick()
+
+        expect(wrapper.vm.usernameError).toBe('WALLET_DELEGATES.USERNAME_EMPTY_ERROR')
+      })
+
+      it('should return error if username is too long', async () => {
+        wrapper.vm.$v.form.username.$model = ''.padStart(25, '_')
+
+        await wrapper.vm.$nextTick()
+
+        expect(wrapper.vm.usernameError).toBe('WALLET_DELEGATES.USERNAME_MAX_LENGTH_ERROR')
+      })
+
+      it('should return error if username exists', async () => {
+        const delegateByUsernameSpy = jest.spyOn(store.getters, 'delegate/byUsername').mockReturnValue(true)
+        wrapper.vm.$v.form.username.$model = 'delegate_2'
+
+        await wrapper.vm.$nextTick()
+
+        expect(wrapper.vm.usernameError).toBe('WALLET_DELEGATES.USERNAME_EXISTS')
+        delegateByUsernameSpy.mockRestore()
+      })
+
+      it('should return error if no valid username', async () => {
+        wrapper.vm.$v.form.username.$model = 'INVALID USERNAME'
+
+        await wrapper.vm.$nextTick()
+
+        expect(wrapper.vm.usernameError).toBe('WALLET_DELEGATES.USERNAME_ERROR')
+      })
+    })
+  })
+
+  describe('methods', () => {
+    describe('getTransactionData', () => {
+      it('should return correct data with passphrase', () => {
+        wrapper.vm.$v.form.username.$model = 'delegate_1'
+        wrapper.vm.$v.form.fee.$model = 0.1
+        wrapper.vm.$v.form.passphrase.$model = 'passphrase'
+
+        expect(wrapper.vm.getTransactionData()).toEqual({
+          address: 'address-1',
+          passphrase: 'passphrase',
+          username: 'delegate_1',
+          fee: new BigNumber(0.1 * 1e8),
+          wif: undefined,
+          networkWif: 170,
+          multiSignature: undefined
+        })
+      })
+
+      it('should return correct data with passphrase and second passphrase', () => {
+        createWrapper(null, {
+          address: 'address-1',
+          passphrase: null,
+          secondPublicKey: Identities.PublicKey.fromPassphrase('second passphrase')
+        })
+
+        wrapper.vm.$v.form.username.$model = 'delegate_1'
+        wrapper.vm.$v.form.fee.$model = 0.1
+        wrapper.vm.$v.form.passphrase.$model = 'passphrase'
+        wrapper.vm.$v.form.secondPassphrase.$model = 'second passphrase'
+
+        expect(wrapper.vm.getTransactionData()).toEqual({
+          address: 'address-1',
+          passphrase: 'passphrase',
+          secondPassphrase: 'second passphrase',
+          username: 'delegate_1',
+          fee: new BigNumber(0.1 * 1e8),
+          wif: undefined,
+          networkWif: 170,
+          multiSignature: undefined
+        })
+      })
+    })
+
+    describe('buildTransaction', () => {
+      it('should build bridgechain registration', async () => {
+        const transactionData = {
+          type: 2,
+          typeGroup: 1
+        }
+
+        const response = await wrapper.vm.buildTransaction(transactionData, true, true)
+
+        expect(wrapper.vm.$client.buildDelegateRegistration).toHaveBeenCalledWith(transactionData, true, true)
+        expect(response).toBe(transactionData)
+      })
+
+      it('should build bridgechain registration with default arguments', async () => {
+        const transactionData = {
+          type: 2,
+          typeGroup: 1
+        }
+
+        const response = await wrapper.vm.buildTransaction(transactionData)
+
+        expect(wrapper.vm.$client.buildDelegateRegistration).toHaveBeenCalledWith(transactionData, false, false)
+        expect(response).toBe(transactionData)
+      })
+    })
+
+    describe('transactionError', () => {
+      it('should generate transaction error', () => {
+        wrapper.vm.transactionError()
+
+        expect(wrapper.vm.$error).toHaveBeenCalledWith('TRANSACTION.ERROR.VALIDATION.DELEGATE_REGISTRATION')
+      })
+    })
+  })
+})
diff --git a/__tests__/unit/components/Transaction/TransactionForm/TransactionFormDelegateResignation.spec.js b/__tests__/unit/components/Transaction/TransactionForm/TransactionFormDelegateResignation.spec.js
new file mode 100644
index 0000000000..e316a0efed
--- /dev/null
+++ b/__tests__/unit/components/Transaction/TransactionForm/TransactionFormDelegateResignation.spec.js
@@ -0,0 +1,270 @@
+import { createLocalVue, mount } from '@vue/test-utils'
+import { Identities } from '@arkecosystem/crypto'
+import Vuelidate from 'vuelidate'
+import installI18n from '../../../__utils__/i18n'
+import { TransactionFormDelegateResignation } from '@/components/Transaction/TransactionForm'
+import CurrencyMixin from '@/mixins/currency'
+import BigNumber from '@/plugins/bignumber'
+
+const localVue = createLocalVue()
+localVue.use(Vuelidate)
+const i18n = installI18n(localVue)
+
+const network = {
+  token: 'ARK',
+  version: 23,
+  wif: 170,
+  market: {
+    enabled: false
+  }
+}
+
+let wrapper
+const createWrapper = (component, wallet, delegate) => {
+  component = component || TransactionFormDelegateResignation
+  wallet = wallet || {
+    address: 'address-1'
+  }
+
+  if (!Object.keys(wallet).includes('passphrase')) {
+    wallet.passphrase = null
+  }
+
+  if (!Object.keys(wallet).includes('isDelegate')) {
+    wallet.isDelegate = true
+  }
+
+  if (delegate === undefined) {
+    delegate = {
+      username: 'delegate-1'
+    }
+  }
+
+  wrapper = mount(component, {
+    i18n,
+    localVue,
+    sync: false,
+    mocks: {
+      $client: {
+        buildDelegateResignation: jest.fn((transactionData) => transactionData)
+      },
+      $error: jest.fn(),
+      $store: {
+        getters: {
+          'delegate/byAddress': jest.fn(() => delegate),
+          'transaction/staticFee': jest.fn(() => null),
+          'session/lastFeeByType': jest.fn(() => (1 * 1e8).toString()),
+          'session/network': network,
+          'network/byToken': jest.fn(() => (network))
+        }
+      },
+      $synchronizer: {
+        appendFocus: jest.fn()
+      },
+      session_network: network,
+      currency_format: jest.fn(CurrencyMixin.methods.currency_format),
+      currency_subToUnit: jest.fn(CurrencyMixin.methods.currency_subToUnit),
+      currency_toBuilder: jest.fn(CurrencyMixin.methods.currency_toBuilder),
+      currency_unitToSub: jest.fn(CurrencyMixin.methods.currency_unitToSub),
+      wallet_formatAddress: jest.fn(address => `formatted-${address}`),
+      wallet_fromRoute: wallet
+    },
+    stubs: {
+      Portal: true
+    }
+  })
+}
+
+describe('TransactionFormDelegateResignation', () => {
+  beforeEach(() => {
+    createWrapper()
+  })
+
+  it('should have delegate resignation transaction type', () => {
+    expect(wrapper.vm.$options.transactionType).toBe(7)
+  })
+
+  describe('template', () => {
+    it('should render', () => {
+      expect(wrapper.contains('.TransactionFormDelegateResignation')).toBe(true)
+    })
+
+    it('should have fee field', () => {
+      expect(wrapper.contains('.TransactionFormDelegateResignation__fee')).toBe(true)
+    })
+
+    describe('ledger notice', () => {
+      it('should show if wallet is a ledger', () => {
+        createWrapper(null, {
+          isLedger: true
+        })
+
+        expect(wrapper.contains('.TransactionFormDelegateResignation__ledger-notice')).toBe(true)
+      })
+
+      it('should show if wallet is not a ledger', () => {
+        createWrapper(null, {
+          isLedger: false
+        })
+
+        expect(wrapper.contains('.TransactionFormDelegateResignation__ledger-notice')).toBe(false)
+      })
+    })
+
+    describe('password field', () => {
+      it('should show if wallet does have a password', () => {
+        createWrapper(null, {
+          passphrase: 'password'
+        })
+
+        expect(wrapper.contains('.TransactionFormDelegateResignation__password')).toBe(true)
+      })
+
+      it('should show if wallet does not have a password', () => {
+        expect(wrapper.contains('.TransactionFormDelegateResignation__password')).toBe(false)
+      })
+    })
+
+    describe('passphrase field', () => {
+      it('should show if wallet does not have a password', () => {
+        expect(wrapper.contains('.TransactionFormDelegateResignation__passphrase')).toBe(true)
+      })
+
+      it('should not show if wallet does have a password', () => {
+        createWrapper(null, {
+          passphrase: 'password'
+        })
+
+        expect(wrapper.contains('.TransactionFormDelegateResignation__passphrase')).toBe(false)
+      })
+    })
+
+    describe('next button', () => {
+      it('should be enabled if form is valid', async () => {
+        wrapper.vm.$v.form.fee.$model = (0.1 * 1e8).toString()
+        wrapper.vm.$v.form.passphrase.$model = 'passphrase'
+
+        await wrapper.vm.$nextTick()
+
+        expect(wrapper.find('.TransactionFormDelegateResignation__next').attributes('disabled')).toBeFalsy()
+      })
+
+      it('should be disabled if form is invalid', async () => {
+        wrapper.vm.$v.form.$touch()
+
+        await wrapper.vm.$nextTick()
+
+        expect(wrapper.find('.TransactionFormDelegateResignation__next').attributes('disabled')).toBe('disabled')
+      })
+    })
+  })
+
+  describe('computed', () => {
+    describe('username', () => {
+      it('should return username', () => {
+        expect(wrapper.vm.username).toBe('delegate-1')
+      })
+
+      it('should return null if not a delegate', () => {
+        createWrapper(null, null, null)
+        expect(wrapper.vm.username).toBe(null)
+      })
+    })
+
+    describe('canResign', () => {
+      it('should return true if delegate and has username', () => {
+        expect(wrapper.vm.canResign).toBe(true)
+      })
+
+      it('should return false if not a delegate', () => {
+        createWrapper(null, {
+          isDelegate: false
+        })
+
+        expect(wrapper.vm.canResign).toBe(false)
+      })
+
+      it('should return false if no username', () => {
+        createWrapper(null, {
+          isDelegate: true
+        }, {})
+
+        expect(wrapper.vm.canResign).toBe(false)
+      })
+    })
+  })
+
+  describe('methods', () => {
+    describe('getTransactionData', () => {
+      it('should return correct data with passphrase', () => {
+        wrapper.vm.$v.form.fee.$model = 0.1
+        wrapper.vm.$v.form.passphrase.$model = 'passphrase'
+
+        expect(wrapper.vm.getTransactionData()).toEqual({
+          address: 'address-1',
+          passphrase: 'passphrase',
+          fee: new BigNumber(0.1 * 1e8),
+          wif: undefined,
+          networkWif: 170,
+          multiSignature: undefined
+        })
+      })
+
+      it('should return correct data with passphrase and second passphrase', () => {
+        createWrapper(null, {
+          address: 'address-1',
+          passphrase: null,
+          secondPublicKey: Identities.PublicKey.fromPassphrase('second passphrase')
+        })
+
+        wrapper.vm.$v.form.fee.$model = 0.1
+        wrapper.vm.$v.form.passphrase.$model = 'passphrase'
+        wrapper.vm.$v.form.secondPassphrase.$model = 'second passphrase'
+
+        expect(wrapper.vm.getTransactionData()).toEqual({
+          address: 'address-1',
+          passphrase: 'passphrase',
+          secondPassphrase: 'second passphrase',
+          fee: new BigNumber(0.1 * 1e8),
+          wif: undefined,
+          networkWif: 170,
+          multiSignature: undefined
+        })
+      })
+    })
+
+    describe('buildTransaction', () => {
+      it('should build delegate resignation', async () => {
+        const transactionData = {
+          type: 7,
+          typeGroup: 1
+        }
+
+        const response = await wrapper.vm.buildTransaction(transactionData, true, true)
+
+        expect(wrapper.vm.$client.buildDelegateResignation).toHaveBeenCalledWith(transactionData, true, true)
+        expect(response).toBe(transactionData)
+      })
+
+      it('should build delegate resignation with default arguments', async () => {
+        const transactionData = {
+          type: 7,
+          typeGroup: 1
+        }
+
+        const response = await wrapper.vm.buildTransaction(transactionData)
+
+        expect(wrapper.vm.$client.buildDelegateResignation).toHaveBeenCalledWith(transactionData, false, false)
+        expect(response).toBe(transactionData)
+      })
+    })
+
+    describe('transactionError', () => {
+      it('should generate transaction error', () => {
+        wrapper.vm.transactionError()
+
+        expect(wrapper.vm.$error).toHaveBeenCalledWith('TRANSACTION.ERROR.VALIDATION.DELEGATE_RESIGNATION')
+      })
+    })
+  })
+})
diff --git a/__tests__/unit/components/Transaction/TransactionForm/TransactionFormIpfs.spec.js b/__tests__/unit/components/Transaction/TransactionForm/TransactionFormIpfs.spec.js
new file mode 100644
index 0000000000..858459d335
--- /dev/null
+++ b/__tests__/unit/components/Transaction/TransactionForm/TransactionFormIpfs.spec.js
@@ -0,0 +1,261 @@
+import { createLocalVue, mount } from '@vue/test-utils'
+import { Identities } from '@arkecosystem/crypto'
+import Vuelidate from 'vuelidate'
+import installI18n from '../../../__utils__/i18n'
+import { TransactionFormIpfs } from '@/components/Transaction/TransactionForm'
+import CurrencyMixin from '@/mixins/currency'
+import BigNumber from '@/plugins/bignumber'
+
+const localVue = createLocalVue()
+localVue.use(Vuelidate)
+const i18n = installI18n(localVue)
+
+const network = {
+  token: 'ARK',
+  version: 23,
+  wif: 170,
+  market: {
+    enabled: false
+  }
+}
+
+let wrapper
+const createWrapper = (component, wallet) => {
+  component = component || TransactionFormIpfs
+  wallet = wallet || {
+    address: 'address-1'
+  }
+
+  if (!Object.keys(wallet).includes('passphrase')) {
+    wallet.passphrase = null
+  }
+
+  wrapper = mount(component, {
+    i18n,
+    localVue,
+    sync: false,
+    mocks: {
+      $client: {
+        buildIpfs: jest.fn((transactionData) => transactionData)
+      },
+      $error: jest.fn(),
+      $store: {
+        getters: {
+          'transaction/staticFee': jest.fn(() => null),
+          'session/lastFeeByType': jest.fn(() => (1 * 1e8).toString()),
+          'session/network': network,
+          'network/byToken': jest.fn(() => (network))
+        }
+      },
+      $synchronizer: {
+        appendFocus: jest.fn()
+      },
+      session_network: network,
+      currency_format: jest.fn(CurrencyMixin.methods.currency_format),
+      currency_subToUnit: jest.fn(CurrencyMixin.methods.currency_subToUnit),
+      currency_toBuilder: jest.fn(CurrencyMixin.methods.currency_toBuilder),
+      currency_unitToSub: jest.fn(CurrencyMixin.methods.currency_unitToSub),
+      wallet_formatAddress: jest.fn(address => `formatted-${address}`),
+      wallet_fromRoute: wallet
+    },
+    stubs: {
+      Portal: true
+    }
+  })
+}
+
+describe('TransactionFormIpfs', () => {
+  beforeEach(() => {
+    createWrapper()
+  })
+
+  it('should have ipfs transaction type', () => {
+    expect(wrapper.vm.$options.transactionType).toBe(5)
+  })
+
+  describe('template', () => {
+    it('should render', () => {
+      expect(wrapper.contains('.TransactionFormIpfs')).toBe(true)
+    })
+
+    it('should have fee field', () => {
+      expect(wrapper.contains('.TransactionFormIpfs__fee')).toBe(true)
+    })
+
+    it('should have hash field', () => {
+      expect(wrapper.contains('.TransactionFormIpfs__fee')).toBe(true)
+    })
+
+    describe('ledger notice', () => {
+      it('should show if wallet is a ledger', () => {
+        createWrapper(null, {
+          isLedger: true
+        })
+
+        expect(wrapper.contains('.TransactionFormIpfs__ledger-notice')).toBe(true)
+      })
+
+      it('should show if wallet is not a ledger', () => {
+        createWrapper(null, {
+          isLedger: false
+        })
+
+        expect(wrapper.contains('.TransactionFormIpfs__ledger-notice')).toBe(false)
+      })
+    })
+
+    describe('password field', () => {
+      it('should show if wallet does have a password', () => {
+        createWrapper(null, {
+          passphrase: 'password'
+        })
+
+        expect(wrapper.contains('.TransactionFormIpfs__password')).toBe(true)
+      })
+
+      it('should show if wallet does not have a password', () => {
+        expect(wrapper.contains('.TransactionFormIpfs__password')).toBe(false)
+      })
+    })
+
+    describe('passphrase field', () => {
+      it('should show if wallet does not have a password', () => {
+        expect(wrapper.contains('.TransactionFormIpfs__passphrase')).toBe(true)
+      })
+
+      it('should not show if wallet does have a password', () => {
+        createWrapper(null, {
+          passphrase: 'password'
+        })
+
+        expect(wrapper.contains('.TransactionFormIpfs__passphrase')).toBe(false)
+      })
+    })
+
+    describe('next button', () => {
+      it('should be enabled if form is valid', async () => {
+        wrapper.vm.$v.form.hash.$model = 'QmT9qk3CRYbFDWpDFYeAv8T8H1gnongwKhh5J68NLkLir6'
+        wrapper.vm.$v.form.fee.$model = (0.1 * 1e8).toString()
+        wrapper.vm.$v.form.passphrase.$model = 'passphrase'
+
+        await wrapper.vm.$nextTick()
+
+        expect(wrapper.find('.TransactionFormIpfs__next').attributes('disabled')).toBeFalsy()
+      })
+
+      it('should be disabled if form is invalid', async () => {
+        wrapper.vm.$v.form.$touch()
+
+        await wrapper.vm.$nextTick()
+
+        expect(wrapper.find('.TransactionFormIpfs__next').attributes('disabled')).toBe('disabled')
+      })
+    })
+  })
+
+  describe('computed', () => {
+    describe('hashError', () => {
+      it('should return error if no valid hash', async () => {
+        wrapper.vm.$v.form.hash.$model = 'INVALID HASH'
+
+        await wrapper.vm.$nextTick()
+
+        expect(wrapper.vm.hashError).toBe('WALLET_IPFS.HASH_ERROR')
+      })
+
+      it('should return error if empty hash', async () => {
+        wrapper.vm.$v.form.hash.$model = ''
+
+        await wrapper.vm.$nextTick()
+
+        expect(wrapper.vm.hashError).toBe('WALLET_IPFS.HASH_ERROR')
+      })
+
+      it('should return null if valid hash', async () => {
+        wrapper.vm.$v.form.hash.$model = 'QmT9qk3CRYbFDWpDFYeAv8T8H1gnongwKhh5J68NLkLir6'
+
+        await wrapper.vm.$nextTick()
+
+        expect(wrapper.vm.hashError).toBe(null)
+      })
+    })
+  })
+
+  describe('methods', () => {
+    describe('getTransactionData', () => {
+      it('should return correct data with passphrase', () => {
+        wrapper.vm.$v.form.hash.$model = 'QmT9qk3CRYbFDWpDFYeAv8T8H1gnongwKhh5J68NLkLir6'
+        wrapper.vm.$v.form.fee.$model = 0.1
+        wrapper.vm.$v.form.passphrase.$model = 'passphrase'
+
+        expect(wrapper.vm.getTransactionData()).toEqual({
+          address: 'address-1',
+          passphrase: 'passphrase',
+          hash: 'QmT9qk3CRYbFDWpDFYeAv8T8H1gnongwKhh5J68NLkLir6',
+          fee: new BigNumber(0.1 * 1e8),
+          wif: undefined,
+          networkWif: 170,
+          multiSignature: undefined
+        })
+      })
+
+      it('should return correct data with passphrase and second passphrase', () => {
+        createWrapper(null, {
+          address: 'address-1',
+          passphrase: null,
+          secondPublicKey: Identities.PublicKey.fromPassphrase('second passphrase')
+        })
+
+        wrapper.vm.$v.form.hash.$model = 'QmT9qk3CRYbFDWpDFYeAv8T8H1gnongwKhh5J68NLkLir6'
+        wrapper.vm.$v.form.fee.$model = 0.1
+        wrapper.vm.$v.form.passphrase.$model = 'passphrase'
+        wrapper.vm.$v.form.secondPassphrase.$model = 'second passphrase'
+
+        expect(wrapper.vm.getTransactionData()).toEqual({
+          address: 'address-1',
+          passphrase: 'passphrase',
+          secondPassphrase: 'second passphrase',
+          hash: 'QmT9qk3CRYbFDWpDFYeAv8T8H1gnongwKhh5J68NLkLir6',
+          fee: new BigNumber(0.1 * 1e8),
+          wif: undefined,
+          networkWif: 170,
+          multiSignature: undefined
+        })
+      })
+    })
+
+    describe('buildTransaction', () => {
+      it('should build ipfs', async () => {
+        const transactionData = {
+          type: 5,
+          typeGroup: 1
+        }
+
+        const response = await wrapper.vm.buildTransaction(transactionData, true, true)
+
+        expect(wrapper.vm.$client.buildIpfs).toHaveBeenCalledWith(transactionData, true, true)
+        expect(response).toBe(transactionData)
+      })
+
+      it('should build ipfs with default arguments', async () => {
+        const transactionData = {
+          type: 7,
+          typeGroup: 1
+        }
+
+        const response = await wrapper.vm.buildTransaction(transactionData)
+
+        expect(wrapper.vm.$client.buildIpfs).toHaveBeenCalledWith(transactionData, false, false)
+        expect(response).toBe(transactionData)
+      })
+    })
+
+    describe('transactionError', () => {
+      it('should generate transaction error', () => {
+        wrapper.vm.transactionError()
+
+        expect(wrapper.vm.$error).toHaveBeenCalledWith('TRANSACTION.ERROR.VALIDATION.IPFS')
+      })
+    })
+  })
+})
diff --git a/__tests__/unit/components/Transaction/TransactionForm/TransactionFormMultiPayment.spec.js b/__tests__/unit/components/Transaction/TransactionForm/TransactionFormMultiPayment.spec.js
new file mode 100644
index 0000000000..132f7ed3b4
--- /dev/null
+++ b/__tests__/unit/components/Transaction/TransactionForm/TransactionFormMultiPayment.spec.js
@@ -0,0 +1,950 @@
+import { createLocalVue, mount } from '@vue/test-utils'
+import { Identities } from '@arkecosystem/crypto'
+import Vuelidate from 'vuelidate'
+import cloneDeep from 'lodash/cloneDeep'
+import installI18n from '../../../__utils__/i18n'
+import { VENDOR_FIELD } from '@config'
+import { TransactionFormMultiPayment } from '@/components/Transaction/TransactionForm'
+import CurrencyMixin from '@/mixins/currency'
+import BigNumber from '@/plugins/bignumber'
+import WalletService from '@/services/wallet'
+
+const localVue = createLocalVue()
+localVue.use(Vuelidate)
+const i18n = installI18n(localVue)
+
+const globalNetwork = Object.freeze({
+  id: 'network-1',
+  fractionDigits: 8,
+  token: 'ARK',
+  version: 23,
+  wif: 170,
+  market: {
+    enabled: false
+  },
+  nethash: 'nethash-1'
+})
+
+let wrapper
+const createWrapper = (component, wallet, network, props = {}) => {
+  component = component || TransactionFormMultiPayment
+
+  if (wallet === undefined) {
+    wallet = {
+      id: 'test-wallet'
+    }
+  }
+
+  if (wallet && !Object.prototype.hasOwnProperty.call(wallet, 'passphrase')) {
+    wallet.passphrase = null
+  }
+
+  if (wallet && !Object.prototype.hasOwnProperty.call(wallet, 'address')) {
+    wallet.address = 'address-1'
+  }
+
+  if (wallet && !Object.prototype.hasOwnProperty.call(wallet, 'balance')) {
+    wallet.balance = (1000 * 1e8).toString()
+  }
+
+  const mountNetwork = network || cloneDeep(globalNetwork)
+
+  wrapper = mount(TransactionFormMultiPayment, {
+    i18n,
+    localVue,
+    sync: false,
+    propsData: props,
+    mocks: {
+      $client: {
+        buildMultiPayment: jest.fn((transactionData) => transactionData)
+      },
+      $error: jest.fn(),
+      $success: jest.fn(),
+      $store: {
+        getters: {
+          'profile/byId': jest.fn(() => ({
+            id: 'profile-1',
+            name: 'profile-1',
+            networkId: 'network-1'
+          })),
+          'session/currency': 'EUR',
+          get 'ledger/isConnected' () {
+            return true
+          },
+          get 'ledger/wallets' () {
+            return [{
+              address: 'ledger-address-1'
+            }]
+          },
+          'wallet/byProfileId': jest.fn(() => [wallet]),
+          'wallet/contactsByProfileId': jest.fn(() => []),
+          'transaction/staticFee': jest.fn(() => null),
+          get 'session/profileId' () {
+            return 'profile-1'
+          },
+          'session/lastFeeByType': jest.fn(() => (1 * 1e8).toString()),
+          'network/byToken': jest.fn(() => mountNetwork),
+          'network/byId': jest.fn(() => mountNetwork),
+          'profile/byCompatibleAddress': jest.fn(() => []),
+          get 'profile/all' () {
+            return [{
+              id: 'profile-1',
+              name: 'profile-1',
+              networkId: 'network-1'
+            }, {
+              id: 'profile-2',
+              name: 'profile-2',
+              networkId: 'network-1'
+            }]
+          }
+        }
+      },
+      $synchronizer: {
+        appendFocus: jest.fn()
+      },
+      currency_subToUnit: jest.fn(CurrencyMixin.methods.currency_subToUnit),
+      currency_format: jest.fn(CurrencyMixin.methods.currency_format),
+      currency_toBuilder: jest.fn(CurrencyMixin.methods.currency_toBuilder),
+      currency_simpleFormatCrypto: jest.fn(CurrencyMixin.methods.currency_simpleFormatCrypto),
+      currency_unitToSub: jest.fn(CurrencyMixin.methods.currency_unitToSub),
+      formatter_networkCurrency: jest.fn(),
+      session_network: mountNetwork,
+      wallet_formatAddress: jest.fn(address => `formatted-${address}`),
+      wallet_truncate: jest.fn(address => address),
+      wallet_name: jest.fn(address => address),
+      wallet_fromRoute: wallet
+    },
+    stubs: {
+      Identicon: true,
+      Portal: true
+    }
+  })
+}
+
+describe('TransactionFormMultiPayment', () => {
+  beforeEach(() => {
+    createWrapper()
+  })
+
+  it('should have multi-payment transaction type', () => {
+    expect(wrapper.vm.$options.transactionType).toBe(6)
+  })
+
+  describe('data', () => {
+    it('should has properties', () => {
+      expect(Object.prototype.hasOwnProperty.call(wrapper.vm._data, 'step')).toBe(true)
+      expect(Object.prototype.hasOwnProperty.call(wrapper.vm._data, 'amount')).toBe(true)
+      expect(Object.prototype.hasOwnProperty.call(wrapper.vm._data, 'recipientId')).toBe(true)
+      expect(Object.prototype.hasOwnProperty.call(wrapper.vm._data, 'form')).toBe(true)
+      expect(Object.prototype.hasOwnProperty.call(wrapper.vm._data.form, 'recipients')).toBe(true)
+      expect(Object.prototype.hasOwnProperty.call(wrapper.vm._data.form, 'fee')).toBe(true)
+      expect(Object.prototype.hasOwnProperty.call(wrapper.vm._data.form, 'passphrase')).toBe(true)
+      expect(Object.prototype.hasOwnProperty.call(wrapper.vm._data.form, 'walletPassword')).toBe(true)
+      expect(Object.prototype.hasOwnProperty.call(wrapper.vm._data.form, 'vendorField')).toBe(true)
+    })
+  })
+
+  describe('template', () => {
+    it('should render', () => {
+      expect(wrapper.contains('.TransactionFormMultiPayment')).toBe(true)
+    })
+
+    it('should have recipient field', () => {
+      expect(wrapper.contains('.TransactionFormMultiPayment__recipient')).toBe(true)
+    })
+
+    it('should have amount field', () => {
+      expect(wrapper.contains('.TransactionFormMultiPayment__amount')).toBe(true)
+    })
+
+    it('should have add button', () => {
+      expect(wrapper.contains('.TransactionFormMultiPayment__add')).toBe(true)
+    })
+
+    describe('step 2', () => {
+      beforeEach(() => {
+        wrapper.vm.step = 2
+      })
+
+      it('should have vendorfield', () => {
+        expect(wrapper.contains('.TransactionFormMultiPayment__vendorfield')).toBe(true)
+      })
+
+      it('should have fee field', () => {
+        expect(wrapper.contains('.TransactionFormMultiPayment__fee')).toBe(true)
+      })
+
+      describe('ledger notice', () => {
+        it('should show if wallet is a ledger', async () => {
+          createWrapper(null, {
+            isLedger: true
+          })
+
+          wrapper.vm.step = 2
+
+          await wrapper.vm.$nextTick()
+
+          expect(wrapper.contains('.TransactionFormMultiPayment__ledger-notice')).toBe(true)
+        })
+
+        it('should show if wallet is not a ledger', async () => {
+          createWrapper(null, {
+            isLedger: false
+          })
+
+          wrapper.vm.step = 2
+
+          await wrapper.vm.$nextTick()
+
+          expect(wrapper.contains('.TransactionFormMultiPayment__ledger-notice')).toBe(false)
+        })
+      })
+
+      describe('password field', () => {
+        it('should show if wallet does have a password', async () => {
+          createWrapper(null, {
+            passphrase: 'password'
+          })
+
+          wrapper.vm.step = 2
+
+          await wrapper.vm.$nextTick()
+
+          expect(wrapper.contains('.TransactionFormMultiPayment__password')).toBe(true)
+        })
+
+        it('should not show if wallet does not have a password', () => {
+          expect(wrapper.contains('.TransactionFormMultiPayment__password')).toBe(false)
+        })
+      })
+
+      describe('passphrase field', () => {
+        it('should show if wallet does not have a password', () => {
+          expect(wrapper.contains('.TransactionFormMultiPayment__passphrase')).toBe(true)
+        })
+
+        it('should not show if wallet does have a password', async () => {
+          createWrapper(null, {
+            passphrase: 'password'
+          })
+
+          wrapper.vm.step = 2
+
+          await wrapper.vm.$nextTick()
+
+          expect(wrapper.contains('.TransactionFormMultiPayment__passphrase')).toBe(false)
+        })
+      })
+    })
+
+    describe('prev button', () => {
+      it('should be enabled if on second form', async () => {
+        wrapper.vm.step = 2
+
+        await wrapper.vm.$nextTick()
+
+        expect(wrapper.find('.TransactionFormMultiPayment__prev').attributes('disabled')).toBeFalsy()
+      })
+
+      it('should be disabled if on step 1', async () => {
+        wrapper.vm.step = 1
+
+        await wrapper.vm.$nextTick()
+
+        expect(wrapper.find('.TransactionFormMultiPayment__prev').attributes('disabled')).toBe('disabled')
+      })
+    })
+
+    describe('next button', () => {
+      it('should be enabled if recipients form is valid', async () => {
+        wrapper.vm.step = 1
+        wrapper.vm.$v.form.recipients.$model = [{
+          address: 'address-2',
+          amount: 10
+        }, {
+          address: 'address-2',
+          amount: 10
+        }]
+        wrapper.vm.$v.form.fee.$model = 0.1
+        wrapper.vm.$v.form.vendorField.$model = 'vendorfield test'
+        wrapper.vm.$v.form.passphrase.$model = 'passphrase'
+
+        await wrapper.vm.$nextTick()
+
+        expect(wrapper.find('.TransactionFormMultiPayment__next').attributes('disabled')).toBeFalsy()
+      })
+
+      it('should be enabled if both forms are valid', async () => {
+        wrapper.vm.step = 2
+        wrapper.vm.$v.form.recipients.$model = [{
+          address: 'address-2',
+          amount: 10
+        }, {
+          address: 'address-2',
+          amount: 10
+        }]
+        wrapper.vm.$v.form.fee.$model = 0.1
+        wrapper.vm.$v.form.vendorField.$model = 'vendorfield test'
+        wrapper.vm.$v.form.passphrase.$model = 'passphrase'
+
+        await wrapper.vm.$nextTick()
+
+        expect(wrapper.find('.TransactionFormMultiPayment__next').attributes('disabled')).toBeFalsy()
+      })
+
+      it('should be disabled if form is invalid', async () => {
+        wrapper.vm.$v.form.$touch()
+
+        await wrapper.vm.$nextTick()
+
+        expect(wrapper.find('.TransactionFormMultiPayment__next').attributes('disabled')).toBe('disabled')
+      })
+    })
+  })
+
+  describe('computed', () => {
+    describe('alternativeCurrency', () => {
+      it('should return correct data', () => {
+        expect(wrapper.vm.alternativeCurrency).toEqual('EUR')
+      })
+
+      it('should update data', () => {
+        wrapper.vm.$store.getters['session/currency'] = 'GBP'
+
+        expect(wrapper.vm.alternativeCurrency).toEqual('GBP')
+      })
+    })
+
+    describe('amountTooLowError', () => {
+      it('should return formatted value', () => {
+        const $tSpy = jest.fn(translation => translation)
+        const simpleFormatCryptoSpy = jest.fn(CurrencyMixin.methods.currency_simpleFormatCrypto)
+        const response = TransactionFormMultiPayment.computed.amountTooLowError.call({
+          walletNetwork: globalNetwork,
+          $t: $tSpy,
+          currency_simpleFormatCrypto: simpleFormatCryptoSpy,
+          session_network: globalNetwork
+        })
+
+        expect($tSpy).toHaveBeenCalledWith('INPUT_CURRENCY.ERROR.LESS_THAN_MINIMUM', {
+          amount: '0.00000001 ARK'
+        })
+        expect(response).toBe('INPUT_CURRENCY.ERROR.LESS_THAN_MINIMUM')
+        expect(simpleFormatCryptoSpy).toHaveBeenCalledWith('0.00000001')
+      })
+
+      it('should return formatted value with different fraction digits', () => {
+        const $tSpy = jest.fn(translation => translation)
+        const simpleFormatCryptoSpy = jest.fn(CurrencyMixin.methods.currency_simpleFormatCrypto)
+        const response = TransactionFormMultiPayment.computed.amountTooLowError.call({
+          walletNetwork: {
+            ...globalNetwork,
+            fractionDigits: 2
+          },
+          $t: $tSpy,
+          currency_simpleFormatCrypto: simpleFormatCryptoSpy,
+          session_network: globalNetwork
+        })
+
+        expect($tSpy).toHaveBeenCalledWith('INPUT_CURRENCY.ERROR.LESS_THAN_MINIMUM', {
+          amount: '0.01 ARK'
+        })
+        expect(response).toBe('INPUT_CURRENCY.ERROR.LESS_THAN_MINIMUM')
+        expect(simpleFormatCryptoSpy).toHaveBeenCalledWith('0.01')
+      })
+    })
+
+    describe('notEnoughBalanceError', () => {
+      it('should return a formatted value', () => {
+        const $tSpy = jest.fn(translation => translation)
+        const formatterNetworkCurrencySpy = jest.fn(value => value)
+        const response = TransactionFormMultiPayment.computed.notEnoughBalanceError.call({
+          currentWallet: {
+            balance: (10 * 1e8).toString()
+          },
+          $t: $tSpy,
+          formatter_networkCurrency: formatterNetworkCurrencySpy,
+          session_network: globalNetwork
+        })
+
+        expect(response).toBe('TRANSACTION_FORM.ERROR.NOT_ENOUGH_BALANCE')
+        expect($tSpy).toHaveBeenCalledWith('TRANSACTION_FORM.ERROR.NOT_ENOUGH_BALANCE', {
+          balance: '1000000000'
+        })
+        expect(formatterNetworkCurrencySpy).toHaveBeenCalledWith('1000000000')
+      })
+    })
+
+    describe('minimumAmount', () => {
+      it('should return the correct value', () => {
+        expect(wrapper.vm.minimumAmount + '').toBe('0.00000001')
+      })
+    })
+
+    describe('maximumAvailableAmount', () => {
+      it('should return value', () => {
+        wrapper.vm.$v.form.fee.$model = 0.1
+        expect(wrapper.vm.maximumAvailableAmount).toEqual((new BigNumber(1000)).minus(0.1))
+      })
+
+      it('should return value including all recipients', async () => {
+        wrapper.vm.$v.form.fee.$model = 0.1
+        wrapper.vm.$v.recipientId.$model = Identities.Address.fromPassphrase('test')
+        wrapper.vm.$v.amount.$model = 10
+
+        await wrapper.vm.$nextTick()
+        wrapper.vm.addRecipient()
+        await wrapper.vm.$nextTick()
+
+        wrapper.vm.$v.recipientId.$model = Identities.Address.fromPassphrase('test')
+        wrapper.vm.$v.amount.$model = 20
+
+        await wrapper.vm.$nextTick()
+        wrapper.vm.addRecipient()
+        await wrapper.vm.$nextTick()
+
+        expect(wrapper.vm.maximumAvailableAmount).toEqual((new BigNumber(1000)).minus(0.1).minus(30))
+      })
+
+      it('should return value based on different fee', () => {
+        wrapper.vm.form.fee = 10
+
+        expect(wrapper.vm.maximumAvailableAmount).toEqual((new BigNumber(1000)).minus(10))
+      })
+    })
+
+    describe('vendorFieldLabel', () => {
+      it('should return value', () => {
+        expect(wrapper.vm.vendorFieldLabel).toBe('TRANSACTION.VENDOR_FIELD - VALIDATION.MAX_LENGTH')
+      })
+    })
+
+    describe('vendorFieldHelperText', () => {
+      describe('default max length', () => {
+        let $tSpy
+        beforeEach(() => {
+          $tSpy = jest.spyOn(wrapper.vm, '$t')
+        })
+
+        afterEach(() => {
+          $tSpy.mockRestore()
+        })
+
+        it('should return null if vendorfield is empty', () => {
+          wrapper.vm.form.vendorField = ''
+
+          expect(wrapper.vm.vendorFieldHelperText).toBe(null)
+          expect($tSpy).not.toHaveBeenCalledWith('VALIDATION.VENDOR_FIELD.LIMIT_REACHED', [VENDOR_FIELD.defaultMaxLength])
+        })
+
+        it('should return length warning if equal to max', () => {
+          wrapper.vm.form.vendorField = ''.padStart(VENDOR_FIELD.defaultMaxLength, '-')
+
+          expect(wrapper.vm.vendorFieldHelperText).toBe('VALIDATION.VENDOR_FIELD.LIMIT_REACHED')
+          expect($tSpy).toHaveBeenCalledWith('VALIDATION.VENDOR_FIELD.LIMIT_REACHED', [VENDOR_FIELD.defaultMaxLength])
+        })
+
+        it('should return length warning if less than max', () => {
+          wrapper.vm.form.vendorField = ''.padStart(VENDOR_FIELD.defaultMaxLength - 10, '-')
+
+          expect(wrapper.vm.vendorFieldHelperText).toBe('VALIDATION.VENDOR_FIELD.LIMIT_REMAINING')
+          expect($tSpy).toHaveBeenCalledWith('VALIDATION.VENDOR_FIELD.LIMIT_REMAINING', [
+            10,
+            VENDOR_FIELD.defaultMaxLength
+          ])
+        })
+      })
+
+      describe('network max length', () => {
+        let $tSpy
+
+        beforeEach(() => {
+          const network = {
+            ...cloneDeep(globalNetwork),
+            vendorField: {
+              maxLength: 20
+            }
+          }
+          createWrapper(null, undefined, network)
+          $tSpy = jest.spyOn(wrapper.vm, '$t')
+        })
+
+        afterEach(() => {
+          $tSpy.mockRestore()
+        })
+
+        it('should return null if vendorfield is empty', () => {
+          wrapper.vm.form.vendorField = ''
+
+          expect(wrapper.vm.vendorFieldHelperText).toBe(null)
+          expect($tSpy).not.toHaveBeenCalledWith('VALIDATION.VENDOR_FIELD.LIMIT_REACHED', [20])
+        })
+
+        it('should return length warning if equal to max', () => {
+          wrapper.vm.form.vendorField = ''.padStart(20, '-')
+
+          expect(wrapper.vm.walletNetwork.vendorField.maxLength).toBe(20)
+          expect(wrapper.vm.vendorFieldHelperText).toBe('VALIDATION.VENDOR_FIELD.LIMIT_REACHED')
+          expect($tSpy).toHaveBeenCalledWith('VALIDATION.VENDOR_FIELD.LIMIT_REACHED', [20])
+        })
+
+        it('should return length warning if less than max', () => {
+          wrapper.vm.form.vendorField = ''.padStart(20 - 5, '-')
+
+          expect(wrapper.vm.vendorFieldHelperText).toBe('VALIDATION.VENDOR_FIELD.LIMIT_REMAINING')
+          expect($tSpy).toHaveBeenCalledWith('VALIDATION.VENDOR_FIELD.LIMIT_REMAINING', [
+            5,
+            20
+          ])
+        })
+      })
+    })
+
+    describe('vendorFieldMaxLength', () => {
+      it('should return network max length', () => {
+        createWrapper(null, undefined, {
+          ...cloneDeep(globalNetwork),
+          vendorField: {
+            maxLength: 20
+          }
+        })
+
+        expect(wrapper.vm.vendorFieldMaxLength).toBe(20)
+      })
+
+      it('should return default max length if network does not have vendorField max', () => {
+        expect(wrapper.vm.vendorFieldMaxLength).toBe(VENDOR_FIELD.defaultMaxLength)
+      })
+    })
+
+    describe('recipientWarning', () => {
+      it('should return null if recipientId is not dirty', () => {
+        expect(wrapper.vm.recipientWarning).toBe(null)
+      })
+
+      it('should return message for duplicate recipients', () => {
+        wrapper.vm.$v.form.recipients.$model = [{
+          address: 'address-2',
+          amount: 10
+        }]
+        wrapper.vm.$v.recipientId.$model = 'address-2'
+
+        expect(wrapper.vm.recipientWarning).toBe('TRANSACTION.MULTI_PAYMENT.WARNING_DUPLICATE')
+      })
+    })
+
+    describe('maximumRecipients', () => {
+      it('should return default if no constants', () => {
+        expect(wrapper.vm.maximumRecipients).toBe(500)
+      })
+
+      it('should return default if no network value', () => {
+        const network = {
+          ...cloneDeep(globalNetwork),
+          constants: {}
+        }
+
+        createWrapper(null, undefined, network)
+
+        expect(wrapper.vm.maximumRecipients).toBe(500)
+      })
+
+      it('should return network constant', () => {
+        const network = {
+          ...cloneDeep(globalNetwork),
+          constants: {
+            multiPaymentLimit: 20
+          }
+        }
+
+        createWrapper(null, undefined, network)
+
+        expect(wrapper.vm.maximumRecipients).toBe(20)
+      })
+    })
+  })
+
+  describe('methods', () => {
+    describe('getTransactionData', () => {
+      it('should return correct data with passphrase', () => {
+        wrapper.vm.$v.form.fee.$model = 0.1
+        wrapper.vm.$v.form.vendorField.$model = 'vendorfield test'
+        wrapper.vm.$v.form.passphrase.$model = 'passphrase'
+        wrapper.vm.$v.form.recipients.$model = [{
+          address: 'address-2',
+          amount: (1 * 1e8).toString()
+        }]
+
+        expect(wrapper.vm.getTransactionData()).toEqual({
+          address: 'address-1',
+          passphrase: 'passphrase',
+          recipients: [{
+            address: 'address-2',
+            amount: (1 * 1e8).toString()
+          }],
+          fee: new BigNumber(0.1 * 1e8),
+          vendorField: 'vendorfield test',
+          wif: undefined,
+          networkWif: 170,
+          multiSignature: undefined
+        })
+      })
+
+      it('should return correct data with passphrase and second passphrase', () => {
+        createWrapper(null, {
+          address: 'address-1',
+          passphrase: null,
+          secondPublicKey: Identities.PublicKey.fromPassphrase('second passphrase')
+        })
+
+        wrapper.vm.$v.form.fee.$model = 0.1
+        wrapper.vm.$v.form.vendorField.$model = 'vendorfield test'
+        wrapper.vm.$v.form.passphrase.$model = 'passphrase'
+        wrapper.vm.$v.form.secondPassphrase.$model = 'second passphrase'
+        wrapper.vm.$v.form.recipients.$model = [{
+          address: 'address-2',
+          amount: (1 * 1e8).toString()
+        }]
+
+        expect(wrapper.vm.getTransactionData()).toEqual({
+          address: 'address-1',
+          passphrase: 'passphrase',
+          secondPassphrase: 'second passphrase',
+          recipients: [{
+            address: 'address-2',
+            amount: (1 * 1e8).toString()
+          }],
+          fee: new BigNumber(0.1 * 1e8),
+          vendorField: 'vendorfield test',
+          wif: undefined,
+          networkWif: 170,
+          multiSignature: undefined
+        })
+      })
+    })
+
+    describe('buildTransaction', () => {
+      it('should build transfer', async () => {
+        const transactionData = {
+          type: 6,
+          typeGroup: 1
+        }
+
+        const response = await wrapper.vm.buildTransaction(transactionData, true, true)
+
+        expect(wrapper.vm.$client.buildMultiPayment).toHaveBeenCalledWith(transactionData, true, true)
+        expect(response).toBe(transactionData)
+      })
+
+      it('should build transfer with default arguments', async () => {
+        const transactionData = {
+          type: 6,
+          typeGroup: 1
+        }
+
+        const response = await wrapper.vm.buildTransaction(transactionData)
+
+        expect(wrapper.vm.$client.buildMultiPayment).toHaveBeenCalledWith(transactionData, false, false)
+        expect(response).toBe(transactionData)
+      })
+    })
+
+    describe('transactionError', () => {
+      it('should generate transaction error', () => {
+        wrapper.vm.transactionError()
+
+        expect(wrapper.vm.$error).toHaveBeenCalledWith('TRANSACTION.ERROR.VALIDATION.MULTI_PAYMENT')
+      })
+    })
+
+    describe('addRecipient', () => {
+      it('should add current recipient to list', async () => {
+        const address = Identities.Address.fromPassphrase('passphrase')
+        wrapper.vm.$v.recipientId.$model = address
+        wrapper.vm.$v.amount.$model = 100
+
+        await wrapper.vm.$nextTick()
+
+        wrapper.vm.addRecipient()
+
+        expect(wrapper.vm.$v.form.recipients.$model).toEqual([{
+          address: address,
+          amount: new BigNumber(100 * 1e8)
+        }])
+      })
+
+      it('should reset current recipient', async () => {
+        wrapper.vm.$v.recipientId.$model = Identities.Address.fromPassphrase('passphrase')
+        wrapper.vm.$v.amount.$model = 100
+
+        await wrapper.vm.$nextTick()
+
+        wrapper.vm.addRecipient()
+
+        expect(wrapper.vm.$v.recipientId.$model).toBe('')
+        expect(wrapper.vm.$v.amount.$model).toBe('')
+      })
+
+      it('should do nothing if invalid address', async () => {
+        WalletService.validateAddress.mockReturnValue(false)
+
+        wrapper.vm.$v.recipientId.$model = 'invalid address'
+        wrapper.vm.$v.amount.$model = 100
+
+        await wrapper.vm.$nextTick()
+
+        wrapper.vm.addRecipient()
+
+        expect(wrapper.vm.$v.form.recipients.$model).toEqual([])
+
+        WalletService.validateAddress.mockReturnValue(true)
+      })
+
+      it('should do nothing if invalid fee', async () => {
+        wrapper.vm.$v.recipientId.$model = Identities.Address.fromPassphrase('passphrase')
+        wrapper.vm.$v.amount.$model = ''
+
+        await wrapper.vm.$nextTick()
+
+        wrapper.vm.addRecipient()
+
+        expect(wrapper.vm.$v.form.recipients.$model).toEqual([])
+      })
+    })
+
+    describe('previousStep', () => {
+      it('should go from step 2 to step 1', () => {
+        wrapper.vm.step = 2
+
+        wrapper.vm.previousStep()
+
+        expect(wrapper.vm.step).toBe(1)
+      })
+
+      it('should do nothing on step 1', () => {
+        wrapper.vm.step = 1
+
+        wrapper.vm.previousStep()
+
+        expect(wrapper.vm.step).toBe(1)
+      })
+    })
+
+    describe('nextStep', () => {
+      it('should go from step 1 to step 2', () => {
+        wrapper.vm.step = 1
+
+        wrapper.vm.nextStep()
+
+        expect(wrapper.vm.step).toBe(2)
+      })
+
+      it('should submit form data on step 2', async () => {
+        const spy = jest.spyOn(wrapper.vm, 'onSubmit').mockImplementation()
+
+        wrapper.vm.step = 2
+
+        await wrapper.vm.$nextTick()
+
+        wrapper.vm.nextStep()
+
+        expect(spy).toHaveBeenCalledTimes(1)
+      })
+    })
+
+    describe('emitRemoveRecipient', () => {
+      it('should remove recipient at index', () => {
+        wrapper.vm.$v.form.recipients.$model = [{
+          address: 'address-1',
+          amount: 10
+        }, {
+          address: 'address-2',
+          amount: 10
+        }, {
+          address: 'address-3',
+          amount: 10
+        }]
+
+        wrapper.vm.emitRemoveRecipient(1)
+
+        expect(wrapper.vm.$v.form.recipients.$model).toEqual([{
+          address: 'address-1',
+          amount: 10
+        }, {
+          address: 'address-3',
+          amount: 10
+        }])
+      })
+
+      it('should do nothing if index does not exist', () => {
+        const recipients = [{
+          address: 'address-1',
+          amount: 10
+        }, {
+          address: 'address-2',
+          amount: 10
+        }]
+
+        wrapper.vm.$v.form.recipients.$model = recipients
+
+        wrapper.vm.emitRemoveRecipient(3)
+
+        expect(wrapper.vm.$v.form.recipients.$model).toBe(recipients)
+      })
+    })
+  })
+
+  describe('validations', () => {
+    describe('recipientId', () => {
+      it('should be required if not set', () => {
+        wrapper.vm.$v.recipientId.$model = ''
+
+        expect(wrapper.vm.$v.recipientId.required).toBe(false)
+      })
+
+      it('should not be required if set', () => {
+        wrapper.vm.$v.recipientId.$model = 'test'
+
+        expect(wrapper.vm.$v.recipientId.required).toBe(true)
+      })
+
+      it('should not be valid', async () => {
+        WalletService.validateAddress.mockReturnValue(false)
+
+        wrapper.vm.$v.recipientId.$model = 'test'
+
+        await wrapper.vm.$nextTick()
+
+        expect(wrapper.vm.$refs.recipient.$v.$invalid).toBe(true)
+        expect(wrapper.vm.$v.recipientId.isValid).toBe(false)
+
+        WalletService.validateAddress.mockReturnValue(true)
+      })
+
+      it('should not be valid if no recipient field', async () => {
+        wrapper.vm.$refs.recipient = null
+        wrapper.vm.$v.recipientId.$model = Identities.Address.fromPassphrase('passphrase')
+
+        await wrapper.vm.$nextTick()
+
+        expect(wrapper.vm.$refs.recipient).toBe(null)
+        expect(wrapper.vm.$v.recipientId.isValid).toBe(false)
+      })
+
+      it('should be valid', async () => {
+        wrapper.vm.$v.recipientId.$model = Identities.Address.fromPassphrase('passphrase')
+
+        await wrapper.vm.$nextTick()
+
+        expect(wrapper.vm.$refs.recipient.$v.$invalid).toBe(false)
+        expect(wrapper.vm.$v.recipientId.isValid).toBe(true)
+      })
+    })
+
+    describe('amount', () => {
+      it('should be required if not set', () => {
+        wrapper.vm.$v.amount.$model = ''
+
+        expect(wrapper.vm.$v.amount.required).toBe(false)
+      })
+
+      it('should not be required if set', () => {
+        wrapper.vm.$v.amount.$model = '10'
+
+        expect(wrapper.vm.$v.amount.required).toBe(true)
+      })
+
+      it('should not be valid', async () => {
+        wrapper.vm.$v.amount.$model = 'test'
+
+        await wrapper.vm.$nextTick()
+
+        expect(wrapper.vm.$refs.amount.$v.$invalid).toBe(true)
+        expect(wrapper.vm.$v.amount.isValid).toBe(false)
+      })
+
+      it('should not be valid if no amount field', async () => {
+        wrapper.vm.$refs.amount = null
+        wrapper.vm.$v.amount.$model = 'test'
+
+        await wrapper.vm.$nextTick()
+
+        expect(wrapper.vm.$refs.amount).toBe(null)
+        expect(wrapper.vm.$v.amount.isValid).toBe(false)
+      })
+
+      it('should be valid', async () => {
+        wrapper.vm.$v.amount.$model = 10
+
+        await wrapper.vm.$nextTick()
+
+        expect(wrapper.vm.$refs.amount.$v.$invalid).toBe(false)
+        expect(wrapper.vm.$v.amount.isValid).toBe(true)
+      })
+    })
+
+    describe('form', () => {
+      describe('recipients', () => {
+        it('should not be above minimum if not set', () => {
+          wrapper.vm.$v.form.recipients.$model = []
+
+          expect(wrapper.vm.$v.form.recipients.aboveMinimum).toBe(false)
+        })
+
+        it('should not be above minimum if not enough', () => {
+          wrapper.vm.$v.form.recipients.$model = [{
+            address: 'address-1',
+            amount: 10
+          }]
+
+          expect(wrapper.vm.$v.form.recipients.aboveMinimum).toBe(false)
+        })
+
+        it('should be above minimum if set', () => {
+          wrapper.vm.$v.form.recipients.$model = [{
+            address: 'address-1',
+            amount: 10
+          }, {
+            address: 'address-1',
+            amount: 10
+          }]
+
+          expect(wrapper.vm.$v.form.recipients.aboveMinimum).toBe(true)
+        })
+
+        it('should not be below maximum if too many', () => {
+          const network = {
+            ...cloneDeep(globalNetwork),
+            constants: {
+              multiPaymentLimit: 2
+            }
+          }
+
+          createWrapper(null, undefined, network)
+
+          wrapper.vm.$v.form.recipients.$model = [{
+            address: 'address-1',
+            amount: 10
+          }, {
+            address: 'address-1',
+            amount: 10
+          }, {
+            address: 'address-1',
+            amount: 10
+          }]
+
+          expect(wrapper.vm.$v.form.recipients.belowMaximum).toBe(false)
+        })
+
+        it('should be above minimum if set', () => {
+          wrapper.vm.$v.form.recipients.$model = [{
+            address: 'address-1',
+            amount: 10
+          }]
+
+          expect(wrapper.vm.$v.form.recipients.belowMaximum).toBe(true)
+        })
+      })
+    })
+  })
+})
diff --git a/__tests__/unit/components/Transaction/TransactionForm/TransactionFormMultiSign.spec.js b/__tests__/unit/components/Transaction/TransactionForm/TransactionFormMultiSign.spec.js
new file mode 100644
index 0000000000..a3e776720a
--- /dev/null
+++ b/__tests__/unit/components/Transaction/TransactionForm/TransactionFormMultiSign.spec.js
@@ -0,0 +1,221 @@
+import { createLocalVue, mount } from '@vue/test-utils'
+import { Identities } from '@arkecosystem/crypto'
+import Vuelidate from 'vuelidate'
+import installI18n from '../../../__utils__/i18n'
+import { TransactionFormMultiSign } from '@/components/Transaction/TransactionForm'
+import CurrencyMixin from '@/mixins/currency'
+
+const localVue = createLocalVue()
+localVue.use(Vuelidate)
+const i18n = installI18n(localVue)
+
+const network = {
+  token: 'ARK',
+  version: 23,
+  wif: 170,
+  market: {
+    enabled: false
+  }
+}
+
+let wrapper
+const createWrapper = (component, wallet, transaction) => {
+  component = component || TransactionFormMultiSign
+  wallet = wallet || {
+    address: 'address-1',
+    publicKey: 'public-key-1'
+  }
+  transaction = transaction || {
+    amount: (1 * 1e8).toString(),
+    fee: (0.1 * 1e8).toString(),
+    recipientId: 'recipient-address',
+    vendorField: 'test vendorField'
+  }
+
+  if (!Object.keys(wallet).includes('passphrase')) {
+    wallet.passphrase = null
+  }
+
+  wrapper = mount(component, {
+    i18n,
+    localVue,
+    sync: false,
+    propsData: {
+      transaction
+    },
+    mocks: {
+      $client: {
+        multiSign: jest.fn((transaction) => transaction)
+      },
+      $error: jest.fn(),
+      $store: {
+        getters: {
+          'transaction/staticFee': jest.fn(() => null),
+          'session/lastFeeByType': jest.fn(() => (1 * 1e8).toString()),
+          'session/network': network,
+          'network/byToken': jest.fn(() => (network))
+        }
+      },
+      $synchronizer: {
+        appendFocus: jest.fn()
+      },
+      session_network: network,
+      currency_format: jest.fn(CurrencyMixin.methods.currency_format),
+      currency_subToUnit: jest.fn(CurrencyMixin.methods.currency_subToUnit),
+      currency_toBuilder: jest.fn(CurrencyMixin.methods.currency_toBuilder),
+      currency_unitToSub: jest.fn(CurrencyMixin.methods.currency_unitToSub),
+      wallet_formatAddress: jest.fn(address => `formatted-${address}`),
+      wallet_fromRoute: wallet
+    },
+    stubs: {
+      Portal: true
+    }
+  })
+}
+
+describe('TransactionFormMultiSign', () => {
+  beforeEach(() => {
+    createWrapper()
+  })
+
+  it('should have multisign transaction type - placeholder', () => {
+    expect(wrapper.vm.$options.transactionType).toBe(-1)
+  })
+
+  describe('template', () => {
+    it('should render', () => {
+      expect(wrapper.contains('.TransactionFormMultiSign')).toBe(true)
+    })
+
+    describe('ledger notice', () => {
+      it('should show if wallet is a ledger', () => {
+        createWrapper(null, {
+          isLedger: true
+        })
+
+        expect(wrapper.contains('.TransactionFormMultiSign__ledger-notice')).toBe(true)
+      })
+
+      it('should show if wallet is not a ledger', () => {
+        createWrapper(null, {
+          isLedger: false
+        })
+
+        expect(wrapper.contains('.TransactionFormMultiSign__ledger-notice')).toBe(false)
+      })
+    })
+
+    describe('password field', () => {
+      it('should show if wallet does have a password', () => {
+        createWrapper(null, {
+          passphrase: 'password'
+        })
+
+        expect(wrapper.contains('.TransactionFormMultiSign__password')).toBe(true)
+      })
+
+      it('should show if wallet does not have a password', () => {
+        expect(wrapper.contains('.TransactionFormMultiSign__password')).toBe(false)
+      })
+    })
+
+    describe('passphrase field', () => {
+      it('should show if wallet does not have a password', () => {
+        expect(wrapper.contains('.TransactionFormMultiSign__passphrase')).toBe(true)
+      })
+
+      it('should not show if wallet does have a password', () => {
+        createWrapper(null, {
+          passphrase: 'password'
+        })
+
+        expect(wrapper.contains('.TransactionFormMultiSign__passphrase')).toBe(false)
+      })
+    })
+
+    describe('next button', () => {
+      it('should be enabled if form is valid', async () => {
+        wrapper.vm.$v.form.passphrase.$model = 'passphrase'
+
+        await wrapper.vm.$nextTick()
+
+        expect(wrapper.find('.TransactionFormMultiSign__next').attributes('disabled')).toBeFalsy()
+      })
+
+      it('should be disabled if form is invalid', async () => {
+        wrapper.vm.$v.form.$touch()
+
+        await wrapper.vm.$nextTick()
+
+        expect(wrapper.find('.TransactionFormMultiSign__next').attributes('disabled')).toBe('disabled')
+      })
+    })
+  })
+
+  describe('methods', () => {
+    describe('getTransactionData', () => {
+      it('should return correct data with passphrase', () => {
+        wrapper.vm.$v.form.passphrase.$model = 'passphrase'
+
+        expect(wrapper.vm.getTransactionData()).toEqual({
+          publicKey: 'public-key-1',
+          passphrase: 'passphrase',
+          wif: undefined,
+          networkWif: 170,
+          multiSignature: undefined
+        })
+      })
+
+      it('should return correct data with passphrase and second passphrase', () => {
+        createWrapper(null, {
+          publicKey: 'public-key-1',
+          passphrase: null,
+          secondPublicKey: Identities.PublicKey.fromPassphrase('second passphrase')
+        })
+
+        wrapper.vm.$v.form.passphrase.$model = 'passphrase'
+        wrapper.vm.$v.form.secondPassphrase.$model = 'second passphrase'
+
+        expect(wrapper.vm.getTransactionData()).toEqual({
+          publicKey: 'public-key-1',
+          passphrase: 'passphrase',
+          secondPassphrase: 'second passphrase',
+          wif: undefined,
+          networkWif: 170,
+          multiSignature: undefined
+        })
+      })
+    })
+
+    describe('buildTransaction', () => {
+      it('should build signed transaction', async () => {
+        const transaction = {
+          type: 0,
+          amount: 10,
+          fee: 0.1
+        }
+        const transactionData = {
+          type: 0,
+          typeGroup: 1
+        }
+
+        wrapper.setProps({
+          transaction
+        })
+
+        const response = await wrapper.vm.buildTransaction(transactionData)
+
+        expect(wrapper.vm.$client.multiSign).toHaveBeenCalledWith(transaction, transactionData)
+        expect(response).toBe(transaction)
+      })
+    })
+
+    describe('transactionError', () => {
+      it('should generate transaction error', () => {
+        wrapper.vm.transactionError()
+
+        expect(wrapper.vm.$error).toHaveBeenCalledWith('TRANSACTION.ERROR.VALIDATION.MULTI_SIGN')
+      })
+    })
+  })
+})
diff --git a/__tests__/unit/components/Transaction/TransactionForm/TransactionFormMultiSignature.spec.js b/__tests__/unit/components/Transaction/TransactionForm/TransactionFormMultiSignature.spec.js
new file mode 100644
index 0000000000..046347f8b5
--- /dev/null
+++ b/__tests__/unit/components/Transaction/TransactionForm/TransactionFormMultiSignature.spec.js
@@ -0,0 +1,1277 @@
+import { createLocalVue, mount } from '@vue/test-utils'
+import { Identities } from '@arkecosystem/crypto'
+import Vuelidate from 'vuelidate'
+import cloneDeep from 'lodash/cloneDeep'
+import installI18n from '../../../__utils__/i18n'
+import { TransactionFormMultiSignature } from '@/components/Transaction/TransactionForm'
+import CurrencyMixin from '@/mixins/currency'
+import BigNumber from '@/plugins/bignumber'
+import WalletService from '@/services/wallet'
+
+const localVue = createLocalVue()
+localVue.use(Vuelidate)
+const i18n = installI18n(localVue)
+
+const globalNetwork = Object.freeze({
+  id: 'network-1',
+  fractionDigits: 8,
+  token: 'ARK',
+  version: 23,
+  wif: 170,
+  market: {
+    enabled: false
+  },
+  nethash: 'nethash-1'
+})
+
+let wrapper
+const createWrapper = (component, wallet, network, props = {}) => {
+  component = component || TransactionFormMultiSignature
+
+  if (wallet === undefined) {
+    wallet = {
+      id: 'test-wallet'
+    }
+  }
+
+  if (wallet && !Object.prototype.hasOwnProperty.call(wallet, 'passphrase')) {
+    wallet.passphrase = null
+  }
+
+  if (wallet && !Object.prototype.hasOwnProperty.call(wallet, 'address')) {
+    wallet.address = 'address-1'
+  }
+
+  if (wallet && !Object.prototype.hasOwnProperty.call(wallet, 'publicKey')) {
+    wallet.publicKey = 'public-key-1'
+  }
+
+  if (wallet && !Object.prototype.hasOwnProperty.call(wallet, 'balance')) {
+    wallet.balance = (1000 * 1e8).toString()
+  }
+
+  const mountNetwork = network || cloneDeep(globalNetwork)
+
+  wrapper = mount(TransactionFormMultiSignature, {
+    i18n,
+    localVue,
+    sync: false,
+    propsData: props,
+    mocks: {
+      $client: {
+        buildMultiSignature: jest.fn((transactionData) => transactionData),
+        fetchWallet: jest.fn((address) => ({
+          address,
+          publicKey: address.replace('address', 'public-key')
+        }))
+      },
+      $error: jest.fn(),
+      $success: jest.fn(),
+      $store: {
+        getters: {
+          'profile/byId': jest.fn(() => ({
+            id: 'profile-1',
+            name: 'profile-1',
+            networkId: 'network-1'
+          })),
+          'session/currency': 'EUR',
+          get 'ledger/isConnected' () {
+            return true
+          },
+          get 'ledger/wallets' () {
+            return [{
+              address: 'ledger-address-1'
+            }]
+          },
+          'wallet/byAddress': jest.fn((address) => ({
+            address,
+            publicKey: address.replace('address', 'public-key')
+          })),
+          'wallet/byProfileId': jest.fn(() => [wallet]),
+          'wallet/contactsByProfileId': jest.fn(() => []),
+          'transaction/staticFee': jest.fn(() => null),
+          get 'session/profileId' () {
+            return 'profile-1'
+          },
+          'session/lastFeeByType': jest.fn(() => (1 * 1e8).toString()),
+          'network/byToken': jest.fn(() => mountNetwork),
+          'network/byId': jest.fn(() => mountNetwork),
+          'profile/byCompatibleAddress': jest.fn(() => []),
+          get 'profile/all' () {
+            return [{
+              id: 'profile-1',
+              name: 'profile-1',
+              networkId: 'network-1'
+            }, {
+              id: 'profile-2',
+              name: 'profile-2',
+              networkId: 'network-1'
+            }]
+          }
+        }
+      },
+      $synchronizer: {
+        appendFocus: jest.fn()
+      },
+      currency_subToUnit: jest.fn(CurrencyMixin.methods.currency_subToUnit),
+      currency_format: jest.fn(CurrencyMixin.methods.currency_format),
+      currency_toBuilder: jest.fn(CurrencyMixin.methods.currency_toBuilder),
+      currency_simpleFormatCrypto: jest.fn(CurrencyMixin.methods.currency_simpleFormatCrypto),
+      currency_unitToSub: jest.fn(CurrencyMixin.methods.currency_unitToSub),
+      formatter_networkCurrency: jest.fn(),
+      session_network: mountNetwork,
+      wallet_formatAddress: jest.fn(address => `formatted-${address}`),
+      wallet_truncate: jest.fn(address => address),
+      wallet_name: jest.fn(address => address),
+      wallet_fromRoute: wallet
+    },
+    stubs: {
+      Identicon: true,
+      Portal: true
+    }
+  })
+}
+
+describe('TransactionFormMultiSignature', () => {
+  beforeEach(() => {
+    createWrapper()
+  })
+
+  it('should have multi-payment transaction type', () => {
+    expect(wrapper.vm.$options.transactionType).toBe(4)
+  })
+
+  describe('data', () => {
+    it('should has properties', () => {
+      expect(Object.prototype.hasOwnProperty.call(wrapper.vm._data, 'step')).toBe(true)
+      expect(Object.prototype.hasOwnProperty.call(wrapper.vm._data, 'currentTab')).toBe(true)
+      expect(Object.prototype.hasOwnProperty.call(wrapper.vm._data, 'address')).toBe(true)
+      expect(Object.prototype.hasOwnProperty.call(wrapper.vm._data, 'publicKey')).toBe(true)
+      expect(Object.prototype.hasOwnProperty.call(wrapper.vm._data, 'form')).toBe(true)
+      expect(Object.prototype.hasOwnProperty.call(wrapper.vm._data.form, 'publicKeys')).toBe(true)
+      expect(Object.prototype.hasOwnProperty.call(wrapper.vm._data.form, 'minKeys')).toBe(true)
+      expect(Object.prototype.hasOwnProperty.call(wrapper.vm._data.form, 'fee')).toBe(true)
+      expect(Object.prototype.hasOwnProperty.call(wrapper.vm._data.form, 'passphrase')).toBe(true)
+      expect(Object.prototype.hasOwnProperty.call(wrapper.vm._data.form, 'walletPassword')).toBe(true)
+    })
+  })
+
+  describe('template', () => {
+    it('should render', () => {
+      expect(wrapper.contains('.TransactionFormMultiSignature')).toBe(true)
+    })
+
+    describe('step 1', () => {
+      it('should have add button', () => {
+        expect(wrapper.contains('.TransactionFormMultiSignature__add')).toBe(true)
+      })
+
+      describe('address tab', () => {
+        beforeEach(() => {
+          wrapper.vm.currentTab = 0
+        })
+
+        it('should have address field', () => {
+          expect(wrapper.contains('.TransactionFormMultiSignature__address')).toBe(true)
+        })
+      })
+
+      describe('public key tab', () => {
+        beforeEach(() => {
+          wrapper.vm.currentTab = 1
+        })
+
+        it('should have address field', () => {
+          expect(wrapper.contains('.TransactionFormMultiSignature__public-key')).toBe(true)
+        })
+      })
+    })
+
+    describe('step 2', () => {
+      beforeEach(() => {
+        wrapper.vm.step = 2
+      })
+
+      it('should have fee field', () => {
+        expect(wrapper.contains('.TransactionFormMultiSignature__fee')).toBe(true)
+      })
+
+      describe('ledger notice', () => {
+        it('should show if wallet is a ledger', async () => {
+          createWrapper(null, {
+            isLedger: true
+          })
+
+          wrapper.vm.step = 2
+
+          await wrapper.vm.$nextTick()
+
+          expect(wrapper.contains('.TransactionFormMultiSignature__ledger-notice')).toBe(true)
+        })
+
+        it('should show if wallet is not a ledger', async () => {
+          createWrapper(null, {
+            isLedger: false
+          })
+
+          wrapper.vm.step = 2
+
+          await wrapper.vm.$nextTick()
+
+          expect(wrapper.contains('.TransactionFormMultiSignature__ledger-notice')).toBe(false)
+        })
+      })
+
+      describe('password field', () => {
+        it('should show if wallet does have a password', async () => {
+          createWrapper(null, {
+            passphrase: 'password'
+          })
+
+          wrapper.vm.step = 2
+
+          await wrapper.vm.$nextTick()
+
+          expect(wrapper.contains('.TransactionFormMultiSignature__password')).toBe(true)
+        })
+
+        it('should not show if wallet does not have a password', () => {
+          expect(wrapper.contains('.TransactionFormMultiSignature__password')).toBe(false)
+        })
+      })
+
+      describe('passphrase field', () => {
+        it('should show if wallet does not have a password', () => {
+          expect(wrapper.contains('.TransactionFormMultiSignature__passphrase')).toBe(true)
+        })
+
+        it('should not show if wallet does have a password', async () => {
+          createWrapper(null, {
+            passphrase: 'password'
+          })
+
+          wrapper.vm.step = 2
+
+          await wrapper.vm.$nextTick()
+
+          expect(wrapper.contains('.TransactionFormMultiSignature__passphrase')).toBe(false)
+        })
+      })
+    })
+
+    describe('prev button', () => {
+      it('should be enabled if on second form', async () => {
+        wrapper.vm.step = 2
+
+        await wrapper.vm.$nextTick()
+
+        expect(wrapper.find('.TransactionFormMultiSignature__prev').attributes('disabled')).toBeFalsy()
+      })
+
+      it('should be disabled if on step 1', async () => {
+        wrapper.vm.step = 1
+
+        await wrapper.vm.$nextTick()
+
+        expect(wrapper.find('.TransactionFormMultiSignature__prev').attributes('disabled')).toBe('disabled')
+      })
+    })
+
+    describe('next button', () => {
+      it('should be enabled if recipients form is valid', async () => {
+        wrapper.vm.step = 1
+        wrapper.vm.$v.form.publicKeys.$model = [{
+          address: 'address-2',
+          publicKey: 'public-key-2'
+        }, {
+          address: 'address-3',
+          publicKey: 'public-key-3'
+        }]
+        wrapper.vm.$v.form.fee.$model = 0.1
+        wrapper.vm.$v.form.passphrase.$model = 'passphrase'
+
+        await wrapper.vm.$nextTick()
+
+        expect(wrapper.find('.TransactionFormMultiSignature__next').attributes('disabled')).toBeFalsy()
+      })
+
+      it('should be enabled if both forms are valid', async () => {
+        wrapper.vm.step = 2
+        wrapper.vm.$v.form.publicKeys.$model = [{
+          address: 'address-2',
+          publicKey: 'public-key-2'
+        }, {
+          address: 'address-3',
+          publicKey: 'public-key-3'
+        }]
+        wrapper.vm.$v.form.fee.$model = 0.1
+        wrapper.vm.$v.form.passphrase.$model = 'passphrase'
+
+        await wrapper.vm.$nextTick()
+
+        expect(wrapper.find('.TransactionFormMultiSignature__next').attributes('disabled')).toBeFalsy()
+      })
+
+      it('should be disabled if form is invalid', async () => {
+        wrapper.vm.$v.form.$touch()
+
+        await wrapper.vm.$nextTick()
+
+        expect(wrapper.find('.TransactionFormMultiSignature__next').attributes('disabled')).toBe('disabled')
+      })
+    })
+  })
+
+  describe('computed', () => {
+    describe('addressTab', () => {
+      it('should return true if 0', () => {
+        wrapper.vm.currentTab = 0
+
+        expect(wrapper.vm.addressTab).toBe(true)
+      })
+
+      it('should return false if 1', () => {
+        wrapper.vm.currentTab = 1
+
+        expect(wrapper.vm.addressTab).toBe(false)
+      })
+    })
+
+    describe('publicKeyTab', () => {
+      it('should return true if 1', () => {
+        wrapper.vm.currentTab = 1
+
+        expect(wrapper.vm.publicKeyTab).toBe(true)
+      })
+
+      it('should return false if 0', () => {
+        wrapper.vm.currentTab = 0
+
+        expect(wrapper.vm.publicKeyTab).toBe(false)
+      })
+    })
+
+    describe('tabs', () => {
+      it('should return tabs', () => {
+        expect(wrapper.vm.tabs).toEqual([
+          {
+            text: 'TRANSACTION.MULTI_SIGNATURE.TAB.ADDRESS'
+          },
+          {
+            text: 'TRANSACTION.MULTI_SIGNATURE.TAB.PUBLIC_KEY'
+          }
+        ])
+      })
+    })
+
+    describe('validStep1', () => {
+      describe('addressTab', () => {
+        beforeEach(() => {
+          wrapper.vm.currentTab = 0
+        })
+
+        it('should return false if address not dirty', () => {
+          wrapper.vm.$v.address.$model = Identities.Address.fromPassphrase('passphrase')
+          wrapper.vm.$v.address.$reset()
+
+          expect(wrapper.vm.$v.address.$dirty).toBe(false)
+          expect(wrapper.vm.$v.address.$invalid).toBe(false)
+          expect(wrapper.vm.addressWarning).toBeFalsy()
+          expect(wrapper.vm.address.replace(/\s+/, '') === '').toBe(false)
+          expect(wrapper.vm.validStep1).toBe(false)
+        })
+
+        it('should return false if address is invalid', async () => {
+          WalletService.validateAddress.mockReturnValue(false)
+
+          wrapper.vm.$v.address.$model = 'wut'
+
+          await wrapper.vm.$nextTick()
+
+          expect(wrapper.vm.$v.address.$dirty).toBe(true)
+          expect(wrapper.vm.$v.address.$invalid).toBe(true)
+          expect(wrapper.vm.addressWarning).toBeFalsy()
+          expect(wrapper.vm.address.replace(/\s+/, '') === '').toBe(false)
+          expect(wrapper.vm.validStep1).toBe(false)
+
+          WalletService.validateAddress.mockReturnValue(true)
+        })
+
+        it('should return false if address warning', () => {
+          const address = Identities.Address.fromPassphrase('passphrase')
+          wrapper.vm.$v.address.$model = address
+          wrapper.vm.form.publicKeys = [{
+            address: address,
+            publicKey: 'public-key-2'
+          }]
+
+          expect(wrapper.vm.$v.address.$dirty).toBe(true)
+          expect(wrapper.vm.$v.address.$invalid).toBe(false)
+          expect(wrapper.vm.addressWarning).toBeTruthy()
+          expect(wrapper.vm.address.replace(/\s+/, '') === '').toBe(false)
+          expect(wrapper.vm.validStep1).toBe(false)
+        })
+
+        it('should return false if address is empty', () => {
+          wrapper.vm.$v.address.$model = ''
+
+          expect(wrapper.vm.$v.address.$dirty).toBe(true)
+          expect(wrapper.vm.$v.address.$invalid).toBe(false)
+          expect(wrapper.vm.addressWarning).toBeFalsy()
+          expect(wrapper.vm.address.replace(/\s+/, '') === '').toBe(true)
+          expect(wrapper.vm.validStep1).toBe(false)
+        })
+      })
+
+      describe('publicKeyTab', () => {
+        beforeEach(() => {
+          wrapper.vm.currentTab = 1
+        })
+
+        it('should return false if publicKey not dirty', () => {
+          wrapper.vm.$v.publicKey.$model = Identities.PublicKey.fromPassphrase('passphrase')
+          wrapper.vm.$v.publicKey.$reset()
+
+          expect(wrapper.vm.$v.publicKey.$dirty).toBe(false)
+          expect(wrapper.vm.$v.publicKey.$invalid).toBe(false)
+          expect(wrapper.vm.publicKeyWarning).toBeFalsy()
+          expect(wrapper.vm.publicKey.replace(/\s+/, '') === '').toBe(false)
+          expect(wrapper.vm.validStep1).toBe(false)
+        })
+
+        it('should return false if publicKey is invalid', async () => {
+          wrapper.vm.$v.publicKey.$model = 'wut'
+
+          await wrapper.vm.$nextTick()
+
+          expect(wrapper.vm.$v.publicKey.$dirty).toBe(true)
+          expect(wrapper.vm.$v.publicKey.$invalid).toBe(true)
+          expect(wrapper.vm.publicKeyWarning).toBeFalsy()
+          expect(wrapper.vm.publicKey.replace(/\s+/, '') === '').toBe(false)
+          expect(wrapper.vm.validStep1).toBe(false)
+        })
+
+        it('should return false if publicKey warning', () => {
+          const publicKey = Identities.PublicKey.fromPassphrase('passphrase')
+          wrapper.vm.$v.publicKey.$model = publicKey
+          wrapper.vm.form.publicKeys = [{
+            address: 'address-2',
+            publicKey: publicKey
+          }]
+
+          expect(wrapper.vm.$v.publicKey.$dirty).toBe(true)
+          expect(wrapper.vm.$v.publicKey.$invalid).toBe(false)
+          expect(wrapper.vm.publicKeyWarning).toBeTruthy()
+          expect(wrapper.vm.publicKey.replace(/\s+/, '') === '').toBe(false)
+          expect(wrapper.vm.validStep1).toBe(false)
+        })
+
+        it('should return false if publicKey is empty', () => {
+          wrapper.vm.$v.publicKey.$model = ''
+
+          expect(wrapper.vm.$v.publicKey.$dirty).toBe(true)
+          expect(wrapper.vm.$v.publicKey.$invalid).toBe(false)
+          expect(wrapper.vm.publicKeyWarning).toBeFalsy()
+          expect(wrapper.vm.publicKey.replace(/\s+/, '') === '').toBe(true)
+          expect(wrapper.vm.validStep1).toBe(false)
+        })
+      })
+    })
+
+    describe('isFormValid', () => {
+      it('should return true if valid step 1', () => {
+        wrapper.vm.step = 1
+        wrapper.vm.$v.form.publicKeys.$model = [{
+          address: 'address-2',
+          publicKey: 'public-key-2'
+        }, {
+          address: 'address-3',
+          publicKey: 'public-key-3'
+        }]
+
+        expect(wrapper.vm.isFormValid).toBe(true)
+      })
+
+      it('should return false if valid step 1 and no keys', () => {
+        wrapper.vm.step = 1
+        wrapper.vm.$v.form.publicKeys.$model = []
+
+        expect(wrapper.vm.isFormValid).toBe(false)
+      })
+
+      it('should return true if valid step 2', async () => {
+        wrapper.vm.step = 2
+        wrapper.vm.$v.form.publicKeys.$model = [{
+          address: 'address-2',
+          publicKey: 'public-key-2'
+        }, {
+          address: 'address-3',
+          publicKey: 'public-key-3'
+        }]
+        wrapper.vm.$v.form.minKeys.$model = 2
+        wrapper.vm.$v.form.fee.$model = 0.1
+        wrapper.vm.$v.form.passphrase.$model = 'passphrase'
+
+        await wrapper.vm.$nextTick()
+
+        expect(wrapper.vm.isFormValid).toBe(true)
+      })
+
+      it('should return false if valid step 1 and no keys', () => {
+        wrapper.vm.step = 2
+        wrapper.vm.$v.form.publicKeys.$model = [{
+          address: 'address-2',
+          publicKey: 'public-key-2'
+        }, {
+          address: 'address-3',
+          publicKey: 'public-key-3'
+        }]
+
+        expect(wrapper.vm.isFormValid).toBe(false)
+      })
+    })
+
+    describe('addressWarning', () => {
+      it('should return null if not dirty', () => {
+        wrapper.vm.$v.address.$reset()
+
+        expect(wrapper.vm.$v.address.$dirty).toBe(false)
+        expect(wrapper.vm.addressWarning).toBe(null)
+      })
+
+      it('should return null if not duplicate', () => {
+        wrapper.vm.form.publicKeys = [{
+          address: 'address-2',
+          publicKey: 'public-key-2'
+        }, {
+          address: 'address-3',
+          publicKey: 'public-key-3'
+        }]
+        wrapper.vm.$v.address.$model = 'address-1'
+
+        expect(wrapper.vm.$v.address.$dirty).toBe(true)
+        expect(wrapper.vm.addressWarning).toBe(null)
+      })
+
+      it('should return error if duplicate', () => {
+        wrapper.vm.form.publicKeys = [{
+          address: 'address-2',
+          publicKey: 'public-key-2'
+        }, {
+          address: 'address-3',
+          publicKey: 'public-key-3'
+        }]
+        wrapper.vm.$v.address.$model = 'address-2'
+
+        expect(wrapper.vm.$v.address.$dirty).toBe(true)
+        expect(wrapper.vm.addressWarning).toBe('TRANSACTION.MULTI_SIGNATURE.ERROR_DUPLICATE')
+      })
+    })
+
+    describe('publicKeyWarning', () => {
+      it('should return null if not dirty', () => {
+        wrapper.vm.$v.publicKey.$reset()
+
+        expect(wrapper.vm.$v.publicKey.$dirty).toBe(false)
+        expect(wrapper.vm.publicKeyWarning).toBe(null)
+      })
+
+      it('should return null if not duplicate', () => {
+        wrapper.vm.form.publicKeys = [{
+          address: 'address-2',
+          publicKey: 'public-key-2'
+        }, {
+          address: 'address-3',
+          publicKey: 'public-key-3'
+        }]
+        wrapper.vm.$v.publicKey.$model = 'public-key-1'
+
+        expect(wrapper.vm.$v.publicKey.$dirty).toBe(true)
+        expect(wrapper.vm.publicKeyWarning).toBe(null)
+      })
+
+      it('should return error if duplicate', () => {
+        wrapper.vm.form.publicKeys = [{
+          address: 'address-2',
+          publicKey: 'public-key-2'
+        }, {
+          address: 'address-3',
+          publicKey: 'public-key-3'
+        }]
+        wrapper.vm.$v.publicKey.$model = 'public-key-2'
+
+        expect(wrapper.vm.$v.publicKey.$dirty).toBe(true)
+        expect(wrapper.vm.publicKeyWarning).toBe('TRANSACTION.MULTI_SIGNATURE.ERROR_DUPLICATE')
+      })
+    })
+
+    describe('maximumPublicKeys', () => {
+      it('should return default if no constants', () => {
+        expect(wrapper.vm.maximumPublicKeys).toBe(16)
+      })
+
+      it('should return default if no network value', () => {
+        const network = {
+          ...cloneDeep(globalNetwork),
+          constants: {}
+        }
+
+        createWrapper(null, undefined, network)
+
+        expect(wrapper.vm.maximumPublicKeys).toBe(16)
+      })
+
+      it('should return network constant', () => {
+        const network = {
+          ...cloneDeep(globalNetwork),
+          constants: {
+            maxMultiSignatureParticipants: 20
+          }
+        }
+
+        createWrapper(null, undefined, network)
+
+        expect(wrapper.vm.maximumPublicKeys).toBe(20)
+      })
+    })
+
+    describe('minKeysError', () => {
+      beforeEach(() => {
+        wrapper.vm.$v.form.publicKeys.$model = [{
+          address: 'address-2',
+          publicKey: 'public-key-2'
+        }, {
+          address: 'address-3',
+          publicKey: 'public-key-3'
+        }]
+      })
+
+      it('should return null if valid value', async () => {
+        wrapper.vm.$v.form.minKeys.$model = 1
+
+        await wrapper.vm.$nextTick()
+
+        expect(wrapper.vm.minKeysError).toBe(null)
+      })
+
+      it('should return error if empty value', async () => {
+        wrapper.vm.$v.form.minKeys.$model = ''
+
+        await wrapper.vm.$nextTick()
+
+        expect(wrapper.vm.minKeysError).toBe('VALIDATION.REQUIRED')
+      })
+
+      it('should return error if above maximum', async () => {
+        wrapper.vm.$v.form.minKeys.$model = 4
+
+        await wrapper.vm.$nextTick()
+
+        expect(wrapper.vm.minKeysError).toBe('TRANSACTION.MULTI_SIGNATURE.ERROR_MIN_KEYS_TOO_HIGH')
+      })
+
+      it('should return error if below minimum', async () => {
+        wrapper.vm.$v.form.minKeys.$model = 0
+
+        await wrapper.vm.$nextTick()
+
+        expect(wrapper.vm.minKeysError).toBe('TRANSACTION.MULTI_SIGNATURE.ERROR_MIN_KEYS_TOO_LOW')
+      })
+    })
+  })
+
+  describe('mounted hook', () => {
+    it('should add current wallet to public keys', () => {
+      expect(wrapper.vm.form.publicKeys).toEqual([{
+        address: 'address-1',
+        publicKey: 'public-key-1'
+      }])
+    })
+
+    it('should update min keys', () => {
+      const updateMinKeysOriginal = TransactionFormMultiSignature.methods.updateMinKeys
+      TransactionFormMultiSignature.methods.updateMinKeys = jest.fn()
+
+      createWrapper()
+
+      expect(TransactionFormMultiSignature.methods.updateMinKeys).toHaveBeenCalledTimes(1)
+
+      TransactionFormMultiSignature.methods.updateMinKeys = updateMinKeysOriginal
+    })
+  })
+
+  describe('methods', () => {
+    describe('getTransactionData', () => {
+      it('should return correct data with passphrase', () => {
+        wrapper.vm.$v.form.fee.$model = 0.1
+        wrapper.vm.$v.form.passphrase.$model = 'passphrase'
+        wrapper.vm.$v.form.minKeys.$model = 3
+        wrapper.vm.$v.form.publicKeys.$model = [{
+          address: 'address-2',
+          publicKey: 'public-key-2'
+        }, {
+          address: 'address-3',
+          publicKey: 'public-key-3'
+        }, {
+          address: 'address-4',
+          publicKey: 'public-key-4'
+        }]
+
+        expect(wrapper.vm.getTransactionData()).toEqual({
+          address: 'address-1',
+          passphrase: 'passphrase',
+          publicKeys: [
+            'public-key-2',
+            'public-key-3',
+            'public-key-4'
+          ],
+          minKeys: 3,
+          fee: new BigNumber(0.1 * 1e8),
+          wif: undefined,
+          networkWif: 170
+        })
+      })
+
+      it('should return correct data with passphrase and second passphrase', () => {
+        createWrapper(null, {
+          address: 'address-1',
+          passphrase: null,
+          secondPublicKey: Identities.PublicKey.fromPassphrase('second passphrase')
+        })
+
+        wrapper.vm.$v.form.fee.$model = 0.1
+        wrapper.vm.$v.form.passphrase.$model = 'passphrase'
+        wrapper.vm.$v.form.secondPassphrase.$model = 'second passphrase'
+        wrapper.vm.$v.form.minKeys.$model = 3
+        wrapper.vm.$v.form.publicKeys.$model = [{
+          address: 'address-2',
+          publicKey: 'public-key-2'
+        }, {
+          address: 'address-3',
+          publicKey: 'public-key-3'
+        }, {
+          address: 'address-4',
+          publicKey: 'public-key-4'
+        }]
+
+        expect(wrapper.vm.getTransactionData()).toEqual({
+          address: 'address-1',
+          passphrase: 'passphrase',
+          secondPassphrase: 'second passphrase',
+          publicKeys: [
+            'public-key-2',
+            'public-key-3',
+            'public-key-4'
+          ],
+          minKeys: 3,
+          fee: new BigNumber(0.1 * 1e8),
+          wif: undefined,
+          networkWif: 170
+        })
+      })
+    })
+
+    describe('buildTransaction', () => {
+      it('should build multi-signature', async () => {
+        const transactionData = {
+          type: 6,
+          typeGroup: 1,
+          asset: {
+            multiSignature: {}
+          }
+        }
+
+        const response = await wrapper.vm.buildTransaction(transactionData, true, true)
+
+        expect(wrapper.vm.$client.buildMultiSignature).toHaveBeenCalledWith(transactionData, true, true)
+        expect(response).toBe(transactionData)
+      })
+
+      it('should build multi-signature with default arguments', async () => {
+        const transactionData = {
+          type: 6,
+          typeGroup: 1,
+          asset: {
+            multiSignature: {}
+          }
+        }
+
+        const response = await wrapper.vm.buildTransaction(transactionData)
+
+        expect(wrapper.vm.$client.buildMultiSignature).toHaveBeenCalledWith(transactionData, false, false)
+        expect(response).toBe(transactionData)
+      })
+    })
+
+    describe('transactionError', () => {
+      it('should generate transaction error', () => {
+        wrapper.vm.transactionError()
+
+        expect(wrapper.vm.$error).toHaveBeenCalledWith('TRANSACTION.ERROR.VALIDATION.MULTI_SIGNATURE')
+      })
+    })
+
+    describe('addPublicKey', () => {
+      beforeEach(() => {
+        wrapper.vm.form.publicKeys = []
+      })
+
+      describe('addressTab', () => {
+        beforeEach(() => {
+          wrapper.vm.currentTab = 0
+        })
+
+        it('should get wallet from store', async () => {
+          const spy = jest.spyOn(wrapper.vm.$store.getters, 'wallet/byAddress')
+
+          wrapper.vm.address = 'address-4'
+
+          await wrapper.vm.addPublicKey()
+
+          expect(spy).toHaveBeenCalledWith('address-4')
+          expect(wrapper.vm.form.publicKeys).toEqual([{
+            address: 'address-4',
+            publicKey: 'public-key-4'
+          }])
+        })
+
+        it('should check api for wallet', async () => {
+          jest.spyOn(wrapper.vm.$store.getters, 'wallet/byAddress').mockReturnValue(null)
+          const spy = jest.spyOn(wrapper.vm.$client, 'fetchWallet')
+
+          wrapper.vm.address = 'address-4'
+
+          await wrapper.vm.addPublicKey()
+
+          expect(spy).toHaveBeenCalledWith('address-4')
+          expect(wrapper.vm.form.publicKeys).toEqual([{
+            address: 'address-4',
+            publicKey: 'public-key-4'
+          }])
+        })
+
+        it('should error if no wallet', async () => {
+          jest.spyOn(wrapper.vm.$store.getters, 'wallet/byAddress').mockReturnValue(null)
+          jest.spyOn(wrapper.vm.$client, 'fetchWallet').mockReturnValue(null)
+          const spy = jest.spyOn(wrapper.vm, '$error')
+
+          wrapper.vm.address = 'address-4'
+
+          await wrapper.vm.addPublicKey()
+
+          expect(spy).toHaveBeenCalledWith('TRANSACTION.MULTI_SIGNATURE.ERROR_PUBLIC_KEY_NOT_FOUND')
+          expect(wrapper.vm.form.publicKeys).toEqual([])
+        })
+
+        it('should error if duplicate entry', async () => {
+          wrapper.vm.form.publicKeys = [{
+            address: 'address-4',
+            publicKey: 'public-key-4'
+          }]
+
+          jest.spyOn(wrapper.vm.$store.getters, 'wallet/byAddress')
+          const spy = jest.spyOn(wrapper.vm, '$error')
+
+          wrapper.vm.address = 'address-4'
+
+          await wrapper.vm.addPublicKey()
+
+          expect(spy).toHaveBeenCalledWith('TRANSACTION.MULTI_SIGNATURE.ERROR_PUBLIC_KEY_EXISTS')
+          expect(wrapper.vm.form.publicKeys).toEqual([{
+            address: 'address-4',
+            publicKey: 'public-key-4'
+          }])
+        })
+
+        it('should update duplicate entry if only has public key', async () => {
+          wrapper.vm.form.publicKeys = [{
+            address: null,
+            publicKey: 'public-key-4'
+          }]
+
+          jest.spyOn(wrapper.vm.$store.getters, 'wallet/byAddress')
+          const spy = jest.spyOn(wrapper.vm, '$error')
+
+          wrapper.vm.address = 'address-4'
+
+          await wrapper.vm.addPublicKey()
+
+          expect(spy).toHaveBeenCalledWith('TRANSACTION.MULTI_SIGNATURE.ERROR_PUBLIC_KEY_EXISTS')
+          expect(wrapper.vm.form.publicKeys).toEqual([{
+            address: 'address-4',
+            publicKey: 'public-key-4'
+          }])
+        })
+
+        it('should reset field', async () => {
+          wrapper.vm.$v.address.$model = 'address-4'
+
+          await wrapper.vm.addPublicKey()
+          await wrapper.vm.$nextTick()
+
+          expect(wrapper.vm.$refs.address.$v.$dirty).toBe(false)
+          expect(wrapper.vm.$v.address.$model).toBe('')
+        })
+      })
+
+      describe('publicKeyTab', () => {
+        beforeEach(() => {
+          wrapper.vm.currentTab = 1
+        })
+
+        it('should store public key', async () => {
+          wrapper.vm.publicKey = 'public-key-4'
+
+          await wrapper.vm.addPublicKey()
+
+          expect(wrapper.vm.form.publicKeys).toEqual([{
+            address: null,
+            publicKey: 'public-key-4'
+          }])
+        })
+
+        it('should error if duplicate entry', async () => {
+          wrapper.vm.form.publicKeys = [{
+            address: 'address-4',
+            publicKey: 'public-key-4'
+          }]
+
+          jest.spyOn(wrapper.vm.$store.getters, 'wallet/byAddress')
+          const spy = jest.spyOn(wrapper.vm, '$error')
+
+          wrapper.vm.publicKey = 'public-key-4'
+
+          await wrapper.vm.addPublicKey()
+
+          expect(spy).toHaveBeenCalledWith('TRANSACTION.MULTI_SIGNATURE.ERROR_PUBLIC_KEY_EXISTS')
+          expect(wrapper.vm.form.publicKeys).toEqual([{
+            address: 'address-4',
+            publicKey: 'public-key-4'
+          }])
+        })
+
+        it('should reset field', async () => {
+          wrapper.vm.$v.publicKey.$model = 'public-key-4'
+
+          await wrapper.vm.addPublicKey()
+          await wrapper.vm.$nextTick()
+
+          expect(wrapper.vm.$refs.publicKey.$v.$dirty).toBe(false)
+          expect(wrapper.vm.$v.publicKey.$model).toBe('')
+        })
+      })
+    })
+
+    describe('updateMinKeys', () => {
+      it('should update min keys to be length of public keys', () => {
+        wrapper.vm.$v.form.publicKeys.$model = [{
+          address: 'address-2',
+          publicKey: 'public-key-2'
+        }, {
+          address: 'address-3',
+          publicKey: 'public-key-3'
+        }, {
+          address: 'address-4',
+          publicKey: 'public-key-4'
+        }]
+        wrapper.vm.$v.form.minKeys.$model = 1
+
+        wrapper.vm.updateMinKeys()
+
+        expect(wrapper.vm.$v.form.minKeys.$model).toBe(3)
+      })
+    })
+
+    describe('previousStep', () => {
+      it('should go from step 2 to step 1', () => {
+        wrapper.vm.step = 2
+
+        wrapper.vm.previousStep()
+
+        expect(wrapper.vm.step).toBe(1)
+      })
+
+      it('should do nothing on step 1', () => {
+        wrapper.vm.step = 1
+
+        wrapper.vm.previousStep()
+
+        expect(wrapper.vm.step).toBe(1)
+      })
+    })
+
+    describe('nextStep', () => {
+      it('should go from step 1 to step 2', () => {
+        wrapper.vm.step = 1
+
+        wrapper.vm.nextStep()
+
+        expect(wrapper.vm.step).toBe(2)
+      })
+
+      it('should submit form data on step 2', async () => {
+        const spy = jest.spyOn(wrapper.vm, 'onSubmit').mockImplementation()
+
+        wrapper.vm.step = 2
+
+        await wrapper.vm.$nextTick()
+
+        wrapper.vm.nextStep()
+
+        expect(spy).toHaveBeenCalledTimes(1)
+      })
+    })
+
+    describe('emitRemovePublicKey', () => {
+      it('should remove recipient at index', () => {
+        wrapper.vm.$v.form.publicKeys.$model = [{
+          address: 'address-2',
+          publicKey: 'public-key-2'
+        }, {
+          address: 'address-3',
+          publicKey: 'public-key-3'
+        }, {
+          address: 'address-4',
+          publicKey: 'public-key-4'
+        }]
+
+        wrapper.vm.emitRemovePublicKey(1)
+
+        expect(wrapper.vm.$v.form.publicKeys.$model).toEqual([{
+          address: 'address-2',
+          publicKey: 'public-key-2'
+        }, {
+          address: 'address-4',
+          publicKey: 'public-key-4'
+        }])
+      })
+
+      it('should do nothing if index does not exist', () => {
+        const publicKeys = [{
+          address: 'address-2',
+          publicKey: 'public-key-2'
+        }, {
+          address: 'address-3',
+          publicKey: 'public-key-3'
+        }]
+
+        wrapper.vm.$v.form.publicKeys.$model = publicKeys
+
+        wrapper.vm.emitRemovePublicKey(3)
+
+        expect(wrapper.vm.$v.form.publicKeys.$model).toEqual(publicKeys)
+      })
+    })
+  })
+
+  describe('validations', () => {
+    describe('publicKey', () => {
+      beforeEach(() => {
+        wrapper.vm.currentTab = 1
+      })
+
+      it('should not be valid', async () => {
+        wrapper.vm.$v.publicKey.$model = 'test'
+
+        await wrapper.vm.$nextTick()
+
+        expect(wrapper.vm.$refs.publicKey.$v.$invalid).toBe(true)
+        expect(wrapper.vm.$v.publicKey.isValid).toBe(false)
+      })
+
+      it('should not be valid if no publicKey field', async () => {
+        wrapper.vm.$refs.publicKey = null
+        wrapper.vm.$v.publicKey.$model = Identities.Address.fromPassphrase('passphrase')
+
+        await wrapper.vm.$nextTick()
+
+        expect(wrapper.vm.$refs.publicKey).toBe(null)
+        expect(wrapper.vm.$v.publicKey.isValid).toBe(false)
+      })
+
+      it('should be valid', async () => {
+        wrapper.vm.$v.publicKey.$model = Identities.PublicKey.fromPassphrase('passphrase')
+
+        await wrapper.vm.$nextTick()
+
+        expect(wrapper.vm.$refs.publicKey.$v.$invalid).toBe(false)
+        expect(wrapper.vm.$v.publicKey.isValid).toBe(true)
+      })
+    })
+
+    describe('address', () => {
+      beforeEach(() => {
+        wrapper.vm.currentTab = 0
+      })
+
+      it('should not be valid', async () => {
+        WalletService.validateAddress.mockReturnValue(false)
+
+        wrapper.vm.$v.address.$model = 'test'
+
+        await wrapper.vm.$nextTick()
+
+        expect(wrapper.vm.$refs.address.$v.$invalid).toBe(true)
+        expect(wrapper.vm.$v.address.isValid).toBe(false)
+
+        WalletService.validateAddress.mockReturnValue(true)
+      })
+
+      it('should not be valid if no address field', async () => {
+        wrapper.vm.$refs.address = null
+        wrapper.vm.$v.address.$model = Identities.Address.fromPassphrase('passphrase')
+
+        await wrapper.vm.$nextTick()
+
+        expect(wrapper.vm.$refs.address).toBe(null)
+        expect(wrapper.vm.$v.address.isValid).toBe(false)
+      })
+
+      it('should be valid', async () => {
+        wrapper.vm.$v.address.$model = Identities.Address.fromPassphrase('passphrase')
+
+        await wrapper.vm.$nextTick()
+
+        expect(wrapper.vm.$refs.address.$v.$invalid).toBe(false)
+        expect(wrapper.vm.$v.address.isValid).toBe(true)
+      })
+    })
+
+    describe('form', () => {
+      describe('publicKeys', () => {
+        it('should not be notEmpty', () => {
+          wrapper.vm.$v.form.publicKeys.$model = [{
+            address: 'address-1',
+            publicKey: 'public-key-1'
+          }]
+
+          expect(wrapper.vm.$v.form.publicKeys.notEmpty).toBe(true)
+        })
+
+        it('should be notEmpty', () => {
+          wrapper.vm.$v.form.publicKeys.$model = []
+
+          expect(wrapper.vm.$v.form.publicKeys.notEmpty).toBe(false)
+        })
+
+        it('should not be above minimum if not set', () => {
+          wrapper.vm.$v.form.publicKeys.$model = []
+
+          expect(wrapper.vm.$v.form.publicKeys.aboveMinimum).toBe(false)
+        })
+
+        it('should not be above minimum if not enough', () => {
+          wrapper.vm.$v.form.publicKeys.$model = [{
+            address: 'address-2',
+            publicKey: 'public-key-2'
+          }]
+
+          expect(wrapper.vm.$v.form.publicKeys.aboveMinimum).toBe(false)
+        })
+
+        it('should be above minimum if set', () => {
+          wrapper.vm.$v.form.publicKeys.$model = [{
+            address: 'address-2',
+            publicKey: 'public-key-2'
+          }, {
+            address: 'address-3',
+            publicKey: 'public-key-3'
+          }]
+
+          expect(wrapper.vm.$v.form.publicKeys.aboveMinimum).toBe(true)
+        })
+
+        it('should not be below maximum if too many', () => {
+          const network = {
+            ...cloneDeep(globalNetwork),
+            constants: {
+              maxMultiSignatureParticipants: 2
+            }
+          }
+
+          createWrapper(null, undefined, network)
+
+          wrapper.vm.$v.form.publicKeys.$model = [{
+            address: 'address-2',
+            publicKey: 'public-key-2'
+          }, {
+            address: 'address-3',
+            publicKey: 'public-key-3'
+          }, {
+            address: 'address-4',
+            publicKey: 'public-key-4'
+          }]
+
+          expect(wrapper.vm.$v.form.publicKeys.belowMaximum).toBe(false)
+        })
+
+        it('should be below maximum if set', () => {
+          wrapper.vm.$v.form.publicKeys.$model = [{
+            address: 'address-2',
+            publicKey: 'public-key-2'
+          }]
+
+          expect(wrapper.vm.$v.form.publicKeys.belowMaximum).toBe(true)
+        })
+      })
+
+      describe('minKeys', () => {
+        it('should be required if not set', () => {
+          wrapper.vm.$v.form.minKeys.$model = ''
+
+          expect(wrapper.vm.$v.form.minKeys.required).toBe(false)
+        })
+
+        it('should not be required if set', () => {
+          wrapper.vm.$v.form.minKeys.$model = 1
+
+          expect(wrapper.vm.$v.form.minKeys.required).toBe(true)
+        })
+
+        it('should not be above minimum if not set', () => {
+          wrapper.vm.$v.form.minKeys.$model = ''
+
+          expect(wrapper.vm.$v.form.minKeys.aboveMinimum).toBe(false)
+        })
+
+        it('should not be above minimum if not enough', () => {
+          wrapper.vm.$v.form.minKeys.$model = 0
+
+          expect(wrapper.vm.$v.form.minKeys.aboveMinimum).toBe(false)
+        })
+
+        it('should be above minimum if set', () => {
+          wrapper.vm.$v.form.minKeys.$model = 1
+
+          expect(wrapper.vm.$v.form.minKeys.aboveMinimum).toBe(true)
+        })
+
+        it('should not be below maximum if too many', () => {
+          wrapper.vm.$v.form.minKeys.$model = [{
+            address: 'address-2',
+            publicKey: 'public-key-2'
+          }, {
+            address: 'address-3',
+            publicKey: 'public-key-3'
+          }]
+          wrapper.vm.$v.form.minKeys.$model = 3
+
+          expect(wrapper.vm.$v.form.minKeys.belowMaximum).toBe(false)
+        })
+
+        it('should be below maximum if set', () => {
+          wrapper.vm.$v.form.publicKeys.$model = [{
+            address: 'address-2',
+            publicKey: 'public-key-2'
+          }, {
+            address: 'address-3',
+            publicKey: 'public-key-3'
+          }]
+          wrapper.vm.$v.form.minKeys.$model = 2
+
+          expect(wrapper.vm.$v.form.minKeys.belowMaximum).toBe(true)
+        })
+      })
+    })
+  })
+})
diff --git a/__tests__/unit/components/Transaction/TransactionForm/TransactionFormSecondSignature.spec.js b/__tests__/unit/components/Transaction/TransactionForm/TransactionFormSecondSignature.spec.js
new file mode 100644
index 0000000000..6188c171d4
--- /dev/null
+++ b/__tests__/unit/components/Transaction/TransactionForm/TransactionFormSecondSignature.spec.js
@@ -0,0 +1,473 @@
+import { createLocalVue, mount } from '@vue/test-utils'
+import Vuelidate from 'vuelidate'
+import installI18n from '../../../__utils__/i18n'
+import { TransactionFormSecondSignature } from '@/components/Transaction/TransactionForm'
+import CurrencyMixin from '@/mixins/currency'
+import FormatterMixin from '@/mixins/formatter'
+import BigNumber from '@/plugins/bignumber'
+import WalletService from '@/services/wallet'
+
+const localVue = createLocalVue()
+localVue.use(Vuelidate)
+const i18n = installI18n(localVue)
+
+const network = {
+  token: 'ARK',
+  symbol: 'ARK',
+  fractionDigits: 8,
+  version: 23,
+  wif: 170,
+  market: {
+    enabled: false
+  },
+  knownWallets: {}
+}
+
+let wrapper
+const createWrapper = (component, wallet) => {
+  component = component || TransactionFormSecondSignature
+  wallet = wallet || {
+    address: 'address-1',
+    secondPublicKey: false
+  }
+
+  if (!Object.keys(wallet).includes('passphrase')) {
+    wallet.passphrase = null
+  }
+
+  wrapper = mount(component, {
+    i18n,
+    localVue,
+    sync: false,
+    mocks: {
+      $client: {
+        buildSecondSignatureRegistration: jest.fn((transactionData) => transactionData)
+      },
+      $error: jest.fn(),
+      $store: {
+        getters: {
+          'transaction/staticFee': jest.fn(() => null),
+          'session/lastFeeByType': jest.fn(() => (1 * 1e8).toString()),
+          'session/network': network,
+          'network/byToken': jest.fn(() => network)
+        }
+      },
+      $synchronizer: {
+        appendFocus: jest.fn()
+      },
+      session_profile: {
+        bip39Language: 'EN'
+      },
+      session_network: network,
+      currency_format: jest.fn(CurrencyMixin.methods.currency_format),
+      currency_subToUnit: jest.fn(CurrencyMixin.methods.currency_subToUnit),
+      currency_toBuilder: jest.fn(CurrencyMixin.methods.currency_toBuilder),
+      currency_unitToSub: jest.fn(CurrencyMixin.methods.currency_unitToSub),
+      formatter_percentage: jest.fn(FormatterMixin.methods.formatter_percentage),
+      wallet_formatAddress: jest.fn(address => `formatted-${address}`),
+      wallet_fromRoute: wallet
+    },
+    stubs: {
+      Portal: true
+    }
+  })
+}
+
+describe('TransactionFormSecondSignature', () => {
+  beforeEach(() => {
+    createWrapper()
+  })
+
+  it('should have second signature transaction type', () => {
+    expect(wrapper.vm.$options.transactionType).toBe(1)
+  })
+
+  describe('template', () => {
+    it('should render', () => {
+      expect(wrapper.contains('.TransactionFormSecondSignature')).toBe(true)
+    })
+
+    describe('step 1', () => {
+      it('should have step 1', () => {
+        expect(wrapper.vm.isPassphraseStep).toBe(false)
+        expect(wrapper.find('.TransactionFormSecondSignature__step-1').props('isOpen')).toBe(true)
+      })
+
+      it('should have passphrase words', () => {
+        expect(wrapper.vm.isPassphraseStep).toBe(false)
+        expect(wrapper.contains('.TransactionFormSecondSignature__passphrase-words')).toBe(true)
+      })
+
+      it('should have next button', () => {
+        expect(wrapper.vm.isPassphraseStep).toBe(false)
+        expect(wrapper.contains('.TransactionFormSecondSignature__step-1__next')).toBe(true)
+      })
+    })
+
+    describe('passphrase step', () => {
+      beforeEach(() => {
+        wrapper.vm.isPassphraseStep = true
+      })
+
+      it('should hide passphrase words when on passphrase step', () => {
+        expect(wrapper.find('.TransactionFormSecondSignature__step-1').props('isOpen')).toBe(false)
+      })
+
+      it('should have passphrase verification field', () => {
+        expect(wrapper.contains('.TransactionFormSecondSignature__passphrase-verification')).toBe(true)
+      })
+
+      it('should have fee field', () => {
+        expect(wrapper.contains('.TransactionFormSecondSignature__fee')).toBe(true)
+      })
+
+      describe('ledger notice', () => {
+        it('should show if wallet is a ledger', () => {
+          createWrapper(null, {
+            isLedger: true
+          })
+
+          expect(wrapper.contains('.TransactionFormSecondSignature__ledger-notice')).toBe(true)
+        })
+
+        it('should show if wallet is not a ledger', () => {
+          createWrapper(null, {
+            isLedger: false
+          })
+
+          expect(wrapper.contains('.TransactionFormSecondSignature__ledger-notice')).toBe(false)
+        })
+      })
+
+      describe('password field', () => {
+        it('should show if wallet does have a password', () => {
+          createWrapper(null, {
+            passphrase: 'password'
+          })
+
+          expect(wrapper.contains('.TransactionFormSecondSignature__password')).toBe(true)
+        })
+
+        it('should show if wallet does not have a password', () => {
+          expect(wrapper.contains('.TransactionFormSecondSignature__password')).toBe(false)
+        })
+      })
+
+      describe('passphrase field', () => {
+        it('should show if wallet does not have a password', () => {
+          expect(wrapper.contains('.TransactionFormSecondSignature__passphrase')).toBe(true)
+        })
+
+        it('should not show if wallet does have a password', () => {
+          createWrapper(null, {
+            passphrase: 'password'
+          })
+
+          expect(wrapper.contains('.TransactionFormSecondSignature__passphrase')).toBe(false)
+        })
+      })
+
+      it('should have back button', () => {
+        expect(wrapper.contains('.TransactionFormSecondSignature__back')).toBe(true)
+      })
+
+      describe('next button', () => {
+        it('should be enabled if form is valid', async () => {
+          wrapper.vm.$v.form.fee.$model = (0.1 * 1e8).toString()
+          wrapper.vm.$v.form.passphrase.$model = 'passphrase'
+          wrapper.vm.isPassphraseVerified = true
+
+          await wrapper.vm.$nextTick()
+
+          expect(wrapper.find('.TransactionFormSecondSignature__step-2__next').attributes('disabled')).toBeFalsy()
+        })
+
+        it('should be disabled if form is invalid', async () => {
+          wrapper.vm.$v.form.$touch()
+
+          await wrapper.vm.$nextTick()
+
+          expect(wrapper.find('.TransactionFormSecondSignature__step-2__next').attributes('disabled')).toBe('disabled')
+        })
+      })
+    })
+  })
+
+  describe('computed', () => {
+    describe('wordPositions', () => {
+      it('should return required word permissions', () => {
+        expect(wrapper.vm.wordPositions).toEqual([3, 6, 9])
+      })
+    })
+
+    describe('passphraseWords', () => {
+      it('should split passphrase by space', () => {
+        wrapper.vm.secondPassphrase = 'this is a passphrase'
+
+        expect(wrapper.vm.passphraseWords).toEqual([
+          'this',
+          'is',
+          'a',
+          'passphrase'
+        ])
+      })
+
+      it('should split japanese passphrase by japanese space', () => {
+        wrapper.vm.secondPassphrase = 'this\u3000is\u3000a\u3000passphrase'
+
+        expect(wrapper.vm.passphraseWords).toEqual([
+          'this',
+          'is',
+          'a',
+          'passphrase'
+        ])
+      })
+    })
+  })
+
+  describe('watch', () => {
+    describe('isPassphraseStep', () => {
+      it('should focus on passphrase verification if passphrase step', async () => {
+        const spy = jest.spyOn(wrapper.vm.$refs.passphraseVerification, 'focusFirst')
+
+        wrapper.vm.isPassphraseStep = true
+
+        await wrapper.vm.$nextTick()
+
+        expect(spy).toHaveBeenCalled()
+      })
+
+      it('should not focus on passphrase verification if not passphrase step', async () => {
+        wrapper.vm.isPassphraseStep = true
+
+        await wrapper.vm.$nextTick()
+
+        const spy = jest.spyOn(wrapper.vm.$refs.passphraseVerification, 'focusFirst')
+        wrapper.vm.isPassphraseStep = false
+
+        await wrapper.vm.$nextTick()
+
+        expect(spy).not.toHaveBeenCalled()
+      })
+    })
+  })
+
+  describe('created hook', () => {
+    it('should generate second passphrase', () => {
+      WalletService.generateSecondPassphrase.mockClear()
+
+      createWrapper()
+
+      expect(WalletService.generateSecondPassphrase).toHaveBeenNthCalledWith(1, 'EN')
+    })
+  })
+
+  describe('methods', () => {
+    describe('getTransactionData', () => {
+      it('should return correct data with passphrase and second passphrase', () => {
+        createWrapper(null, {
+          address: 'address-1',
+          passphrase: null
+        })
+
+        wrapper.vm.$v.form.fee.$model = 0.1
+        wrapper.vm.$v.form.passphrase.$model = 'passphrase'
+        wrapper.vm.secondPassphrase = 'second passphrase'
+
+        expect(wrapper.vm.getTransactionData()).toEqual({
+          address: 'address-1',
+          passphrase: 'passphrase',
+          secondPassphrase: 'second passphrase',
+          fee: new BigNumber(0.1 * 1e8),
+          wif: undefined,
+          networkWif: 170,
+          multiSignature: undefined
+        })
+      })
+    })
+
+    describe('buildTransaction', () => {
+      it('should build second signature', async () => {
+        const transactionData = {
+          type: 5,
+          typeGroup: 1
+        }
+
+        const response = await wrapper.vm.buildTransaction(transactionData, true, true)
+
+        expect(wrapper.vm.$client.buildSecondSignatureRegistration).toHaveBeenCalledWith(transactionData, true, true)
+        expect(response).toBe(transactionData)
+      })
+
+      it('should build second signature with default arguments', async () => {
+        const transactionData = {
+          type: 7,
+          typeGroup: 1
+        }
+
+        const response = await wrapper.vm.buildTransaction(transactionData)
+
+        expect(wrapper.vm.$client.buildSecondSignatureRegistration).toHaveBeenCalledWith(transactionData, false, false)
+        expect(response).toBe(transactionData)
+      })
+    })
+
+    describe('transactionError', () => {
+      it('should generate transaction error', () => {
+        wrapper.vm.transactionError()
+
+        expect(wrapper.vm.$error).toHaveBeenCalledWith('TRANSACTION.ERROR.VALIDATION.SECOND_SIGNATURE')
+      })
+    })
+
+    describe('postSubmit', () => {
+      it('should call reset method', () => {
+        const spy = jest.spyOn(wrapper.vm, 'reset')
+
+        wrapper.vm.postSubmit()
+
+        expect(spy).toHaveBeenCalledTimes(1)
+      })
+
+      it('should set password verified to true', () => {
+        wrapper.vm.isPassphraseVerified = false
+
+        wrapper.vm.postSubmit()
+
+        expect(wrapper.vm.isPassphraseVerified).toBe(true)
+      })
+    })
+
+    describe('toggleStep', () => {
+      it('should toggle passphrase step', () => {
+        expect(wrapper.vm.isPassphraseStep).toBe(false)
+
+        wrapper.vm.toggleStep()
+
+        expect(wrapper.vm.isPassphraseStep).toBe(true)
+
+        wrapper.vm.toggleStep()
+
+        expect(wrapper.vm.isPassphraseStep).toBe(false)
+      })
+    })
+
+    describe('displayPassphraseWords', () => {
+      it('should toggle generating and show passphrase', (done) => {
+        wrapper.vm.displayPassphraseWords()
+
+        expect(wrapper.vm.isGenerating).toBe(true)
+
+        setTimeout(() => {
+          expect(wrapper.vm.isGenerating).toBe(false)
+          expect(wrapper.vm.showPassphraseWords).toBe(true)
+
+          done()
+        }, 301)
+      })
+    })
+
+    describe('generateNewPassphrase', () => {
+      it('should call reset method', () => {
+        const spy = jest.spyOn(wrapper.vm, 'reset')
+
+        wrapper.vm.generateNewPassphrase()
+
+        expect(spy).toHaveBeenCalledTimes(1)
+      })
+
+      it('should toggle generating and show passphrase', (done) => {
+        WalletService.generateSecondPassphrase.mockClear()
+
+        wrapper.vm.generateNewPassphrase()
+
+        expect(wrapper.vm.isGenerating).toBe(true)
+
+        setTimeout(() => {
+          expect(wrapper.vm.isGenerating).toBe(false)
+          expect(WalletService.generateSecondPassphrase).toHaveBeenNthCalledWith(1, 'EN')
+
+          done()
+        }, 301)
+      })
+    })
+
+    describe('onVerification', () => {
+      it('should set password verified', () => {
+        wrapper.vm.isPassphraseVerified = false
+
+        wrapper.vm.onVerification()
+
+        expect(wrapper.vm.isPassphraseVerified).toBe(true)
+      })
+    })
+
+    describe('reset', () => {
+      it('should reset to delegate detail view', () => {
+        wrapper.vm.isPassphraseStep = true
+
+        expect(wrapper.vm.isPassphraseStep).toBe(true)
+
+        wrapper.vm.reset()
+
+        expect(wrapper.vm.isPassphraseStep).toBe(false)
+      })
+
+      it('should reset passphrase field if not encrypted or ledger', () => {
+        const spy = jest.spyOn(wrapper.vm, '$set')
+        wrapper.vm.$v.form.passphrase.$model = 'passphrase'
+
+        expect(wrapper.vm.$v.form.passphrase.$dirty).toBe(true)
+        expect(wrapper.vm.form.passphrase).toBe('passphrase')
+
+        wrapper.vm.reset()
+
+        expect(wrapper.vm.$v.form.passphrase.$dirty).toBe(false)
+        expect(wrapper.vm.form.passphrase).toBe('')
+        expect(spy).toHaveBeenCalledWith(wrapper.vm.form, 'passphrase', '')
+      })
+
+      it('should reset password field if encrypted and not ledger', () => {
+        createWrapper(null, {
+          passphrase: 'password'
+        })
+
+        const spy = jest.spyOn(wrapper.vm, '$set')
+        wrapper.vm.$v.form.walletPassword.$model = 'password'
+
+        expect(wrapper.vm.$v.form.walletPassword.$dirty).toBe(true)
+        expect(wrapper.vm.form.walletPassword).toBe('password')
+
+        wrapper.vm.reset()
+
+        expect(wrapper.vm.$v.form.walletPassword.$dirty).toBe(false)
+        expect(wrapper.vm.form.walletPassword).toBe('')
+        expect(spy).toHaveBeenCalledWith(wrapper.vm.form, 'walletPassword', '')
+      })
+
+      it('should do nothing if ledger', () => {
+        createWrapper(null, {
+          isLedger: true
+        })
+
+        const spy = jest.spyOn(wrapper.vm, '$set')
+
+        wrapper.vm.reset()
+
+        expect(spy).not.toHaveBeenCalled()
+      })
+
+      it('should do nothing if multi-signature wallet', () => {
+        createWrapper(null, {
+          multiSignature: true
+        })
+
+        const spy = jest.spyOn(wrapper.vm, '$set')
+
+        wrapper.vm.reset()
+
+        expect(spy).not.toHaveBeenCalled()
+      })
+    })
+  })
+})
diff --git a/__tests__/unit/components/Transaction/TransactionForm/TransactionFormTransfer.spec.js b/__tests__/unit/components/Transaction/TransactionForm/TransactionFormTransfer.spec.js
index 3071218ac8..0003cdb9e2 100644
--- a/__tests__/unit/components/Transaction/TransactionForm/TransactionFormTransfer.spec.js
+++ b/__tests__/unit/components/Transaction/TransactionForm/TransactionFormTransfer.spec.js
@@ -1,107 +1,1222 @@
-import merge from 'lodash/merge'
-import Vue from 'vue'
+import { createLocalVue, mount } from '@vue/test-utils'
+import { Identities } from '@arkecosystem/crypto'
 import Vuelidate from 'vuelidate'
-import { shallowMount } from '@vue/test-utils'
-import useI18nGlobally from '../../../__utils__/i18n'
-import TransactionFormTransfer from '@/components/Transaction/TransactionForm/TransactionFormTransfer'
+import cloneDeep from 'lodash/cloneDeep'
+import installI18n from '../../../__utils__/i18n'
+import { VENDOR_FIELD } from '@config'
+import { TransactionFormTransfer } from '@/components/Transaction/TransactionForm'
+import CurrencyMixin from '@/mixins/currency'
 import BigNumber from '@/plugins/bignumber'
 import WalletService from '@/services/wallet'
 
-const i18n = useI18nGlobally()
+const localVue = createLocalVue()
+localVue.use(Vuelidate)
+const i18n = installI18n(localVue)
 
-Vue.use(Vuelidate)
+const globalNetwork = Object.freeze({
+  id: 'network-1',
+  fractionDigits: 8,
+  token: 'ARK',
+  version: 23,
+  wif: 170,
+  market: {
+    enabled: false
+  },
+  nethash: 'nethash-1'
+})
+
+let wrapper
+const createWrapper = (component, wallet, network, props = {}) => {
+  component = component || TransactionFormTransfer
+
+  if (wallet === undefined) {
+    wallet = {
+      id: 'test-wallet'
+    }
+  }
+
+  if (wallet && !Object.prototype.hasOwnProperty.call(wallet, 'passphrase')) {
+    wallet.passphrase = null
+  }
+
+  if (wallet && !Object.prototype.hasOwnProperty.call(wallet, 'address')) {
+    wallet.address = 'address-1'
+  }
+
+  if (wallet && !Object.prototype.hasOwnProperty.call(wallet, 'balance')) {
+    wallet.balance = (1000 * 1e8).toString()
+  }
+
+  const mountNetwork = network || cloneDeep(globalNetwork)
+
+  wrapper = mount(TransactionFormTransfer, {
+    i18n,
+    localVue,
+    sync: false,
+    propsData: props,
+    mocks: {
+      $client: {
+        buildTransfer: jest.fn((transactionData) => transactionData)
+      },
+      $error: jest.fn(),
+      $success: jest.fn(),
+      $store: {
+        getters: {
+          'profile/byId': jest.fn(() => ({
+            id: 'profile-1',
+            name: 'profile-1',
+            networkId: 'network-1'
+          })),
+          'session/currency': 'EUR',
+          get 'ledger/isConnected' () {
+            return true
+          },
+          get 'ledger/wallets' () {
+            return [{
+              address: 'ledger-address-1'
+            }]
+          },
+          'wallet/byProfileId': jest.fn(() => [wallet]),
+          'wallet/contactsByProfileId': jest.fn(() => []),
+          'transaction/staticFee': jest.fn(() => null),
+          get 'session/profileId' () {
+            return 'profile-1'
+          },
+          'session/lastFeeByType': jest.fn(() => (1 * 1e8).toString()),
+          'network/byToken': jest.fn(() => mountNetwork),
+          'network/byId': jest.fn(() => mountNetwork),
+          'profile/byCompatibleAddress': jest.fn(() => []),
+          get 'profile/all' () {
+            return [{
+              id: 'profile-1',
+              name: 'profile-1',
+              networkId: 'network-1'
+            }, {
+              id: 'profile-2',
+              name: 'profile-2',
+              networkId: 'network-1'
+            }]
+          }
+        }
+      },
+      $synchronizer: {
+        appendFocus: jest.fn()
+      },
+      session_network: mountNetwork,
+      currency_simpleFormatCrypto: jest.fn(CurrencyMixin.methods.currency_simpleFormatCrypto),
+      currency_subToUnit: jest.fn(CurrencyMixin.methods.currency_subToUnit),
+      formatter_networkCurrency: jest.fn(),
+      currency_format: jest.fn(CurrencyMixin.methods.currency_format),
+      currency_toBuilder: jest.fn(CurrencyMixin.methods.currency_toBuilder),
+      currency_unitToSub: jest.fn(CurrencyMixin.methods.currency_unitToSub),
+      wallet_formatAddress: jest.fn(address => `formatted-${address}`),
+      wallet_truncate: jest.fn(address => address),
+      wallet_name: jest.fn(address => address),
+      wallet_fromRoute: wallet
+    },
+    stubs: {
+      Portal: true
+    }
+  })
+}
 
 describe('TransactionFormTransfer', () => {
-  const mountComponent = config => {
-    return shallowMount(TransactionFormTransfer, merge({
-      i18n,
-      mocks: {
-        $error: jest.fn(),
-        $store: {
-          getters: {
-            'profile/byId': () => {},
-            'session/currency': 'EUR'
+  beforeEach(() => {
+    createWrapper()
+  })
+
+  it('should not have magistrate transaction group', () => {
+    expect(wrapper.vm.$options.transactionGroup).not.toBe(2)
+  })
+
+  it('should have transfer transaction type', () => {
+    expect(wrapper.vm.$options.transactionType).toBe(0)
+  })
+
+  describe('props', () => {
+    it('should allow schema', () => {
+      wrapper.setProps({
+        schema: {
+          test: true
+        }
+      })
+
+      expect(wrapper.vm.schema).toEqual({ test: true })
+    })
+
+    it('should default schema', () => {
+      expect(wrapper.vm.schema).toEqual(undefined)
+    })
+  })
+
+  describe('data', () => {
+    it('should has properties', () => {
+      expect(Object.prototype.hasOwnProperty.call(wrapper.vm._data, 'form')).toBe(true)
+      expect(Object.prototype.hasOwnProperty.call(wrapper.vm._data.form, 'amount')).toBe(true)
+      expect(Object.prototype.hasOwnProperty.call(wrapper.vm._data.form, 'fee')).toBe(true)
+      expect(Object.prototype.hasOwnProperty.call(wrapper.vm._data.form, 'passphrase')).toBe(true)
+      expect(Object.prototype.hasOwnProperty.call(wrapper.vm._data.form, 'walletPassword')).toBe(true)
+      expect(Object.prototype.hasOwnProperty.call(wrapper.vm._data.form, 'recipientId')).toBe(true)
+      expect(Object.prototype.hasOwnProperty.call(wrapper.vm._data.form, 'vendorField')).toBe(true)
+      expect(Object.prototype.hasOwnProperty.call(wrapper.vm._data, 'isSendAllActive')).toBe(true)
+      expect(Object.prototype.hasOwnProperty.call(wrapper.vm._data, 'previousAmount')).toBe(true)
+      expect(Object.prototype.hasOwnProperty.call(wrapper.vm._data, 'wallet')).toBe(true)
+      expect(Object.prototype.hasOwnProperty.call(wrapper.vm._data, 'showConfirmSendAll')).toBe(true)
+    })
+  })
+
+  describe('template', () => {
+    it('should render', () => {
+      expect(wrapper.contains('.TransactionFormTransfer')).toBe(true)
+    })
+
+    it('should have recipient field', () => {
+      expect(wrapper.contains('.TransactionFormTransfer__recipient')).toBe(true)
+    })
+
+    it('should have amount field', () => {
+      expect(wrapper.contains('.TransactionFormTransfer__amount')).toBe(true)
+    })
+
+    it('should have send all switch', () => {
+      expect(wrapper.contains('.TransactionFormTransfer__send-all')).toBe(true)
+    })
+
+    it('should have vendorfield', () => {
+      expect(wrapper.contains('.TransactionFormTransfer__vendorfield')).toBe(true)
+    })
+
+    it('should have fee field', () => {
+      expect(wrapper.contains('.TransactionFormTransfer__fee')).toBe(true)
+    })
+
+    describe('wallet selection', () => {
+      it('should show if schema prop is provided with address', async () => {
+        wrapper.setProps({
+          schema: {
+            address: 'address-1'
           }
-        },
-        $success: jest.fn(),
-        currency_simpleFormatCrypto: amount => amount,
-        currency_subToUnit: amount => new BigNumber(amount),
-        formatter_networkCurrency: jest.fn(),
-        session_network: {
-          token: 'NET',
-          version: 11
-        },
-        wallet_formatAddress: address => address,
-        wallet_truncate: address => address
-      }
-    }, config))
-  }
+        })
+
+        await wrapper.vm.$nextTick()
+
+        expect(wrapper.contains('.TransactionFormTransfer__wallet')).toBe(true)
+      })
+
+      it('should not show if no schema prop is provided', () => {
+        createWrapper(null, {
+          isLedger: false
+        })
+
+        expect(wrapper.contains('.TransactionFormTransfer__wallet')).toBe(false)
+      })
+    })
+
+    describe('ledger notice', () => {
+      it('should show if wallet is a ledger', () => {
+        createWrapper(null, {
+          isLedger: true
+        })
+
+        expect(wrapper.contains('.TransactionFormTransfer__ledger-notice')).toBe(true)
+      })
+
+      it('should show if wallet is not a ledger', () => {
+        createWrapper(null, {
+          isLedger: false
+        })
+
+        expect(wrapper.contains('.TransactionFormTransfer__ledger-notice')).toBe(false)
+      })
+    })
+
+    describe('password field', () => {
+      it('should show if wallet does have a password', () => {
+        createWrapper(null, {
+          passphrase: 'password'
+        })
+
+        expect(wrapper.contains('.TransactionFormTransfer__password')).toBe(true)
+      })
+
+      it('should show if wallet does not have a password', () => {
+        expect(wrapper.contains('.TransactionFormTransfer__password')).toBe(false)
+      })
+    })
+
+    describe('passphrase field', () => {
+      it('should show if wallet does not have a password', () => {
+        expect(wrapper.contains('.TransactionFormTransfer__passphrase')).toBe(true)
+      })
 
-  it('should be instantiated', () => {
-    const wrapper = mountComponent()
-    expect(wrapper.isVueInstance()).toBeTrue()
+      it('should not show if wallet does have a password', () => {
+        createWrapper(null, {
+          passphrase: 'password'
+        })
+
+        expect(wrapper.contains('.TransactionFormTransfer__passphrase')).toBe(false)
+      })
+    })
+
+    describe('next button', () => {
+      it('should be enabled if form is valid', async () => {
+        wrapper.vm.$v.form.fee.$model = 0.1
+        wrapper.vm.$v.form.amount.$model = 1
+        wrapper.vm.$v.form.recipientId.$model = 'address-2'
+        wrapper.vm.$v.form.vendorField.$model = 'vendorfield test'
+        wrapper.vm.$v.form.passphrase.$model = 'passphrase'
+
+        await wrapper.vm.$nextTick()
+
+        expect(wrapper.find('.TransactionFormTransfer__next').attributes('disabled')).toBeFalsy()
+      })
+
+      it('should be disabled if form is invalid', async () => {
+        wrapper.vm.$v.form.$touch()
+
+        await wrapper.vm.$nextTick()
+
+        expect(wrapper.find('.TransactionFormTransfer__next').attributes('disabled')).toBe('disabled')
+      })
+    })
   })
 
-  describe('loadTransaction', () => {
-    describe('when a valid JSON file is opened', () => {
-      it('should display an error alert if the transaction has the wrong type', async () => {
-        const wrapper = mountComponent({
-          mocks: {
-            electron_readFile: jest.fn(async () => {
-              return '{ "type": "1" }'
-            })
+  describe('computed', () => {
+    describe('alternativeCurrency', () => {
+      it('should return correct data', () => {
+        expect(wrapper.vm.alternativeCurrency).toEqual('EUR')
+      })
+
+      it('should update data', () => {
+        wrapper.vm.$store.getters['session/currency'] = 'GBP'
+
+        expect(wrapper.vm.alternativeCurrency).toEqual('GBP')
+      })
+    })
+
+    describe('amountTooLowError', () => {
+      it('should return formatted value', () => {
+        const $tSpy = jest.fn(translation => translation)
+        const simpleFormatCryptoSpy = jest.fn(CurrencyMixin.methods.currency_simpleFormatCrypto)
+        const response = TransactionFormTransfer.computed.amountTooLowError.call({
+          walletNetwork: globalNetwork,
+          $t: $tSpy,
+          currency_simpleFormatCrypto: simpleFormatCryptoSpy,
+          session_network: globalNetwork
+        })
+
+        expect($tSpy).toHaveBeenCalledWith('INPUT_CURRENCY.ERROR.LESS_THAN_MINIMUM', {
+          amount: '0.00000001 ARK'
+        })
+        expect(response).toBe('INPUT_CURRENCY.ERROR.LESS_THAN_MINIMUM')
+        expect(simpleFormatCryptoSpy).toHaveBeenCalledWith('0.00000001')
+      })
+
+      it('should return formatted value with different fraction digits', () => {
+        const $tSpy = jest.fn(translation => translation)
+        const simpleFormatCryptoSpy = jest.fn(CurrencyMixin.methods.currency_simpleFormatCrypto)
+        const response = TransactionFormTransfer.computed.amountTooLowError.call({
+          walletNetwork: {
+            ...globalNetwork,
+            fractionDigits: 2
+          },
+          $t: $tSpy,
+          currency_simpleFormatCrypto: simpleFormatCryptoSpy,
+          session_network: globalNetwork
+        })
+
+        expect($tSpy).toHaveBeenCalledWith('INPUT_CURRENCY.ERROR.LESS_THAN_MINIMUM', {
+          amount: '0.01 ARK'
+        })
+        expect(response).toBe('INPUT_CURRENCY.ERROR.LESS_THAN_MINIMUM')
+        expect(simpleFormatCryptoSpy).toHaveBeenCalledWith('0.01')
+      })
+    })
+
+    describe('notEnoughBalanceError', () => {
+      it('should return empty if no wallet', () => {
+        createWrapper(null, null)
+
+        expect(wrapper.vm.notEnoughBalanceError).toBe('')
+      })
+
+      it('should return a formatted value', () => {
+        const $tSpy = jest.fn(translation => translation)
+        const formatterNetworkCurrencySpy = jest.fn(value => value)
+        const response = TransactionFormTransfer.computed.notEnoughBalanceError.call({
+          currentWallet: {
+            balance: (10 * 1e8).toString()
+          },
+          $t: $tSpy,
+          formatter_networkCurrency: formatterNetworkCurrencySpy,
+          session_network: globalNetwork
+        })
+
+        expect(response).toBe('TRANSACTION_FORM.ERROR.NOT_ENOUGH_BALANCE')
+        expect($tSpy).toHaveBeenCalledWith('TRANSACTION_FORM.ERROR.NOT_ENOUGH_BALANCE', {
+          balance: '1000000000'
+        })
+        expect(formatterNetworkCurrencySpy).toHaveBeenCalledWith('1000000000')
+      })
+    })
+
+    describe('minimumAmount', () => {
+      it('should return the correct value', () => {
+        expect(wrapper.vm.minimumAmount + '').toBe('0.00000001')
+      })
+    })
+
+    describe('maximumAvailableAmount', () => {
+      it('should return zero if no wallet', () => {
+        createWrapper(null, null)
+
+        expect(wrapper.vm.maximumAvailableAmount).toEqual(new BigNumber('0'))
+      })
+
+      it('should return value', () => {
+        expect(wrapper.vm.maximumAvailableAmount).toEqual((new BigNumber(1000)).minus(0.1))
+      })
+
+      it('should return value based on different fee', () => {
+        wrapper.vm.form.fee = 10
+
+        expect(wrapper.vm.maximumAvailableAmount).toEqual((new BigNumber(1000)).minus(10))
+      })
+    })
+
+    describe('canSendAll', () => {
+      it('should return true if amount is greater than 0', () => {
+        expect(wrapper.vm.currentWallet.balance).toBe((1000 * 1e8).toString())
+        expect(wrapper.vm.form.fee).toBe('0.1')
+        expect(wrapper.vm.canSendAll).toBe(true)
+      })
+
+      it('should return false if maximumAvailableAmount is 0', () => {
+        createWrapper(null, {
+          balance: (0.1 * 1e8).toString()
+        })
+
+        expect(wrapper.vm.currentWallet.balance).toBe((0.1 * 1e8).toString())
+        expect(wrapper.vm.form.fee).toBe('0.1')
+        expect(wrapper.vm.canSendAll).toBe(false)
+      })
+    })
+
+    describe('senderLabel', () => {
+      it('should return formatted address if currentWallet', () => {
+        expect(wrapper.vm.senderLabel).toEqual('formatted-address-1')
+      })
+
+      it('should return null if no current wallet', async () => {
+        createWrapper(null, null)
+
+        expect(wrapper.vm.senderLabel).toEqual(null)
+      })
+    })
+
+    describe('senderWallet', () => {
+      it('should return wallet if set', () => {
+        wrapper.vm.wallet = {
+          address: 'address-1'
+        }
+
+        expect(wrapper.vm.senderWallet).toEqual({
+          address: 'address-1'
+        })
+      })
+    })
+
+    describe('walletNetwork', () => {
+      it('should return current network if no wallet selected', () => {
+        const profileByIdSpy = jest.fn()
+        const networkByIdSpy = jest.fn()
+        const response = TransactionFormTransfer.computed.walletNetwork.call({
+          $store: {
+            getters: {
+              'network/byId': networkByIdSpy,
+              'profile/byId': profileByIdSpy
+            }
+          },
+          session_network: globalNetwork,
+          currentWallet: null
+        })
+
+        expect(response).toBe(globalNetwork)
+        expect(profileByIdSpy).not.toHaveBeenCalled()
+        expect(networkByIdSpy).not.toHaveBeenCalled()
+      })
+
+      it('should return current network if wallet does not have id', () => {
+        const profileByIdSpy = jest.fn()
+        const networkByIdSpy = jest.fn()
+        const response = TransactionFormTransfer.computed.walletNetwork.call({
+          $store: {
+            getters: {
+              'network/byId': networkByIdSpy,
+              'profile/byId': profileByIdSpy
+            }
+          },
+          session_network: globalNetwork,
+          currentWallet: {}
+        })
+
+        expect(response).toBe(globalNetwork)
+        expect(profileByIdSpy).not.toHaveBeenCalled()
+        expect(networkByIdSpy).not.toHaveBeenCalled()
+      })
+
+      it('should return current network if no profile selected', () => {
+        const profileByIdSpy = jest.fn()
+        const networkByIdSpy = jest.fn()
+        const response = TransactionFormTransfer.computed.walletNetwork.call({
+          $store: {
+            getters: {
+              'network/byId': networkByIdSpy,
+              'profile/byId': profileByIdSpy
+            }
+          },
+          session_network: globalNetwork,
+          currentWallet: {
+            id: 'test',
+            profileId: 'profile-id'
+          }
+        })
+
+        expect(response).toBe(globalNetwork)
+        expect(profileByIdSpy).toHaveBeenCalledWith('profile-id')
+        expect(networkByIdSpy).not.toHaveBeenCalled()
+      })
+
+      it('should return current network if no network for profile selected', () => {
+        const profileByIdSpy = jest.fn(() => ({
+          id: 'profile-id',
+          networkId: 'network-id'
+        }))
+        const networkByIdSpy = jest.fn()
+        const response = TransactionFormTransfer.computed.walletNetwork.call({
+          $store: {
+            getters: {
+              'network/byId': networkByIdSpy,
+              'profile/byId': profileByIdSpy
+            }
+          },
+          session_network: globalNetwork,
+          currentWallet: {
+            id: 'test',
+            profileId: 'profile-id'
           }
         })
 
-        await wrapper.vm.loadTransaction()
+        expect(response).toBe(globalNetwork)
+        expect(profileByIdSpy).toHaveBeenCalledWith('profile-id')
+        expect(networkByIdSpy).toHaveBeenCalledWith('network-id')
+      })
+
+      it('should return profile network if no network for profile selected', () => {
+        const profileNetwork = {
+          fractionDigits: 2,
+          token: 'DARK',
+          version: 30,
+          wif: 170,
+          market: {
+            enabled: false
+          }
+        }
+        const profileByIdSpy = jest.fn(() => ({
+          id: 'profile-id',
+          networkId: 'network-id'
+        }))
+        const networkByIdSpy = jest.fn(() => profileNetwork)
+        const response = TransactionFormTransfer.computed.walletNetwork.call({
+          $store: {
+            getters: {
+              'network/byId': networkByIdSpy,
+              'profile/byId': profileByIdSpy
+            }
+          },
+          session_network: globalNetwork,
+          currentWallet: {
+            id: 'test',
+            profileId: 'profile-id'
+          }
+        })
+
+        expect(response).toBe(profileNetwork)
+        expect(profileByIdSpy).toHaveBeenCalledWith('profile-id')
+        expect(networkByIdSpy).toHaveBeenCalledWith('network-id')
+      })
+    })
+
+    describe('currentWallet', () => {
+      it('should get sender wallet', () => {
+        wrapper.vm.wallet = {
+          id: 'test',
+          balance: 0,
+          address: 'address-3'
+        }
+
+        expect(wrapper.vm.currentWallet).toBe(wrapper.vm.wallet)
+      })
+
+      it('should get wallet from route', () => {
+        const newWallet = {
+          id: 'test',
+          balance: 20,
+          address: 'address-2'
+        }
+        createWrapper(null, newWallet)
 
-        expect(wrapper.vm.$error).toHaveBeenCalled()
+        wrapper.vm.wallet = null
+
+        expect(wrapper.vm.senderWallet).toBe(null)
+        expect(wrapper.vm.currentWallet).toBe(newWallet)
+      })
+
+      it('should set wallet', () => {
+        const newWallet = {
+          id: 'test',
+          balance: 20,
+          address: 'address-2'
+        }
+
+        wrapper.vm.wallet = null
+        wrapper.vm.currentWallet = newWallet
+
+        expect(wrapper.vm.wallet).toBe(newWallet)
+      })
+    })
+
+    describe('vendorFieldLabel', () => {
+      it('should return value', () => {
+        expect(wrapper.vm.vendorFieldLabel).toBe('TRANSACTION.VENDOR_FIELD - VALIDATION.MAX_LENGTH')
+      })
+    })
+
+    describe('vendorFieldHelperText', () => {
+      describe('default max length', () => {
+        let $tSpy
+        beforeEach(() => {
+          $tSpy = jest.spyOn(wrapper.vm, '$t')
+        })
+
+        afterEach(() => {
+          $tSpy.mockRestore()
+        })
+
+        it('should return null if vendorfield is empty', () => {
+          wrapper.vm.form.vendorField = ''
+
+          expect(wrapper.vm.vendorFieldHelperText).toBe(null)
+          expect($tSpy).not.toHaveBeenCalledWith('VALIDATION.VENDOR_FIELD.LIMIT_REACHED', [VENDOR_FIELD.defaultMaxLength])
+        })
+
+        it('should return length warning if equal to max', () => {
+          wrapper.vm.form.vendorField = ''.padStart(VENDOR_FIELD.defaultMaxLength, '-')
+
+          expect(wrapper.vm.vendorFieldHelperText).toBe('VALIDATION.VENDOR_FIELD.LIMIT_REACHED')
+          expect($tSpy).toHaveBeenCalledWith('VALIDATION.VENDOR_FIELD.LIMIT_REACHED', [VENDOR_FIELD.defaultMaxLength])
+        })
+
+        it('should return length warning if less than max', () => {
+          wrapper.vm.form.vendorField = ''.padStart(VENDOR_FIELD.defaultMaxLength - 10, '-')
+
+          expect(wrapper.vm.vendorFieldHelperText).toBe('VALIDATION.VENDOR_FIELD.LIMIT_REMAINING')
+          expect($tSpy).toHaveBeenCalledWith('VALIDATION.VENDOR_FIELD.LIMIT_REMAINING', [
+            10,
+            VENDOR_FIELD.defaultMaxLength
+          ])
+        })
       })
 
-      it('should display an error alert if the recipient is on a different network', async () => {
-        WalletService.validateAddress = jest.fn(() => false)
+      describe('network max length', () => {
+        let $tSpy
 
-        const wrapper = mountComponent({
-          mocks: {
-            electron_readFile: jest.fn(async () => {
-              return '{ "recipientId": "AJAAfMJj1w6U5A3t6BGA7NYZsaVve6isMm" }'
-            })
+        beforeEach(() => {
+          const network = {
+            ...cloneDeep(globalNetwork),
+            vendorField: {
+              maxLength: 20
+            }
           }
+          createWrapper(null, undefined, network)
+          $tSpy = jest.spyOn(wrapper.vm, '$t')
         })
 
-        await wrapper.vm.loadTransaction()
+        afterEach(() => {
+          $tSpy.mockRestore()
+        })
+
+        it('should return null if vendorfield is empty', () => {
+          wrapper.vm.form.vendorField = ''
+
+          expect(wrapper.vm.vendorFieldHelperText).toBe(null)
+          expect($tSpy).not.toHaveBeenCalledWith('VALIDATION.VENDOR_FIELD.LIMIT_REACHED', [20])
+        })
+
+        it('should return length warning if equal to max', () => {
+          wrapper.vm.form.vendorField = ''.padStart(20, '-')
+
+          expect(wrapper.vm.walletNetwork.vendorField.maxLength).toBe(20)
+          expect(wrapper.vm.vendorFieldHelperText).toBe('VALIDATION.VENDOR_FIELD.LIMIT_REACHED')
+          expect($tSpy).toHaveBeenCalledWith('VALIDATION.VENDOR_FIELD.LIMIT_REACHED', [20])
+        })
+
+        it('should return length warning if less than max', () => {
+          wrapper.vm.form.vendorField = ''.padStart(20 - 5, '-')
 
-        expect(wrapper.vm.$error).toHaveBeenCalled()
+          expect(wrapper.vm.vendorFieldHelperText).toBe('VALIDATION.VENDOR_FIELD.LIMIT_REMAINING')
+          expect($tSpy).toHaveBeenCalledWith('VALIDATION.VENDOR_FIELD.LIMIT_REMAINING', [
+            5,
+            20
+          ])
+        })
       })
+    })
 
-      it('should display a success alert', async () => {
-        const wrapper = mountComponent({
-          mocks: {
-            electron_readFile: jest.fn(async () => {
-              return '{ "type": "0" }'
-            })
+    describe('vendorFieldMaxLength', () => {
+      it('should return network max length', () => {
+        createWrapper(null, undefined, {
+          ...cloneDeep(globalNetwork),
+          vendorField: {
+            maxLength: 20
           }
         })
 
-        await wrapper.vm.loadTransaction()
+        expect(wrapper.vm.vendorFieldMaxLength).toBe(20)
+      })
+
+      it('should return default max length if network does not have vendorField max', () => {
+        expect(wrapper.vm.vendorFieldMaxLength).toBe(VENDOR_FIELD.defaultMaxLength)
+      })
+    })
+  })
+
+  describe('watch', () => {
+    it('should ensure available amount', async () => {
+      const spy = jest.spyOn(wrapper.vm, 'ensureAvailableAmount')
+
+      wrapper.vm.wallet = {
+        balance: 0,
+        address: 'address-4',
+        passphrase: null
+      }
+
+      await wrapper.vm.$nextTick()
+
+      expect(spy).toHaveBeenCalledTimes(1)
+    })
+
+    it('should check trigger recipient validation', async () => {
+      const spy = jest.spyOn(wrapper.vm.$v.form.recipientId, '$touch', 'get')
+
+      wrapper.vm.wallet = {
+        balance: 0,
+        address: 'address-4',
+        passphrase: null
+      }
+
+      await wrapper.vm.$nextTick()
+
+      expect(spy).toHaveBeenCalledTimes(1)
+    })
+  })
+
+  describe('mounted hook', () => {
+    it('should set wallet object', () => {
+      expect(wrapper.vm.currentWallet).toBe(wrapper.vm.currentWallet)
+      expect(wrapper.vm.wallet).toBe(wrapper.vm.currentWallet)
+    })
+  })
+
+  describe('methods', () => {
+    describe('getTransactionData', () => {
+      it('should return correct data with passphrase', () => {
+        wrapper.vm.$v.form.fee.$model = 0.1
+        wrapper.vm.$v.form.amount.$model = 1
+        wrapper.vm.$v.form.recipientId.$model = 'address-2'
+        wrapper.vm.$v.form.vendorField.$model = 'vendorfield test'
+        wrapper.vm.$v.form.passphrase.$model = 'passphrase'
+
+        expect(wrapper.vm.getTransactionData()).toEqual({
+          address: 'address-1',
+          passphrase: 'passphrase',
+          recipientId: 'address-2',
+          fee: new BigNumber(0.1 * 1e8),
+          amount: new BigNumber(1 * 1e8),
+          vendorField: 'vendorfield test',
+          wif: undefined,
+          networkWif: 170,
+          networkId: 'network-1',
+          multiSignature: undefined
+        })
+      })
+
+      it('should return correct data with passphrase and second passphrase', () => {
+        createWrapper(null, {
+          address: 'address-1',
+          passphrase: null,
+          secondPublicKey: Identities.PublicKey.fromPassphrase('second passphrase')
+        })
+
+        wrapper.vm.$v.form.fee.$model = 0.1
+        wrapper.vm.$v.form.amount.$model = 1
+        wrapper.vm.$v.form.recipientId.$model = 'address-2'
+        wrapper.vm.$v.form.vendorField.$model = 'vendorfield test'
+        wrapper.vm.$v.form.passphrase.$model = 'passphrase'
+        wrapper.vm.$v.form.secondPassphrase.$model = 'second passphrase'
+
+        expect(wrapper.vm.getTransactionData()).toEqual({
+          address: 'address-1',
+          passphrase: 'passphrase',
+          recipientId: 'address-2',
+          secondPassphrase: 'second passphrase',
+          fee: new BigNumber(0.1 * 1e8),
+          amount: new BigNumber(1 * 1e8),
+          vendorField: 'vendorfield test',
+          wif: undefined,
+          networkWif: 170,
+          networkId: 'network-1',
+          multiSignature: undefined
+        })
+      })
+    })
+
+    describe('buildTransaction', () => {
+      it('should build transfer', async () => {
+        const transactionData = {
+          type: 0,
+          typeGroup: 2
+        }
+
+        const response = await wrapper.vm.buildTransaction(transactionData, true, true)
+
+        expect(wrapper.vm.$client.buildTransfer).toHaveBeenCalledWith(transactionData, true, true)
+        expect(response).toBe(transactionData)
+      })
+
+      it('should build transfer with default arguments', async () => {
+        const transactionData = {
+          type: 0,
+          typeGroup: 2
+        }
 
-        expect(wrapper.vm.$success).toHaveBeenCalled()
+        const response = await wrapper.vm.buildTransaction(transactionData)
+
+        expect(wrapper.vm.$client.buildTransfer).toHaveBeenCalledWith(transactionData, false, false)
+        expect(response).toBe(transactionData)
       })
     })
 
-    describe('when an invalid JSON file is opened', () => {
-      it('should display an error alert', async () => {
-        const wrapper = mountComponent({
-          mocks: {
-            electron_readFile: jest.fn(async () => {
-              return 'invalid json'
-            })
+    describe('populateSchema', () => {
+      it('should do nothing if no schema data', () => {
+        const spy = jest.spyOn(wrapper.vm, '$set')
+
+        wrapper.setProps({
+          schema: null
+        })
+
+        expect(spy).not.toHaveBeenCalled()
+      })
+
+      it('should load in schema form data', () => {
+        wrapper.setProps({
+          schema: {
+            amount: (10 * 1e8).toString(),
+            address: 'address-5',
+            vendorField: 'test vendorfield'
+          }
+        })
+
+        wrapper.vm.populateSchema()
+
+        expect(wrapper.vm.form.amount).toBe((10 * 1e8).toString())
+        expect(wrapper.vm.form.recipientId).toBe('address-5')
+        expect(wrapper.vm.form.vendorField).toBe('test vendorfield')
+      })
+
+      it('should load in schema wallet data', () => {
+        const sessionProfileIdSpy = jest.spyOn(wrapper.vm.$store.getters, 'session/profileId', 'get')
+        const ledgerConnectedSpy = jest.spyOn(wrapper.vm.$store.getters, 'ledger/isConnected', 'get')
+        const ledgerWalletsSpy = jest.spyOn(wrapper.vm.$store.getters, 'ledger/wallets', 'get')
+        const profileAllSpy = jest.spyOn(wrapper.vm.$store.getters, 'profile/all', 'get')
+
+        wrapper.setProps({
+          schema: {
+            wallet: 'address-1'
+          }
+        })
+
+        wrapper.vm.$store.getters['profile/byId'].mockClear()
+        wrapper.vm.$store.getters['network/byId'].mockClear()
+
+        wrapper.vm.populateSchema()
+
+        expect(sessionProfileIdSpy).toHaveBeenCalled()
+        expect(ledgerConnectedSpy).toHaveBeenCalled()
+        expect(ledgerWalletsSpy).toHaveBeenCalled()
+        expect(profileAllSpy).toHaveBeenCalled()
+        expect(wrapper.vm.$store.getters['wallet/byProfileId']).toHaveBeenCalledWith('profile-1')
+        expect(wrapper.vm.$store.getters['wallet/byProfileId']).toHaveBeenCalledWith('profile-2')
+        expect(wrapper.vm.$store.getters['profile/byId']).not.toHaveBeenCalled()
+        expect(wrapper.vm.$store.getters['network/byId']).not.toHaveBeenCalled()
+        expect(wrapper.vm.currentWallet).toBe(wrapper.vm.wallet_fromRoute)
+      })
+
+      it('should load data for network with nethash', () => {
+        const sessionProfileIdSpy = jest.spyOn(wrapper.vm.$store.getters, 'session/profileId', 'get')
+        const ledgerConnectedSpy = jest.spyOn(wrapper.vm.$store.getters, 'ledger/isConnected', 'get')
+        const ledgerWalletsSpy = jest.spyOn(wrapper.vm.$store.getters, 'ledger/wallets', 'get')
+        const profileAllSpy = jest.spyOn(wrapper.vm.$store.getters, 'profile/all', 'get')
+
+        wrapper.setProps({
+          schema: {
+            wallet: 'address-1',
+            nethash: 'nethash-1'
           }
         })
 
-        await wrapper.vm.loadTransaction()
+        wrapper.vm.$store.getters['profile/byId'].mockClear()
+        wrapper.vm.$store.getters['network/byId'].mockClear()
+
+        wrapper.vm.populateSchema()
+
+        expect(sessionProfileIdSpy).toHaveBeenCalled()
+        expect(ledgerConnectedSpy).toHaveBeenCalled()
+        expect(ledgerWalletsSpy).toHaveBeenCalled()
+        expect(profileAllSpy).toHaveBeenCalled()
+        expect(wrapper.vm.$store.getters['wallet/byProfileId']).toHaveBeenCalledWith('profile-1')
+        expect(wrapper.vm.$store.getters['wallet/byProfileId']).toHaveBeenCalledWith('profile-2')
+        expect(wrapper.vm.$store.getters['profile/byId']).toHaveBeenCalledWith('profile-1')
+        expect(wrapper.vm.$store.getters['network/byId']).toHaveBeenCalledWith('network-1')
+        expect(wrapper.vm.currentWallet).toBe(wrapper.vm.wallet_fromRoute)
+      })
+
+      it('should check other profiles if no current profile', () => {
+        const sessionProfileIdSpy = jest.spyOn(wrapper.vm.$store.getters, 'session/profileId', 'get').mockReturnValue(null)
+        const ledgerConnectedSpy = jest.spyOn(wrapper.vm.$store.getters, 'ledger/isConnected', 'get')
+        const ledgerWalletsSpy = jest.spyOn(wrapper.vm.$store.getters, 'ledger/wallets', 'get')
+        const profileAllSpy = jest.spyOn(wrapper.vm.$store.getters, 'profile/all', 'get')
+
+        wrapper.setProps({
+          schema: {
+            wallet: 'address-1',
+            nethash: 'nethash-1'
+          }
+        })
+
+        wrapper.vm.$store.getters['profile/byId'].mockClear()
+        wrapper.vm.$store.getters['network/byId'].mockClear()
+
+        wrapper.vm.populateSchema()
+
+        expect(sessionProfileIdSpy).toHaveBeenCalled()
+        expect(ledgerConnectedSpy).toHaveBeenCalled()
+        expect(ledgerWalletsSpy).toHaveBeenCalled()
+        expect(profileAllSpy).toHaveBeenCalled()
+        expect(wrapper.vm.$store.getters['wallet/byProfileId']).toHaveBeenCalledWith('profile-1')
+        expect(wrapper.vm.$store.getters['wallet/byProfileId']).toHaveBeenCalledWith('profile-2')
+        expect(wrapper.vm.$store.getters['profile/byId']).not.toHaveBeenCalled()
+        expect(wrapper.vm.$store.getters['network/byId']).toHaveBeenCalledWith('network-1')
+        expect(wrapper.vm.currentWallet).toBe(wrapper.vm.wallet_fromRoute)
+      })
+
+      it('should error when no network', () => {
+        const $tSpy = jest.spyOn(wrapper.vm, '$t')
+
+        wrapper.setProps({
+          schema: {
+            wallet: 'address-1',
+            nethash: 'wrong nethash'
+          }
+        })
+
+        wrapper.vm.populateSchema()
+
+        expect($tSpy).toHaveBeenCalledWith('TRANSACTION.ERROR.NETWORK_NOT_CONFIGURED')
+        expect(wrapper.vm.$error).toHaveBeenCalledWith('TRANSACTION.ERROR.NETWORK_NOT_CONFIGURED: wrong nethash')
+
+        $tSpy.mockRestore()
+      })
+
+      it('should error when no wallets', () => {
+        const $tSpy = jest.spyOn(wrapper.vm, '$t')
+
+        wrapper.setProps({
+          schema: {
+            wallet: 'wrong address'
+          }
+        })
+
+        wrapper.vm.populateSchema()
+
+        expect($tSpy).toHaveBeenCalledWith('TRANSACTION.ERROR.WALLET_NOT_IMPORTED')
+        expect(wrapper.vm.$error).toHaveBeenCalledWith('TRANSACTION.ERROR.WALLET_NOT_IMPORTED: wrong address')
+
+        $tSpy.mockRestore()
+      })
+    })
+
+    describe('transactionError', () => {
+      it('should generate transaction error', () => {
+        wrapper.vm.transactionError()
+
+        expect(wrapper.vm.$error).toHaveBeenCalledWith('TRANSACTION.ERROR.VALIDATION.TRANSFER')
+      })
+    })
+
+    describe('emitNext', () => {
+      it('should emit', () => {
+        wrapper.vm.emitNext({
+          recipientId: 'address-2'
+        })
+
+        expect(wrapper.emitted('next')).toEqual([
+          [{
+            transaction: {
+              recipientId: 'address-2'
+            },
+            wallet: wrapper.vm.senderWallet
+          }]
+        ])
+      })
+
+      it('should emit with current wallet', () => {
+        wrapper.vm.wallet = {
+          address: 'address-1'
+        }
+
+        wrapper.vm.emitNext({
+          recipientId: 'address-2'
+        })
+
+        expect(wrapper.emitted('next')).toEqual([
+          [{
+            transaction: {
+              recipientId: 'address-2'
+            },
+            wallet: {
+              address: 'address-1'
+            }
+          }]
+        ])
+      })
+    })
+
+    describe('onFee', () => {
+      it('should set fee in form', () => {
+        wrapper.vm.onFee(20)
+
+        expect(wrapper.vm.form.fee).toEqual(20)
+      })
+
+      it('should ensure amount is available', () => {
+        const spy = jest.spyOn(wrapper.vm, 'ensureAvailableAmount').mockImplementation()
+
+        wrapper.vm.onFee(20)
+
+        expect(spy).toHaveBeenCalledTimes(1)
+      })
+    })
+
+    describe('setSendAll', () => {
+      it('should trigger send all', () => {
+        const spy = jest.spyOn(wrapper.vm, 'confirmSendAll').mockImplementation()
+
+        wrapper.vm.form.amount = 50
+        wrapper.vm.setSendAll(true)
+
+        expect(spy).toHaveBeenCalledTimes(1)
+        expect(wrapper.vm.previousAmount).toEqual(50)
+      })
+
+      it('should trigger when disabled', () => {
+        const spy = jest.spyOn(wrapper.vm, 'ensureAvailableAmount').mockImplementation()
+        const spySet = jest.spyOn(wrapper.vm, '$set')
+
+        wrapper.vm.form.amount = 10
+        wrapper.vm.previousAmount = 50
+        wrapper.vm.setSendAll(false)
+
+        expect(spy).toHaveBeenCalledTimes(1)
+        expect(spySet).toHaveBeenNthCalledWith(1, wrapper.vm.form, 'amount', 50)
+        expect(wrapper.vm.form.amount).toEqual(50)
+        expect(wrapper.vm.previousAmount).toEqual('')
+        expect(wrapper.vm.isSendAllActive).toEqual(false)
+      })
+
+      it('should not update amount when disabled', () => {
+        const spy = jest.spyOn(wrapper.vm, 'ensureAvailableAmount').mockImplementation()
+        const spySet = jest.spyOn(wrapper.vm, '$set')
+
+        wrapper.vm.form.amount = 10
+        wrapper.vm.previousAmount = 50
+        wrapper.vm.setSendAll(false, false)
+
+        expect(spy).toHaveBeenCalled()
+        expect(spySet).not.toHaveBeenCalled()
+        expect(wrapper.vm.form.amount).toEqual(10)
+        expect(wrapper.vm.previousAmount).toEqual('')
+        expect(wrapper.vm.isSendAllActive).toEqual(false)
+      })
+    })
+
+    describe('ensureAvailableAmount', () => {
+      it('should set amount to max if send all is enabled', async () => {
+        const spySet = jest.spyOn(wrapper.vm, '$set')
+
+        wrapper.vm.form.amount = 0
+        wrapper.vm.isSendAllActive = true
+
+        await wrapper.vm.$nextTick()
+
+        wrapper.vm.ensureAvailableAmount()
+
+        expect(wrapper.vm.isSendAllActive).toBe(true)
+        expect(wrapper.vm.canSendAll).toBe(true)
+        expect(spySet).toHaveBeenNthCalledWith(1, wrapper.vm.form, 'amount', new BigNumber('999.9'))
+        expect(wrapper.vm.form.amount).toEqual(new BigNumber('999.9'))
+      })
+
+      it('should not set amount to max if send all is disabled', async () => {
+        const spySet = jest.spyOn(wrapper.vm, '$set')
+
+        wrapper.vm.form.amount = 10
+
+        await wrapper.vm.$nextTick()
+
+        wrapper.vm.ensureAvailableAmount()
+
+        expect(spySet).not.toHaveBeenCalled()
+        expect(wrapper.vm.form.amount).toEqual(10)
+      })
+    })
+
+    describe('enableSendAll', () => {
+      it('should force send all (for when modal is confirmed)', () => {
+        const spy = jest.spyOn(wrapper.vm, 'ensureAvailableAmount')
+
+        wrapper.vm.enableSendAll()
+
+        expect(spy).toHaveBeenCalledTimes(1)
+        expect(wrapper.vm.isSendAllActive).toBe(true)
+        expect(wrapper.vm.showConfirmSendAll).toBe(false)
+      })
+    })
+
+    describe('confirmSendAll', () => {
+      it('should set to true (to show modal)', () => {
+        wrapper.vm.confirmSendAll()
+
+        expect(wrapper.vm.showConfirmSendAll).toBe(true)
+      })
+    })
+
+    describe('cancelSendAll', () => {
+      it('should set to false (to hide modal)', () => {
+        wrapper.vm.cancelSendAll()
+
+        expect(wrapper.vm.isSendAllActive).toBe(false)
+        expect(wrapper.vm.showConfirmSendAll).toBe(false)
+      })
+    })
+
+    describe('loadTransaction', () => {
+      let $tSpy
+      beforeEach(() => {
+        $tSpy = jest.spyOn(wrapper.vm, '$t')
+      })
+
+      afterEach(() => {
+        $tSpy.mockRestore()
+      })
+
+      describe('when a valid JSON file is opened', () => {
+        it('should display an error alert if the transaction has the wrong type', async () => {
+          wrapper.vm.electron_readFile = jest.fn(async () => {
+            return '{ "type": "1" }'
+          })
+
+          await wrapper.vm.loadTransaction()
+
+          expect($tSpy).toHaveBeenCalledWith('VALIDATION.INVALID_TYPE')
+          expect($tSpy).toHaveBeenCalledWith('TRANSACTION.ERROR.LOAD_FROM_FILE')
+          expect(wrapper.vm.$error).toHaveBeenCalledWith('TRANSACTION.ERROR.LOAD_FROM_FILE: VALIDATION.INVALID_TYPE')
+        })
+
+        it('should display an error alert if the recipient is on a different network', async () => {
+          WalletService.validateAddress = jest.fn(() => false)
+
+          wrapper.vm.electron_readFile = jest.fn(async () => {
+            return '{ "type": "0", "recipientId": "AJAAfMJj1w6U5A3t6BGA7NYZsaVve6isMm" }'
+          })
+
+          await wrapper.vm.loadTransaction()
+
+          expect($tSpy).toHaveBeenCalledWith('VALIDATION.RECIPIENT_DIFFERENT_NETWORK', [
+            'AJAAfMJj1w6U5A3t6BGA7NYZsaVve6isMm'
+          ])
+          expect(wrapper.vm.$error).toHaveBeenCalledWith('TRANSACTION.ERROR.LOAD_FROM_FILE: VALIDATION.RECIPIENT_DIFFERENT_NETWORK')
+        })
+
+        it('should set data from json', async () => {
+          WalletService.validateAddress = jest.fn(() => true)
+
+          const json = JSON.stringify({
+            type: 0,
+            recipientId: 'AJAAfMJj1w6U5A3t6BGA7NYZsaVve6isMm',
+            fee: (0.1 * 1e8).toString(),
+            amount: (20 * 1e8).toString(),
+            vendorField: 'vendorfield test'
+          })
+
+          wrapper.vm.electron_readFile = jest.fn(async () => {
+            return json
+          })
+
+          await wrapper.vm.loadTransaction()
+
+          expect($tSpy).toHaveBeenCalledWith('TRANSACTION.SUCCESS.LOAD_FROM_FILE')
+          expect(wrapper.vm.$success).toHaveBeenCalledWith('TRANSACTION.SUCCESS.LOAD_FROM_FILE')
+          expect(wrapper.vm.form.recipientId).toEqual('AJAAfMJj1w6U5A3t6BGA7NYZsaVve6isMm')
+          expect(wrapper.vm.form.fee).toEqual('0.1')
+          expect(wrapper.vm.form.amount).toEqual('20')
+          expect(wrapper.vm.form.vendorField).toEqual('vendorfield test')
+        })
+
+        it('should display a success alert', async () => {
+          wrapper.vm.electron_readFile = jest.fn(async () => {
+            return '{ "type": "0" }'
+          })
 
-        expect(wrapper.vm.$error).toHaveBeenCalled()
+          await wrapper.vm.loadTransaction()
+
+          expect($tSpy).toHaveBeenCalledWith('TRANSACTION.SUCCESS.LOAD_FROM_FILE')
+          expect(wrapper.vm.$success).toHaveBeenCalledWith('TRANSACTION.SUCCESS.LOAD_FROM_FILE')
+        })
+      })
+
+      describe('when an invalid JSON file is opened', () => {
+        it('should display an error alert', async () => {
+          wrapper.vm.electron_readFile = jest.fn(async () => {
+            return 'invalid json'
+          })
+
+          await wrapper.vm.loadTransaction()
+
+          expect($tSpy).toHaveBeenCalledWith('TRANSACTION.ERROR.LOAD_FROM_FILE')
+          expect(wrapper.vm.$error).toHaveBeenCalledWith('TRANSACTION.ERROR.LOAD_FROM_FILE: VALIDATION.INVALID_FORMAT')
+        })
+
+        it('should display an error alert when error thrown', async () => {
+          wrapper.vm.electron_readFile = jest.fn(async () => {
+            throw new Error('invalid json')
+          })
+
+          await wrapper.vm.loadTransaction()
+
+          expect($tSpy).toHaveBeenCalledWith('TRANSACTION.ERROR.LOAD_FROM_FILE')
+          expect(wrapper.vm.$error).toHaveBeenCalledWith('TRANSACTION.ERROR.LOAD_FROM_FILE: invalid json')
+        })
       })
     })
   })
diff --git a/__tests__/unit/components/Transaction/TransactionForm/TransactionFormVote.spec.js b/__tests__/unit/components/Transaction/TransactionForm/TransactionFormVote.spec.js
new file mode 100644
index 0000000000..718c50aed4
--- /dev/null
+++ b/__tests__/unit/components/Transaction/TransactionForm/TransactionFormVote.spec.js
@@ -0,0 +1,617 @@
+import { createLocalVue, mount } from '@vue/test-utils'
+import { Identities } from '@arkecosystem/crypto'
+import Vuelidate from 'vuelidate'
+import installI18n from '../../../__utils__/i18n'
+import { TransactionFormVote } from '@/components/Transaction/TransactionForm'
+import CurrencyMixin from '@/mixins/currency'
+import FormatterMixin from '@/mixins/formatter'
+import BigNumber from '@/plugins/bignumber'
+
+const localVue = createLocalVue()
+localVue.use(Vuelidate)
+const i18n = installI18n(localVue)
+
+const network = {
+  token: 'ARK',
+  symbol: 'ARK',
+  fractionDigits: 8,
+  version: 23,
+  wif: 170,
+  market: {
+    enabled: false
+  },
+  knownWallets: {}
+}
+
+let wrapper
+const createWrapper = (component, wallet, delegate) => {
+  component = component || TransactionFormVote
+  wallet = wallet || {
+    address: 'address-1'
+  }
+  delegate = delegate || {
+    username: 'delegate-1',
+    publicKey: 'public-key-1',
+    address: 'delegate-address-1',
+    blocks: {
+      produced: 10
+    },
+    production: {
+      approval: 1.0
+    },
+    forged: {
+      total: (10 * 1e8).toString()
+    },
+    voters: 10
+  }
+
+  if (!Object.keys(wallet).includes('passphrase')) {
+    wallet.passphrase = null
+  }
+
+  wrapper = mount(component, {
+    i18n,
+    localVue,
+    sync: false,
+    propsData: {
+      delegate
+    },
+    mocks: {
+      $client: {
+        buildVote: jest.fn((transactionData) => transactionData),
+        fetchDelegateForged: jest.fn((delegate) => delegate.forged.total),
+        fetchDelegateVoters: jest.fn((delegate) => delegate.voters)
+      },
+      $error: jest.fn(),
+      $store: {
+        getters: {
+          'transaction/staticFee': jest.fn(() => null),
+          'session/lastFeeByType': jest.fn(() => (1 * 1e8).toString()),
+          'session/network': network,
+          'network/byToken': jest.fn(() => network)
+        }
+      },
+      $synchronizer: {
+        appendFocus: jest.fn()
+      },
+      session_network: network,
+      currency_format: jest.fn(CurrencyMixin.methods.currency_format),
+      currency_subToUnit: jest.fn(CurrencyMixin.methods.currency_subToUnit),
+      currency_toBuilder: jest.fn(CurrencyMixin.methods.currency_toBuilder),
+      currency_unitToSub: jest.fn(CurrencyMixin.methods.currency_unitToSub),
+      formatter_percentage: jest.fn(FormatterMixin.methods.formatter_percentage),
+      wallet_formatAddress: jest.fn(address => `formatted-${address}`),
+      wallet_fromRoute: wallet
+    },
+    stubs: {
+      Portal: true
+    }
+  })
+}
+
+describe('TransactionFormVote', () => {
+  beforeEach(() => {
+    createWrapper()
+  })
+
+  it('should have vote transaction type', () => {
+    expect(wrapper.vm.$options.transactionType).toBe(3)
+  })
+
+  describe('template', () => {
+    it('should render', () => {
+      expect(wrapper.contains('.TransactionFormVote')).toBe(true)
+    })
+
+    it('should have delegate details', () => {
+      expect(wrapper.vm.isPassphraseStep).toBe(false)
+      expect(wrapper.find('.TransactionFormVote__delegate-details').props('isOpen')).toBe(true)
+    })
+
+    describe('passphrase step', () => {
+      beforeEach(() => {
+        wrapper.vm.isPassphraseStep = true
+      })
+
+      it('should hide delegate details when choosing to vote', () => {
+        expect(wrapper.find('.TransactionFormVote__delegate-details').props('isOpen')).toBe(false)
+      })
+
+      it('should have fee field', () => {
+        expect(wrapper.contains('.TransactionFormVote__fee')).toBe(true)
+      })
+
+      it('should have hash field', () => {
+        expect(wrapper.contains('.TransactionFormVote__fee')).toBe(true)
+      })
+
+      describe('ledger notice', () => {
+        it('should show if wallet is a ledger', () => {
+          createWrapper(null, {
+            isLedger: true
+          })
+
+          expect(wrapper.contains('.TransactionFormVote__ledger-notice')).toBe(true)
+        })
+
+        it('should show if wallet is not a ledger', () => {
+          createWrapper(null, {
+            isLedger: false
+          })
+
+          expect(wrapper.contains('.TransactionFormVote__ledger-notice')).toBe(false)
+        })
+      })
+
+      describe('password field', () => {
+        it('should show if wallet does have a password', () => {
+          createWrapper(null, {
+            passphrase: 'password'
+          })
+
+          expect(wrapper.contains('.TransactionFormVote__password')).toBe(true)
+        })
+
+        it('should show if wallet does not have a password', () => {
+          expect(wrapper.contains('.TransactionFormVote__password')).toBe(false)
+        })
+      })
+
+      describe('passphrase field', () => {
+        it('should show if wallet does not have a password', () => {
+          expect(wrapper.contains('.TransactionFormVote__passphrase')).toBe(true)
+        })
+
+        it('should not show if wallet does have a password', () => {
+          createWrapper(null, {
+            passphrase: 'password'
+          })
+
+          expect(wrapper.contains('.TransactionFormVote__passphrase')).toBe(false)
+        })
+      })
+
+      describe('next button', () => {
+        it('should be enabled if form is valid', async () => {
+          wrapper.vm.$v.form.fee.$model = (0.1 * 1e8).toString()
+          wrapper.vm.$v.form.passphrase.$model = 'passphrase'
+
+          await wrapper.vm.$nextTick()
+
+          expect(wrapper.find('.TransactionFormVote__next').attributes('disabled')).toBeFalsy()
+        })
+
+        it('should be disabled if form is invalid', async () => {
+          wrapper.vm.$v.form.$touch()
+
+          await wrapper.vm.$nextTick()
+
+          expect(wrapper.find('.TransactionFormVote__next').attributes('disabled')).toBe('disabled')
+        })
+      })
+    })
+  })
+
+  describe('computed', () => {
+    describe('blocksProduced', () => {
+      it('should return blocks produced for delegate', () => {
+        expect(wrapper.vm.blocksProduced).toBe(10)
+      })
+
+      it('should return 0 if no delegate', () => {
+        wrapper.setProps({
+          delegate: {
+            blocks: null
+          }
+        })
+
+        expect(wrapper.vm.blocksProduced).toBe(0)
+
+        wrapper.setProps({
+          delegate: {
+            blocks: {
+              produced: null
+            },
+            production: {
+              approval: 1.0
+            }
+          }
+        })
+
+        expect(wrapper.vm.blocksProduced).toBe(0)
+      })
+    })
+
+    describe('showVoteUnvoteButton', () => {
+      it('should return false if wallet is a contact', () => {
+        createWrapper(null, {
+          isContact: true
+        })
+
+        expect(wrapper.vm.showVoteUnvoteButton).toBe(false)
+      })
+
+      it('should return false if wallet is voting but not for delegate', () => {
+        wrapper.setProps({
+          isVoter: false,
+          votedDelegate: {
+            username: 'delegate-2',
+            publicKey: 'public-key-2',
+            address: 'delegate-address-2',
+            blocks: {
+              produced: 10
+            },
+            production: {
+              approval: 1.0
+            },
+            forged: {
+              total: '0'
+            },
+            voters: 10
+          }
+        })
+
+        expect(wrapper.vm.showVoteUnvoteButton).toBe(false)
+      })
+
+      it('should return true if not voting', () => {
+        wrapper.setProps({
+          votedDelegate: null
+        })
+
+        expect(wrapper.vm.showVoteUnvoteButton).toBe(true)
+      })
+
+      it('should return true if voting for this delegate', () => {
+        wrapper.setProps({
+          isVoter: true,
+          votedDelegate: {
+            username: 'delegate-1',
+            publicKey: 'public-key-1',
+            address: 'delegate-address-1',
+            blocks: {
+              produced: 10
+            },
+            production: {
+              approval: 1.0
+            },
+            forged: {
+              total: '0'
+            },
+            voters: 10
+          }
+        })
+
+        expect(wrapper.vm.showVoteUnvoteButton).toBe(true)
+      })
+    })
+
+    describe('showCurrentlyVoting', () => {
+      it('should return true if voting for a different delegate', () => {
+        wrapper.setProps({
+          isVoter: false,
+          votedDelegate: {
+            username: 'delegate-2',
+            publicKey: 'public-key-2',
+            address: 'delegate-address-2',
+            blocks: {
+              produced: 10
+            },
+            production: {
+              approval: 1.0
+            },
+            forged: {
+              total: '0'
+            },
+            voters: 10
+          }
+        })
+
+        expect(wrapper.vm.showCurrentlyVoting).toBe(true)
+      })
+    })
+  })
+
+  describe('watch', () => {
+    describe('isPassphraseStep', () => {
+      it('should do nothing if ledger wallet', async () => {
+        createWrapper(null, {
+          isLedger: true,
+          get passphrase () {
+            return null
+          }
+        })
+
+        const spy = jest.spyOn(wrapper.vm.currentWallet, 'passphrase', 'get')
+
+        wrapper.vm.isPassphraseStep = true
+
+        await wrapper.vm.$nextTick()
+
+        expect(spy).not.toHaveBeenCalled()
+      })
+
+      it('should do nothing if multi-signature', async () => {
+        createWrapper(null, {
+          multiSignature: true,
+          get passphrase () {
+            return null
+          }
+        })
+
+        const spy = jest.spyOn(wrapper.vm.currentWallet, 'passphrase', 'get')
+
+        wrapper.vm.isPassphraseStep = true
+
+        await wrapper.vm.$nextTick()
+
+        expect(spy).not.toHaveBeenCalled()
+      })
+
+      it('should focus on password field', async () => {
+        createWrapper(null, {
+          passphrase: 'password'
+        })
+
+        const spy = jest.spyOn(wrapper.vm.$refs.password, 'focus')
+
+        wrapper.vm.isPassphraseStep = true
+
+        await wrapper.vm.$nextTick()
+
+        expect(spy).toHaveBeenCalledTimes(1)
+      })
+
+      it('should focus on passphrase field', async () => {
+        const spy = jest.spyOn(wrapper.vm.$refs.passphrase, 'focus')
+
+        wrapper.vm.isPassphraseStep = true
+
+        await wrapper.vm.$nextTick()
+
+        expect(spy).toHaveBeenCalledTimes(1)
+      })
+    })
+  })
+
+  describe('mounted hook', () => {
+    it('should fetch delegate data', () => {
+      const fetchForgedOriginal = TransactionFormVote.methods.fetchForged
+      const fetchVotersOriginal = TransactionFormVote.methods.fetchVoters
+      TransactionFormVote.methods.fetchForged = jest.fn()
+      TransactionFormVote.methods.fetchVoters = jest.fn()
+
+      createWrapper()
+
+      expect(TransactionFormVote.methods.fetchForged).toHaveBeenCalledTimes(1)
+      expect(TransactionFormVote.methods.fetchVoters).toHaveBeenCalledTimes(1)
+
+      TransactionFormVote.methods.fetchForged = fetchForgedOriginal
+      TransactionFormVote.methods.fetchVoters = fetchVotersOriginal
+    })
+  })
+
+  describe('methods', () => {
+    describe('getTransactionData', () => {
+      it('should return correct data with passphrase', () => {
+        wrapper.vm.$v.form.fee.$model = 0.1
+        wrapper.vm.$v.form.passphrase.$model = 'passphrase'
+
+        expect(wrapper.vm.getTransactionData()).toEqual({
+          address: 'address-1',
+          passphrase: 'passphrase',
+          votes: [
+            '+public-key-1'
+          ],
+          fee: new BigNumber(0.1 * 1e8),
+          wif: undefined,
+          networkWif: 170,
+          multiSignature: undefined
+        })
+      })
+
+      it('should return correct data when unvoting with passphrase', () => {
+        wrapper.setProps({
+          isVoter: true
+        })
+
+        wrapper.vm.$v.form.fee.$model = 0.1
+        wrapper.vm.$v.form.passphrase.$model = 'passphrase'
+
+        expect(wrapper.vm.getTransactionData()).toEqual({
+          address: 'address-1',
+          passphrase: 'passphrase',
+          votes: [
+            '-public-key-1'
+          ],
+          fee: new BigNumber(0.1 * 1e8),
+          wif: undefined,
+          networkWif: 170,
+          multiSignature: undefined
+        })
+      })
+
+      it('should return correct data with passphrase and second passphrase', () => {
+        createWrapper(null, {
+          address: 'address-1',
+          passphrase: null,
+          secondPublicKey: Identities.PublicKey.fromPassphrase('second passphrase')
+        })
+
+        wrapper.vm.$v.form.fee.$model = 0.1
+        wrapper.vm.$v.form.passphrase.$model = 'passphrase'
+        wrapper.vm.$v.form.secondPassphrase.$model = 'second passphrase'
+
+        expect(wrapper.vm.getTransactionData()).toEqual({
+          address: 'address-1',
+          passphrase: 'passphrase',
+          secondPassphrase: 'second passphrase',
+          votes: [
+            '+public-key-1'
+          ],
+          fee: new BigNumber(0.1 * 1e8),
+          wif: undefined,
+          networkWif: 170,
+          multiSignature: undefined
+        })
+      })
+    })
+
+    describe('buildTransaction', () => {
+      it('should build vote', async () => {
+        const transactionData = {
+          type: 5,
+          typeGroup: 1
+        }
+
+        const response = await wrapper.vm.buildTransaction(transactionData, true, true)
+
+        expect(wrapper.vm.$client.buildVote).toHaveBeenCalledWith(transactionData, true, true)
+        expect(response).toBe(transactionData)
+      })
+
+      it('should build vote with default arguments', async () => {
+        const transactionData = {
+          type: 7,
+          typeGroup: 1
+        }
+
+        const response = await wrapper.vm.buildTransaction(transactionData)
+
+        expect(wrapper.vm.$client.buildVote).toHaveBeenCalledWith(transactionData, false, false)
+        expect(response).toBe(transactionData)
+      })
+    })
+
+    describe('transactionError', () => {
+      it('should generate transaction error', () => {
+        wrapper.vm.transactionError()
+
+        expect(wrapper.vm.$error).toHaveBeenCalledWith('TRANSACTION.ERROR.VALIDATION.VOTE')
+      })
+    })
+
+    describe('postSubmit', () => {
+      it('should call reset method', () => {
+        const spy = jest.spyOn(wrapper.vm, 'reset')
+
+        wrapper.vm.postSubmit()
+
+        expect(spy).toHaveBeenCalledTimes(1)
+      })
+    })
+
+    describe('toggleStep', () => {
+      it('should toggle passphrase step', () => {
+        expect(wrapper.vm.isPassphraseStep).toBe(false)
+
+        wrapper.vm.toggleStep()
+
+        expect(wrapper.vm.isPassphraseStep).toBe(true)
+
+        wrapper.vm.toggleStep()
+
+        expect(wrapper.vm.isPassphraseStep).toBe(false)
+      })
+    })
+
+    describe('fetchForged', () => {
+      it('should update forged value', () => {
+        wrapper.vm.fetchForged()
+
+        expect(wrapper.vm.forged).toEqual('ARK 10.00')
+      })
+    })
+
+    describe('fetchVoters', () => {
+      it('should update voters value', async () => {
+        await wrapper.vm.fetchVoters()
+
+        expect(wrapper.vm.voters).toEqual(10)
+      })
+
+      it('should update voters value to default if no response', async () => {
+        jest.spyOn(wrapper.vm.$client, 'fetchDelegateVoters').mockReturnValue(null)
+        await wrapper.vm.fetchVoters()
+
+        expect(wrapper.vm.voters).toEqual('0')
+      })
+    })
+
+    describe('reset', () => {
+      it('should reset to delegate detail view', () => {
+        wrapper.vm.isPassphraseStep = true
+
+        expect(wrapper.vm.isPassphraseStep).toBe(true)
+
+        wrapper.vm.reset()
+
+        expect(wrapper.vm.isPassphraseStep).toBe(false)
+      })
+
+      it('should reset passphrase field if not encrypted or ledger', () => {
+        const spy = jest.spyOn(wrapper.vm, '$set')
+        wrapper.vm.$v.form.passphrase.$model = 'passphrase'
+
+        expect(wrapper.vm.$v.form.passphrase.$dirty).toBe(true)
+        expect(wrapper.vm.form.passphrase).toBe('passphrase')
+
+        wrapper.vm.reset()
+
+        expect(wrapper.vm.$v.form.passphrase.$dirty).toBe(false)
+        expect(wrapper.vm.form.passphrase).toBe('')
+        expect(spy).toHaveBeenCalledWith(wrapper.vm.form, 'passphrase', '')
+      })
+
+      it('should reset password field if encrypted and not ledger', () => {
+        createWrapper(null, {
+          passphrase: 'password'
+        })
+
+        const spy = jest.spyOn(wrapper.vm, '$set')
+        wrapper.vm.$v.form.walletPassword.$model = 'password'
+
+        expect(wrapper.vm.$v.form.walletPassword.$dirty).toBe(true)
+        expect(wrapper.vm.form.walletPassword).toBe('password')
+
+        wrapper.vm.reset()
+
+        expect(wrapper.vm.$v.form.walletPassword.$dirty).toBe(false)
+        expect(wrapper.vm.form.walletPassword).toBe('')
+        expect(spy).toHaveBeenCalledWith(wrapper.vm.form, 'walletPassword', '')
+      })
+
+      it('should do nothing if ledger', () => {
+        createWrapper(null, {
+          isLedger: true
+        })
+
+        const spy = jest.spyOn(wrapper.vm, '$set')
+
+        wrapper.vm.reset()
+
+        expect(spy).not.toHaveBeenCalled()
+      })
+
+      it('should do nothing if multi-signature wallet', () => {
+        createWrapper(null, {
+          multiSignature: true
+        })
+
+        const spy = jest.spyOn(wrapper.vm, '$set')
+
+        wrapper.vm.reset()
+
+        expect(spy).not.toHaveBeenCalled()
+      })
+    })
+
+    describe('emitCancel', () => {
+      it('should emit cancel', () => {
+        wrapper.vm.emitCancel()
+
+        expect(wrapper.emitted('cancel')).toEqual([['navigateToTransactions']])
+      })
+    })
+  })
+})
diff --git a/__tests__/unit/components/Transaction/TransactionModal.spec.js b/__tests__/unit/components/Transaction/TransactionModal.spec.js
index 95adf86282..b9fe9370ed 100644
--- a/__tests__/unit/components/Transaction/TransactionModal.spec.js
+++ b/__tests__/unit/components/Transaction/TransactionModal.spec.js
@@ -1,5 +1,6 @@
 import { shallowMount } from '@vue/test-utils'
 import { useI18nGlobally } from '../../__utils__/i18n'
+import transaction from '../../__fixtures__/models/transaction'
 import TransactionModal from '@/components/Transaction/TransactionModal'
 
 const i18n = useI18nGlobally()
@@ -118,34 +119,26 @@ describe('TransactionModal', () => {
 
   describe('storeTransaction', () => {
     it('should dispatch `transaction/create` using the transaction, but replacing some attributes, and the current profile', () => {
-      const transaction = {
-        id: 'tx1',
-        type: 0,
-        amount: 10000,
-        fee: 1000,
-        timestamp: 120,
-        recipientId: 'Arecipient',
-        senderPublicKey: 'Asender',
-        vendorField: 'smartbridge'
-      }
       wrapper.vm.storeTransaction(transaction)
 
-      const { id, type, amount, fee, vendorField } = transaction
+      const { id, type, typeGroup, amount, fee, vendorField } = transaction
       const timestamp = (new Date(wrapper.vm.session_network.constants.epoch)).getTime() + transaction.timestamp * 1000
 
       const expected = {
         profileId,
         id,
         type,
+        typeGroup,
         amount,
         fee,
         vendorField,
         confirmations: 0,
         timestamp,
-        sender: 'public key of Asender',
+        sender: `public key of ${transaction.senderPublicKey}`,
         recipient: transaction.recipientId,
         raw: transaction
       }
+
       expect($store.dispatch).toHaveBeenCalledWith('transaction/create', expected)
     })
   })
diff --git a/__tests__/unit/components/Transaction/TransactionShow.spec.js b/__tests__/unit/components/Transaction/TransactionShow.spec.js
index 3e44aabbfb..9368240159 100644
--- a/__tests__/unit/components/Transaction/TransactionShow.spec.js
+++ b/__tests__/unit/components/Transaction/TransactionShow.spec.js
@@ -1,6 +1,6 @@
 import { mount } from '@vue/test-utils'
 import { useI18nGlobally } from '../../__utils__/i18n'
-import TransactionShow from '@/components/Transaction/TransactionShow'
+import { TransactionShow } from '@/components/Transaction'
 import FormatterMixin from '@/mixins/formatter'
 
 const i18n = useI18nGlobally()
diff --git a/__tests__/unit/components/Wallet/WalletAddress.spec.js b/__tests__/unit/components/Wallet/WalletAddress.spec.js
index fb697ed77a..049f4ff6cb 100644
--- a/__tests__/unit/components/Wallet/WalletAddress.spec.js
+++ b/__tests__/unit/components/Wallet/WalletAddress.spec.js
@@ -131,21 +131,33 @@ describe('WalletAddress', () => {
     expect(wrapper.text()).toEqual(expect.stringContaining('TRANSACTION.TYPE.IPFS'))
   })
 
-  it('should display Timelock Transfer for type 6', () => {
+  it('should display Multi Payment for type 6', () => {
     const wrapper = mount({ address: 'dummyAddress', type: 6 })
 
-    expect(wrapper.text()).toEqual(expect.stringContaining('TRANSACTION.TYPE.TIMELOCK_TRANSFER'))
+    expect(wrapper.text()).toEqual(expect.stringContaining('TRANSACTION.TYPE.MULTI_PAYMENT'))
   })
 
-  it('should display Multi Payment for type 7', () => {
+  it('should display Delegate Resignation for type 7', () => {
     const wrapper = mount({ address: 'dummyAddress', type: 7 })
 
-    expect(wrapper.text()).toEqual(expect.stringContaining('TRANSACTION.TYPE.MULTI_PAYMENT'))
+    expect(wrapper.text()).toEqual(expect.stringContaining('TRANSACTION.TYPE.DELEGATE_RESIGNATION'))
   })
 
-  it('should display Delegate Resignation for type 8', () => {
+  it('should display HTLC Lock for type 8', () => {
     const wrapper = mount({ address: 'dummyAddress', type: 8 })
 
-    expect(wrapper.text()).toEqual(expect.stringContaining('TRANSACTION.TYPE.DELEGATE_RESIGNATION'))
+    expect(wrapper.text()).toEqual(expect.stringContaining('TRANSACTION.TYPE.HTLC_LOCK'))
+  })
+
+  it('should display HTLC Claim for type 9', () => {
+    const wrapper = mount({ address: 'dummyAddress', type: 9 })
+
+    expect(wrapper.text()).toEqual(expect.stringContaining('TRANSACTION.TYPE.HTLC_CLAIM'))
+  })
+
+  it('should display HTLC Refund for type 10', () => {
+    const wrapper = mount({ address: 'dummyAddress', type: 10 })
+
+    expect(wrapper.text()).toEqual(expect.stringContaining('TRANSACTION.TYPE.HTLC_REFUND'))
   })
 })
diff --git a/__tests__/unit/components/Wallet/WalletBusiness/WalletBusiness.spec.js b/__tests__/unit/components/Wallet/WalletBusiness/WalletBusiness.spec.js
new file mode 100644
index 0000000000..2595d9c3c8
--- /dev/null
+++ b/__tests__/unit/components/Wallet/WalletBusiness/WalletBusiness.spec.js
@@ -0,0 +1,60 @@
+import { createLocalVue, mount } from '@vue/test-utils'
+import installI18n from '../../../__utils__/i18n'
+import { WalletBusiness } from '@/components/Wallet/WalletBusiness'
+import { TRANSACTION_GROUPS, TRANSACTION_TYPES } from '@config'
+
+const localVue = createLocalVue()
+const i18n = installI18n(localVue)
+
+let wrapper
+const createWrapper = (component) => {
+  component = component || WalletBusiness
+
+  wrapper = mount(component, {
+    i18n,
+    localVue,
+    sync: false,
+    stubs: {
+      WalletBusinessBridgechains: `<div>
+        <div class="WalletBusinessBridgechains"></div>
+      </div>`
+    }
+  })
+}
+
+describe('WalletBusiness', () => {
+  beforeEach(() => {
+    createWrapper()
+  })
+
+  it('should render', () => {
+    expect(wrapper.contains('.WalletBusiness')).toBe(true)
+  })
+
+  it('should include WalletBusinessBridgechains component', () => {
+    expect(wrapper.contains('.WalletBusinessBridgechains')).toBe(true)
+  })
+
+  it('should initiate with bridgechain lookup', () => {
+    expect(wrapper.vm.bridgechainRegistration).toEqual({
+      type: TRANSACTION_TYPES.GROUP_2.BRIDGECHAIN_REGISTRATION,
+      group: TRANSACTION_GROUPS.MAGISTRATE
+    })
+  })
+
+  describe('closeTransactionModal', () => {
+    it('should toggle modal if open', () => {
+      const toggleMethod = jest.fn()
+      wrapper.vm.closeTransactionModal(toggleMethod, true)
+
+      expect(toggleMethod).toHaveBeenCalled()
+    })
+
+    it('should not toggle modal if closed', () => {
+      const toggleMethod = jest.fn()
+      wrapper.vm.closeTransactionModal(toggleMethod, false)
+
+      expect(toggleMethod).not.toHaveBeenCalled()
+    })
+  })
+})
diff --git a/__tests__/unit/components/Wallet/WalletBusiness/WalletBusinessBridgechains.spec.js b/__tests__/unit/components/Wallet/WalletBusiness/WalletBusinessBridgechains.spec.js
new file mode 100644
index 0000000000..67c8cdacd0
--- /dev/null
+++ b/__tests__/unit/components/Wallet/WalletBusiness/WalletBusinessBridgechains.spec.js
@@ -0,0 +1,380 @@
+import { createLocalVue, mount } from '@vue/test-utils'
+import installI18n from '../../../__utils__/i18n'
+import { WalletBusinessBridgechains } from '@/components/Wallet/WalletBusiness'
+
+const localVue = createLocalVue()
+const i18n = installI18n(localVue)
+
+let wrapper
+let clientFetchBridgechainsMock
+let eventOnMock
+let eventOffMock
+let storeDispatchMock
+const createWrapper = (component) => {
+  component = component || WalletBusinessBridgechains
+
+  eventOnMock = jest.fn()
+  eventOffMock = jest.fn()
+  storeDispatchMock = jest.fn()
+  clientFetchBridgechainsMock = jest.fn(() => ({
+    data: [],
+    meta: {
+      count: 0,
+      pageCount: 1,
+      totalCount: 0,
+      next: null,
+      previous: null,
+      self: '/api/businesses/public-key-1/bridgechains?page=1&limit=100',
+      first: '/api/businesses/public-key-1/bridgechains?page=1&limit=100',
+      last: null
+    }
+  }))
+
+  wrapper = mount(component, {
+    i18n,
+    localVue,
+    mocks: {
+      $client: {
+        fetchBusinessBridgechains: clientFetchBridgechainsMock
+      },
+      $eventBus: {
+        on: eventOnMock,
+        off: eventOffMock
+      },
+      $store: {
+        dispatch: storeDispatchMock,
+        getters: {
+          get 'session/transactionTableRowCount' () {
+            return 10
+          }
+        }
+      },
+      session_profile: {
+        id: 1
+      }
+    },
+    mixins: [
+      {
+        data: () => ({
+          mockWalletRoute: 1
+        }),
+        computed: {
+          wallet_fromRoute () {
+            return {
+              address: `address-${this.mockWalletRoute}`,
+              business: {
+                name: 'business-name',
+                website: 'http://business.website',
+                publicKey: `public-key-${this.mockWalletRoute}`,
+                resigned: false
+              },
+              publicKey: `public-key-${this.mockWalletRoute}`
+            }
+          }
+        }
+      }
+    ],
+    stubs: {
+      WalletBusinessBridgechainsTable: `<div>
+        <div class="WalletBusinessBridgechainsTable"></div>
+      </div>`
+    }
+  })
+}
+
+describe('WalletBusinessBridgechains', () => {
+  beforeEach(() => {
+    createWrapper()
+  })
+
+  it('should render', () => {
+    expect(wrapper.contains('.WalletBusinessBridgechains')).toBe(true)
+  })
+
+  it('should include WalletBusinessBridgechainsTable component', () => {
+    expect(wrapper.contains('.WalletBusinessBridgechainsTable')).toBe(true)
+  })
+
+  it('should reset when wallet route changes', async () => {
+    const spyLoadBridgechains = jest.spyOn(wrapper.vm, 'loadBridgechains').mockImplementation(jest.fn())
+    const spyReset = jest.spyOn(wrapper.vm, 'reset').mockImplementation(jest.fn())
+
+    wrapper.setData({
+      mockWalletRoute: 2
+    })
+
+    expect(wrapper.vm.wallet_fromRoute.address).toEqual('address-2')
+
+    expect(spyLoadBridgechains).toHaveBeenCalledTimes(1)
+    expect(spyReset).toHaveBeenCalledTimes(1)
+  })
+
+  describe('created', () => {
+    const spy = jest.spyOn(WalletBusinessBridgechains.methods, 'loadBridgechains').mockImplementation(jest.fn())
+    createWrapper()
+
+    expect(spy).toHaveBeenCalledTimes(1)
+    expect(eventOnMock).toHaveBeenCalledTimes(1)
+    expect(eventOnMock).toHaveBeenCalledWith('wallet:reload', wrapper.vm.loadBridgechains)
+
+    spy.mockRestore()
+  })
+
+  describe('beforeDestroy', () => {
+    wrapper.destroy()
+    expect(eventOffMock).toHaveBeenCalledTimes(1)
+    expect(eventOffMock).toHaveBeenCalledWith('wallet:reload', wrapper.vm.loadBridgechains)
+  })
+
+  describe('fetchBridgechains', () => {
+    it('should not run if already fetching', () => {
+      clientFetchBridgechainsMock.mockClear()
+
+      wrapper.vm.isFetching = true
+      wrapper.vm.fetchBridgechains()
+
+      expect(clientFetchBridgechainsMock).not.toHaveBeenCalled()
+    })
+
+    it('should fetch bridgechains via client', async () => {
+      const clientFetchBridgechains = clientFetchBridgechainsMock()
+      clientFetchBridgechainsMock.mockClear().mockImplementation(() => {
+        clientFetchBridgechains.data = [
+          'test'
+        ]
+        clientFetchBridgechains.meta.totalCount = 100
+
+        return clientFetchBridgechains
+      })
+
+      const params = {
+        page: 10,
+        limit: 100,
+        sort: {
+          field: 'amount',
+          type: 'asc'
+        }
+      }
+      wrapper.vm.__updateParams(params)
+      wrapper.vm.fetchBridgechains()
+
+      expect(clientFetchBridgechainsMock).toHaveBeenCalledTimes(1)
+      expect(clientFetchBridgechainsMock).toHaveBeenCalledWith('public-key-1', {
+        page: params.page,
+        limit: params.limit,
+        orderBy: `${params.sort.field}:${params.sort.type}`
+      })
+
+      await wrapper.vm.$nextTick()
+
+      expect(wrapper.vm.fetchedBridgechains).toEqual([
+        'test'
+      ])
+      expect(wrapper.vm.totalCount).toBe(100)
+    })
+
+    it('should clear bridgechains on error', async () => {
+      clientFetchBridgechainsMock.mockClear().mockImplementation(() => {
+        throw new Error('Failed')
+      })
+
+      wrapper.vm.fetchedBridgechains = [
+        'test'
+      ]
+      wrapper.vm.totalCount = 100
+      wrapper.vm.fetchBridgechains()
+      await wrapper.vm.$nextTick()
+
+      expect(wrapper.vm.fetchedBridgechains).toEqual([])
+      expect(wrapper.vm.totalCount).toBe(0)
+    })
+  })
+
+  describe('loadBridgechains', () => {
+    it('should not load if not viewing a wallet', () => {
+      const spy = jest.spyOn(wrapper.vm, 'fetchBridgechains')
+      jest.spyOn(wrapper.vm, 'wallet_fromRoute', 'get').mockReturnValue(null)
+
+      wrapper.vm.loadBridgechains()
+
+      expect(spy).not.toHaveBeenCalled()
+    })
+
+    it('should not load if already fetching', () => {
+      const spy = jest.spyOn(wrapper.vm, 'fetchBridgechains')
+
+      wrapper.vm.isFetching = true
+      wrapper.vm.loadBridgechains()
+
+      expect(spy).not.toHaveBeenCalled()
+    })
+
+    it('should load bridgechains', () => {
+      const spy = jest.spyOn(wrapper.vm, 'fetchBridgechains').mockImplementation()
+
+      wrapper.vm.loadBridgechains()
+
+      expect(spy).toHaveBeenCalledTimes(1)
+    })
+  })
+
+  describe('onPageChange', () => {
+    it('should change page', () => {
+      const currentPage = 2
+      const spyUpdateParams = jest.spyOn(wrapper.vm, '__updateParams')
+      const spyLoadBridgechains = jest.spyOn(wrapper.vm, 'loadBridgechains')
+
+      wrapper.vm.onPageChange({ currentPage })
+
+      expect(wrapper.vm.currentPage).toBe(currentPage)
+
+      expect(spyUpdateParams).toHaveBeenCalledTimes(1)
+      expect(spyUpdateParams).toHaveBeenCalledWith({ page: currentPage })
+      expect(spyLoadBridgechains).toHaveBeenCalledTimes(1)
+    })
+  })
+
+  describe('onPerPageChange', () => {
+    it('should update page row count', () => {
+      const currentPerPage = 1
+      const spyUpdateParams = jest.spyOn(wrapper.vm, '__updateParams')
+      const spyLoadBridgechains = jest.spyOn(wrapper.vm, 'loadBridgechains')
+
+      wrapper.vm.onPerPageChange({ currentPerPage })
+
+      expect(storeDispatchMock).toHaveBeenCalledWith('session/setTransactionTableRowCount', currentPerPage)
+      expect(storeDispatchMock).toHaveBeenCalledWith('profile/update', {
+        id: 1,
+        transactionTableRowCount: currentPerPage
+      })
+
+      expect(spyUpdateParams).toHaveBeenCalledTimes(1)
+      expect(spyUpdateParams).toHaveBeenCalledWith({ limit: currentPerPage, page: 1 })
+      expect(spyLoadBridgechains).toHaveBeenCalledTimes(1)
+    })
+  })
+
+  describe('onSortChange', () => {
+    let spyUpdateParams, spyLoadBridgechains
+
+    beforeEach(() => {
+      spyUpdateParams = jest.spyOn(wrapper.vm, '__updateParams')
+      spyLoadBridgechains = jest.spyOn(wrapper.vm, 'loadBridgechains')
+    })
+
+    it('should update sort column', () => {
+      wrapper.vm.onSortChange({
+        source: 'from-third-party-component',
+        field: 'amount',
+        type: 'desc'
+      })
+
+      expect(spyUpdateParams).toHaveBeenCalledTimes(1)
+      expect(spyUpdateParams).toHaveBeenCalledWith({
+        sort: {
+          field: 'amount',
+          type: 'desc'
+        },
+        page: 1
+      })
+      expect(spyLoadBridgechains).toHaveBeenCalledTimes(1)
+    })
+
+    it('should update sort column direction', () => {
+      wrapper.vm.onSortChange({
+        source: 'from-third-party-component',
+        field: 'timestamp',
+        type: 'asc'
+      })
+
+      expect(spyUpdateParams).toHaveBeenCalledTimes(1)
+      expect(spyUpdateParams).toHaveBeenCalledWith({
+        sort: {
+          field: 'timestamp',
+          type: 'asc'
+        },
+        page: 1
+      })
+      expect(spyLoadBridgechains).toHaveBeenCalledTimes(1)
+    })
+
+    it('should not do anything if source is falsy', () => {
+      wrapper.vm.onSortChange({
+        source: null,
+        field: 'amount',
+        type: 'desc'
+      })
+
+      expect(spyUpdateParams).toHaveBeenCalledTimes(0)
+      expect(spyLoadBridgechains).toHaveBeenCalledTimes(0)
+    })
+
+    it('should not do anything if column and direction do not change', () => {
+      wrapper.vm.onSortChange({
+        source: 'from-third-party-component',
+        field: 'timestamp',
+        type: 'desc'
+      })
+
+      expect(spyUpdateParams).toHaveBeenCalledTimes(0)
+      expect(spyLoadBridgechains).toHaveBeenCalledTimes(0)
+    })
+  })
+
+  describe('reset', () => {
+    it('should reset values', () => {
+      wrapper.vm.currentPage = 10
+      wrapper.vm.queryParams.page = 10
+      wrapper.vm.totalCount = 10
+      wrapper.vm.fetchedBridgechains = [
+        'fake entry'
+      ]
+
+      wrapper.vm.reset()
+
+      expect(wrapper.vm.currentPage).toBe(1)
+      expect(wrapper.vm.queryParams.page).toBe(1)
+      expect(wrapper.vm.totalCount).toBe(0)
+      expect(wrapper.vm.fetchedBridgechains).toEqual([])
+    })
+  })
+
+  describe('__updateParams', () => {
+    const expected = {
+      page: 1,
+      limit: 10,
+      sort: {
+        field: 'timestamp',
+        type: 'desc'
+      }
+    }
+
+    it('should update query parameters', () => {
+      const params = {
+        page: 10,
+        limit: 100,
+        sort: {
+          field: 'amount',
+          type: 'asc'
+        }
+      }
+      wrapper.vm.__updateParams(params)
+
+      expect(wrapper.vm.queryParams).toEqual(params)
+    })
+
+    it('should not update if invalid value', () => {
+      wrapper.vm.__updateParams(null)
+
+      expect(wrapper.vm.queryParams).toEqual(expected)
+
+      wrapper.vm.__updateParams([])
+
+      expect(wrapper.vm.queryParams).toEqual(expected)
+
+      wrapper.vm.__updateParams('test')
+
+      expect(wrapper.vm.queryParams).toEqual(expected)
+    })
+  })
+})
diff --git a/__tests__/unit/components/Wallet/WalletBusiness/WalletBusinessBridgechainsTable.spec.js b/__tests__/unit/components/Wallet/WalletBusiness/WalletBusinessBridgechainsTable.spec.js
new file mode 100644
index 0000000000..d33312433d
--- /dev/null
+++ b/__tests__/unit/components/Wallet/WalletBusiness/WalletBusinessBridgechainsTable.spec.js
@@ -0,0 +1,117 @@
+import { createLocalVue, mount } from '@vue/test-utils'
+import installI18n from '../../../__utils__/i18n'
+import { WalletBusinessBridgechainsTable } from '@/components/Wallet/WalletBusiness'
+import truncateMiddle from '@/filters/truncate-middle'
+
+const localVue = createLocalVue()
+const i18n = installI18n(localVue)
+
+let wrapper
+const createWrapper = (component) => {
+  component = component || WalletBusinessBridgechainsTable
+
+  wrapper = mount(component, {
+    i18n,
+    localVue,
+    sync: false,
+    stubs: {
+      Portal: '<div class="Portal"><slot /></div>',
+      TableWrapper: '<div class="TableWrapper"></div>',
+      WalletBusinessShowBridgechain: '<div class="WalletBusinessShowBridgechain"></div>'
+    }
+  })
+}
+
+describe('WalletBusinessBridgechainsTable', () => {
+  beforeEach(() => {
+    createWrapper()
+  })
+
+  it('should render', () => {
+    expect(wrapper.contains('.WalletBusinessBridgechainsTable')).toBe(true)
+  })
+
+  it('should include TableWrapper component', () => {
+    expect(wrapper.contains('.TableWrapper')).toBe(true)
+  })
+
+  describe('computed columns', () => {
+    it('should return correct columns', () => {
+      expect(wrapper.vm.columns[0].label).toEqual('WALLET_BUSINESS.COLUMN.NAME')
+      expect(wrapper.vm.columns[0].field).toEqual('name')
+
+      expect(wrapper.vm.columns[1].label).toEqual('WALLET_BUSINESS.COLUMN.SEEDS')
+      expect(wrapper.vm.columns[1].field).toEqual('seedNodes')
+      expect(typeof wrapper.vm.columns[1].formatFn).toEqual('function')
+
+      expect(wrapper.vm.columns[2].label).toEqual('WALLET_BUSINESS.COLUMN.GENESIS_HASH')
+      expect(wrapper.vm.columns[2].field).toEqual('genesisHash')
+      expect(typeof wrapper.vm.columns[2].formatFn).toEqual('function')
+
+      expect(wrapper.vm.columns[3].label).toEqual('WALLET_BUSINESS.COLUMN.REPOSITORY')
+      expect(wrapper.vm.columns[3].field).toEqual('bridgechainRepository')
+    })
+
+    it('should format seed nodes as quantity', () => {
+      const seeds = [
+        1,
+        2,
+        3,
+        4
+      ]
+
+      expect(wrapper.vm.columns[1].formatFn(seeds)).toBe(seeds.length)
+    })
+
+    it('should format genesis hash as truncated', () => {
+      const genesisHash = '123456789012345678901234567890'
+
+      expect(wrapper.vm.columns[2].formatFn(genesisHash)).toBe(truncateMiddle(genesisHash, 14))
+    })
+  })
+
+  it('should show WalletBusinessShowBridgechain if selected row', async () => {
+    wrapper.vm.selected = { type: 1 }
+    await wrapper.vm.$nextTick()
+
+    expect(wrapper.find('.WalletBusinessShowBridgechain').isVisible()).toBe(true)
+  })
+
+  describe('onSortChange', () => {
+    it('should emit on-sort-change', () => {
+      wrapper.vm.onSortChange([{ field: 'amount' }])
+
+      expect(wrapper.emitted('on-sort-change')[0][0]).toEqual({
+        source: 'bridgechainsTab',
+        field: 'amount'
+      })
+    })
+  })
+
+  describe('onRowClick', () => {
+    it('should update selected row', () => {
+      const fakeTransaction = { type: 1 }
+
+      expect(wrapper.vm.selected).toBe(null)
+
+      wrapper.vm.onRowClick({ row: fakeTransaction })
+
+      expect(wrapper.vm.selected).toBe(fakeTransaction)
+    })
+  })
+
+  describe('onCloseModal', () => {
+    it('should close reset selected row & close modal', async () => {
+      wrapper.vm.selected = { type: 1 }
+      await wrapper.vm.$nextTick()
+
+      expect(wrapper.find('.WalletBusinessShowBridgechain').isVisible()).toBe(true)
+
+      wrapper.vm.onCloseModal()
+      await wrapper.vm.$nextTick()
+
+      expect(wrapper.vm.selected).toBe(null)
+      expect(wrapper.contains('.WalletBusinessShowBridgechain')).toBe(false)
+    })
+  })
+})
diff --git a/__tests__/unit/components/Wallet/WalletBusiness/WalletBusinessShowBridgechain.spec.js b/__tests__/unit/components/Wallet/WalletBusiness/WalletBusinessShowBridgechain.spec.js
new file mode 100644
index 0000000000..09b26afa62
--- /dev/null
+++ b/__tests__/unit/components/Wallet/WalletBusiness/WalletBusinessShowBridgechain.spec.js
@@ -0,0 +1,144 @@
+import { createLocalVue, mount } from '@vue/test-utils'
+import installI18n from '../../../__utils__/i18n'
+import { WalletBusinessShowBridgechain } from '@/components/Wallet/WalletBusiness'
+import truncateMiddle from '@/filters/truncate-middle'
+
+const localVue = createLocalVue()
+const i18n = installI18n(localVue)
+
+let wrapper
+const createWrapper = (component, propsData) => {
+  component = component || WalletBusinessShowBridgechain
+  propsData = propsData || {
+    bridgechain: {
+      name: 'test bridgechain',
+      seedNodes: ['1.1.1.1', '2.2.2.2'],
+      genesisHash: '2a44f340d76ffc3df204c5f38cd355b7496c9065a1ade2ef92071436bd72e867',
+      bridgechainRepository: 'http://ark.io',
+      ports: {
+        '@arkecosystem/core-api': 4003
+      },
+      isResigned: false
+    }
+  }
+
+  wrapper = mount(component, {
+    i18n,
+    localVue,
+    propsData,
+    sync: false,
+    stubs: {
+      Portal: '<div class="Portal"><slot /></div>'
+    }
+  })
+}
+
+describe('WalletBusinessShowBridgechain', () => {
+  beforeEach(() => {
+    createWrapper()
+  })
+
+  it('should render', () => {
+    expect(wrapper.contains('.WalletBusinessShowBridgechain')).toBe(true)
+  })
+
+  describe('template', () => {
+    it('should output bridgechain name', () => {
+      const props = wrapper.find('.WalletBusinessShowBridgechain__name').props()
+
+      expect(props.label).toBe('WALLET_BUSINESS.BRIDGECHAIN.NAME')
+      expect(props.value).toBe('test bridgechain')
+    })
+
+    it('should output seed nodes', () => {
+      const seedNodes = wrapper.find('.WalletBusinessShowBridgechain__seed-nodes')
+      const seedNodeItems = seedNodes.findAll('.WalletBusinessShowBridgechain__seed-nodes__item')
+
+      expect(seedNodes.props('label')).toBe('WALLET_BUSINESS.BRIDGECHAIN.SEED_NODES')
+
+      for (let itemIndex = 0; itemIndex < seedNodeItems.length; itemIndex++) {
+        const seedNode = seedNodeItems.at(itemIndex)
+        expect(seedNode.text()).toBe(wrapper.vm.bridgechain.seedNodes[itemIndex])
+      }
+    })
+
+    it('should output genesis hash', () => {
+      const genesisHash = wrapper.find('.WalletBusinessShowBridgechain__genesis-hash')
+      const genesisHashItem = genesisHash.find('.WalletBusinessShowBridgechain__genesis-hash__item')
+
+      expect(genesisHash.props('label')).toBe('WALLET_BUSINESS.BRIDGECHAIN.GENESIS_HASH')
+      expect(genesisHashItem.text()).toBe(truncateMiddle(wrapper.vm.bridgechain.genesisHash, 10))
+    })
+
+    it('should output genesis hash', () => {
+      const bridgechainRepo = wrapper.find('.WalletBusinessShowBridgechain__bridgechain-repo')
+      const bridgechainRepoItem = bridgechainRepo.find('.WalletBusinessShowBridgechain__bridgechain-repo__item')
+
+      expect(bridgechainRepo.props('label')).toBe('WALLET_BUSINESS.BRIDGECHAIN.BRIDGECHAIN_REPOSITORY')
+      expect(bridgechainRepoItem.text()).toBe(wrapper.vm.bridgechain.bridgechainRepository)
+    })
+  })
+
+  describe('computed isResigned', () => {
+    it('should return false if not present in bridgechain', () => {
+      const props = {
+        bridgechain: {
+          ...wrapper.vm.bridgechain,
+          isResigned: undefined
+        }
+      }
+      createWrapper(null, props)
+
+      expect(wrapper.vm.isResigned).toBe(false)
+    })
+
+    it('should return false if bridgechain is false', () => {
+      expect(wrapper.vm.isResigned).toBe(false)
+    })
+
+    it('should return true if bridgechain is true', async () => {
+      const props = {
+        bridgechain: {
+          ...wrapper.vm.bridgechain,
+          isResigned: true
+        }
+      }
+      createWrapper(null, props)
+      await wrapper.vm.$nextTick()
+
+      expect(wrapper.vm.isResigned).toBe(true)
+    })
+  })
+
+  describe('closeTransactionModal', () => {
+    it('should toggle method & call "emitClose" if open', () => {
+      const spy = jest.spyOn(wrapper.vm, 'emitClose').mockImplementation()
+      const toggleClose = jest.fn()
+      wrapper.vm.closeTransactionModal(toggleClose, true)
+
+      expect(toggleClose).toHaveBeenCalledTimes(1)
+      expect(spy).toHaveBeenCalledTimes(1)
+    })
+
+    it('should only call "emitClose" if already closed', () => {
+      const spy = jest.spyOn(wrapper.vm, 'emitClose').mockImplementation()
+      const toggleClose = jest.fn()
+      wrapper.vm.closeTransactionModal(toggleClose, false)
+
+      expect(toggleClose).not.toHaveBeenCalled()
+      expect(spy).toHaveBeenCalledTimes(1)
+    })
+
+    it('should not toggle method if not a function', async () => {
+      expect(() => { wrapper.vm.closeTransactionModal(null, true) }).not.toThrowError()
+    })
+  })
+
+  describe('emitClose', () => {
+    it('should emit "close"', () => {
+      wrapper.vm.emitClose()
+
+      expect(wrapper.emitted('close')[0][0]).toBe('navigateToTransactions')
+    })
+  })
+})
diff --git a/__tests__/unit/components/Wallet/WalletHeading.spec.js b/__tests__/unit/components/Wallet/WalletHeading.spec.js
index 98b2d45685..c055aaef3b 100644
--- a/__tests__/unit/components/Wallet/WalletHeading.spec.js
+++ b/__tests__/unit/components/Wallet/WalletHeading.spec.js
@@ -37,6 +37,15 @@ const sampleWalletData = {
 }
 
 const mocks = {
+  $store: {
+    getters: {
+      'session/network': {
+        milestone: {
+          aip11: false
+        }
+      }
+    }
+  },
   wallet_fromRoute: sampleWalletData,
   wallet_truncate: value => value,
   walletVote: {
diff --git a/__tests__/unit/components/Wallet/WalletIpfs.spec.js b/__tests__/unit/components/Wallet/WalletIpfs.spec.js
new file mode 100644
index 0000000000..c1a03168fb
--- /dev/null
+++ b/__tests__/unit/components/Wallet/WalletIpfs.spec.js
@@ -0,0 +1,53 @@
+import { createLocalVue, mount } from '@vue/test-utils'
+import installI18n from '../../__utils__/i18n'
+import { WalletIpfs } from '@/components/Wallet/WalletIpfs'
+
+const localVue = createLocalVue()
+const i18n = installI18n(localVue)
+
+let wrapper
+const createWrapper = (component, propsData) => {
+  component = component || WalletIpfs
+
+  wrapper = mount(component, {
+    i18n,
+    localVue,
+    stubs: {
+      WalletTransactions: '<div class="WalletTransactions"></div>'
+    }
+  })
+}
+
+describe('WalletIpfs', () => {
+  beforeEach(() => {
+    createWrapper()
+  })
+
+  it('should render', () => {
+    expect(wrapper.contains('.WalletIpfs')).toBe(true)
+  })
+
+  it('should include WalletTransactions component', () => {
+    expect(wrapper.contains('.WalletTransactions')).toBe(true)
+  })
+
+  describe('closeTransactionModal', () => {
+    it('should toggle method if open', () => {
+      const toggleClose = jest.fn()
+      wrapper.vm.closeTransactionModal(toggleClose, true)
+
+      expect(toggleClose).toHaveBeenCalledTimes(1)
+    })
+
+    it('should do nothing if already closed', () => {
+      const toggleClose = jest.fn()
+      wrapper.vm.closeTransactionModal(toggleClose, false)
+
+      expect(toggleClose).not.toHaveBeenCalled()
+    })
+
+    it('should not toggle method if not a function', async () => {
+      expect(() => { wrapper.vm.closeTransactionModal(null, true) }).not.toThrowError()
+    })
+  })
+})
diff --git a/__tests__/unit/components/Wallet/WalletMultiSignature.spec.js b/__tests__/unit/components/Wallet/WalletMultiSignature.spec.js
new file mode 100644
index 0000000000..d89020d5ae
--- /dev/null
+++ b/__tests__/unit/components/Wallet/WalletMultiSignature.spec.js
@@ -0,0 +1,140 @@
+import { createLocalVue, mount } from '@vue/test-utils'
+import installI18n from '../../__utils__/i18n'
+import { WalletMultiSignature } from '@/components/Wallet/WalletMultiSignature'
+import MultiSignatureClient from '@/services/client-multisig'
+
+const localVue = createLocalVue()
+const i18n = installI18n(localVue)
+const samplePeer = Object.freeze({
+  host: 'http://1.1.1.1',
+  port: '1234'
+})
+
+let wrapper
+let errorMock
+let successMock
+let dispatchMock
+const createWrapper = (component, gettersPeer) => {
+  component = component || WalletMultiSignature
+  gettersPeer = gettersPeer === undefined ? samplePeer : gettersPeer
+
+  errorMock = jest.fn()
+  successMock = jest.fn()
+  dispatchMock = jest.fn()
+
+  wrapper = mount(component, {
+    i18n,
+    localVue,
+    mocks: {
+      $error: errorMock,
+      $success: successMock,
+      $store: {
+        dispatch: dispatchMock,
+        getters: {
+          get 'session/multiSignaturePeer' () {
+            return gettersPeer
+          }
+        }
+      }
+    },
+    stubs: {
+      Portal: '<div class="Portal"><slot /></div>',
+      WalletTransactionsMultiSignature: '<div class="WalletTransactionsMultiSignature"></div>'
+    }
+  })
+}
+
+describe('WalletMultiSignature', () => {
+  beforeEach(() => {
+    createWrapper()
+  })
+
+  it('should render', () => {
+    expect(wrapper.contains('.WalletMultiSignature')).toBe(true)
+  })
+
+  it('should include WalletTransactionsMultiSignature component', () => {
+    expect(wrapper.contains('.WalletTransactionsMultiSignature')).toBe(true)
+  })
+
+  describe('computed peer', () => {
+    it('should get value from store', () => {
+      expect(wrapper.vm.peer).toBe(samplePeer)
+    })
+  })
+
+  describe('computed peerOutput', () => {
+    it('should output peer if connected to one', () => {
+      expect(wrapper.vm.peerOutput).toBe(`${samplePeer.host}:${samplePeer.port}`)
+    })
+
+    it('should output message if not connected to one', async () => {
+      createWrapper(null, null)
+
+      await wrapper.vm.$nextTick()
+
+      expect(wrapper.vm.peerOutput).toBe('PEER.NONE')
+    })
+  })
+
+  describe('showLoadingModal', () => {
+    it('should update when connecting to peer', async () => {
+      const spyHandshake = jest.spyOn(MultiSignatureClient, 'performHandshake').mockImplementation(async () => false)
+      const spyShowLoading = jest.spyOn(wrapper.vm, 'showLoadingModal', 'set').mockImplementation()
+
+      await wrapper.vm.connectPeer({ peer: samplePeer, closeTrigger: null })
+
+      expect(spyShowLoading).toHaveBeenCalledWith(true)
+      expect(spyShowLoading).toHaveBeenCalledWith(false)
+      expect(spyShowLoading).toHaveBeenCalledTimes(2)
+
+      spyHandshake.mockRestore()
+    })
+
+    it('should show loader when true', async () => {
+      expect(wrapper.contains('.ModalLoader')).toBe(false)
+
+      wrapper.vm.showLoadingModal = true
+
+      expect(wrapper.find('.ModalLoader').isVisible()).toBe(true)
+    })
+  })
+
+  describe('connectPeer', () => {
+    it('should save peer if handshake is successful', async () => {
+      const spyHandshake = jest.spyOn(MultiSignatureClient, 'performHandshake').mockImplementation(async () => true)
+
+      await wrapper.vm.connectPeer({ peer: samplePeer, closeTrigger: null })
+
+      expect(dispatchMock).toHaveBeenCalledWith('session/setMultiSignaturePeer', samplePeer)
+      expect(dispatchMock).toHaveBeenCalledWith('profile/setMultiSignaturePeer', samplePeer)
+      expect(dispatchMock).toHaveBeenCalledTimes(2)
+      expect(successMock).toHaveBeenCalledWith(`PEER.CONNECTED: ${samplePeer.host}:${samplePeer.port}`)
+      expect(successMock).toHaveBeenCalledTimes(1)
+
+      spyHandshake.mockRestore()
+    })
+
+    it('should trigger close method if handshake is successful', async () => {
+      const spyHandshake = jest.spyOn(MultiSignatureClient, 'performHandshake').mockImplementation(async () => true)
+      const closeTrigger = jest.fn()
+
+      await wrapper.vm.connectPeer({ peer: samplePeer, closeTrigger })
+
+      expect(closeTrigger).toHaveBeenCalledTimes(1)
+
+      spyHandshake.mockRestore()
+    })
+
+    it('should throw error if handshake is not successful', async () => {
+      const spyHandshake = jest.spyOn(MultiSignatureClient, 'performHandshake').mockImplementation(async () => false)
+
+      await wrapper.vm.connectPeer({ peer: samplePeer, closeTrigger: null })
+
+      expect(errorMock).toHaveBeenCalledWith('PEER.CONNECT_FAILED')
+      expect(errorMock).toHaveBeenCalledTimes(1)
+
+      spyHandshake.mockRestore()
+    })
+  })
+})
diff --git a/__tests__/unit/components/Wallet/WalletTransactions.spec.js b/__tests__/unit/components/Wallet/WalletTransactions.spec.js
deleted file mode 100644
index 6814a5142f..0000000000
--- a/__tests__/unit/components/Wallet/WalletTransactions.spec.js
+++ /dev/null
@@ -1,20 +0,0 @@
-import { shallowMount } from '@vue/test-utils'
-import { WalletTransactions } from '@/components/Wallet'
-
-describe('WalletTransactions', () => {
-  it('should render', () => {
-    const wrapper = shallowMount(WalletTransactions, {
-      stubs: {
-        TransactionTable: true
-      },
-      mocks: {
-        $store: {
-          getters: {
-            'transaction/byAddress': jest.fn(() => [])
-          }
-        }
-      }
-    })
-    expect(wrapper.isVueInstance()).toBeTrue()
-  })
-})
diff --git a/__tests__/unit/components/Wallet/WalletTransactions/WalletTransactions.spec.js b/__tests__/unit/components/Wallet/WalletTransactions/WalletTransactions.spec.js
new file mode 100644
index 0000000000..284d9e3b17
--- /dev/null
+++ b/__tests__/unit/components/Wallet/WalletTransactions/WalletTransactions.spec.js
@@ -0,0 +1,536 @@
+import { createLocalVue, mount } from '@vue/test-utils'
+import nock from 'nock'
+import installI18n from '../../../__utils__/i18n'
+import { WalletTransactions } from '@/components/Wallet/WalletTransactions'
+import WalletTransactionsMixin from '@/components/Wallet/WalletTransactions/mixin'
+import * as mergeTableTransactions from '@/components/utils/merge-table-transactions'
+import ClientService from '@/services/client'
+
+const clientService = new ClientService(false)
+
+const localVue = createLocalVue()
+const i18n = installI18n(localVue)
+const sampleTransactions = Object.freeze([])
+
+let wrapper
+
+let errorMock
+let successMock
+let eventOnMock
+let eventOffMock
+let clientFetchTransactionsMock
+let loggerErrorMock
+let dispatchMock
+const createWrapper = (component, gettersTransactions) => {
+  component = component || WalletTransactions
+  gettersTransactions = gettersTransactions === undefined ? sampleTransactions : gettersTransactions
+
+  errorMock = jest.fn()
+  successMock = jest.fn()
+  eventOnMock = jest.fn()
+  eventOffMock = jest.fn()
+  clientFetchTransactionsMock = jest.fn()
+  loggerErrorMock = jest.fn()
+  dispatchMock = jest.fn()
+
+  wrapper = mount(component, {
+    i18n,
+    localVue,
+    mocks: {
+      $error: errorMock,
+      $success: successMock,
+      $client: {
+        fetchWalletTransactions: clientFetchTransactionsMock
+      },
+      $eventBus: {
+        on: eventOnMock,
+        off: eventOffMock
+      },
+      $logger: {
+        error: loggerErrorMock
+      },
+      $store: {
+        dispatch: dispatchMock,
+        getters: {
+          get 'transaction/byAddress' () {
+            return gettersTransactions
+          }
+        }
+      },
+      session_profile: {
+        id: 'profile-1'
+      }
+    },
+    mixins: [{
+      data: () => ({
+        mockWalletRoute: 1
+      }),
+      computed: {
+        wallet_fromRoute () {
+          return !this.mockWalletRoute ? null : {
+            address: `address-${this.mockWalletRoute}`,
+            business: {
+              name: 'business-name',
+              website: 'http://business.website',
+              publicKey: `public-key-${this.mockWalletRoute}`,
+              resigned: false
+            },
+            publicKey: `public-key-${this.mockWalletRoute}`
+          }
+        }
+      }
+    }],
+    stubs: {
+      TransactionTable: '<div class="TransactionTable"></div>'
+    }
+  })
+}
+
+describe('WalletTransactions', () => {
+  beforeEach(() => {
+    createWrapper()
+  })
+
+  it('should render', () => {
+    expect(wrapper.contains('.WalletTransactions')).toBe(true)
+  })
+
+  describe('props transactionType', () => {
+    beforeEach(() => {
+      wrapper.setProps({
+        transactionType: 7
+      })
+    })
+
+    it('should be set', () => {
+      expect(wrapper.vm.transactionType).toBe(7)
+    })
+
+    it('should be passed to TransactionTable component', () => {
+      expect(wrapper.find('.TransactionTable').props('transactionType')).toBe(7)
+    })
+  })
+
+  describe('created hook', () => {
+    it('should load transactions', () => {
+      const spy = jest.spyOn(WalletTransactionsMixin.methods, 'loadTransactions').mockImplementation()
+      createWrapper()
+
+      expect(spy).toHaveBeenCalledTimes(1)
+
+      spy.mockRestore()
+    })
+
+    it('should initiate event', () => {
+      const spy = jest.spyOn(WalletTransactions.methods, 'enableNewTransactionEvent').mockImplementation()
+      createWrapper()
+
+      expect(eventOnMock).toHaveBeenCalledTimes(1)
+      expect(eventOnMock).toHaveBeenCalledWith('wallet:reload', wrapper.vm.loadTransactions)
+
+      spy.mockRestore()
+    })
+
+    it('should setup "new transaction" event', () => {
+      const spy = jest.spyOn(WalletTransactions.methods, 'enableNewTransactionEvent').mockImplementation()
+      createWrapper()
+
+      expect(spy).toHaveBeenCalledTimes(1)
+      expect(spy).toHaveBeenCalledWith('address-1')
+
+      spy.mockRestore()
+    })
+  })
+
+  describe('beforeDestroy hook', () => {
+    it('should disable event', () => {
+      jest.spyOn(wrapper.vm, 'disableNewTransactionEvent').mockImplementation()
+
+      eventOffMock.mockReset()
+      wrapper.destroy()
+
+      expect(eventOffMock).toHaveBeenCalledTimes(1)
+      expect(eventOffMock).toHaveBeenCalledWith('wallet:reload', wrapper.vm.loadTransactions)
+    })
+
+    it('should disable "new transaction" event', () => {
+      const spy = jest.spyOn(wrapper.vm, 'disableNewTransactionEvent').mockImplementation()
+
+      wrapper.destroy()
+
+      expect(spy).toHaveBeenCalledTimes(1)
+      expect(spy).toHaveBeenCalledWith('address-1')
+    })
+
+    it('should not disable "new transaction" event if no wallet from route', () => {
+      const spy = jest.spyOn(wrapper.vm, 'disableNewTransactionEvent').mockImplementation()
+
+      wrapper.vm.mockWalletRoute = null
+      spy.mockReset()
+      wrapper.destroy()
+
+      expect(spy).not.toHaveBeenCalled()
+    })
+  })
+
+  describe('methods', () => {
+    describe('enableNewTransactionEvent', () => {
+      let spyDisableNew
+      beforeEach(() => {
+        spyDisableNew = jest.spyOn(wrapper.vm, 'disableNewTransactionEvent')
+      })
+
+      it('should not do anything if no address', () => {
+        wrapper.vm.enableNewTransactionEvent(null)
+
+        expect(spyDisableNew).not.toHaveBeenCalled()
+      })
+
+      it('should disable "new transaction" event if address value is given', () => {
+        eventOnMock.mockReset()
+        wrapper.vm.enableNewTransactionEvent('address')
+
+        expect(spyDisableNew).toHaveBeenCalledTimes(1)
+        expect(spyDisableNew).toHaveBeenCalledWith('address')
+        expect(eventOnMock).toHaveBeenCalledTimes(1)
+        expect(eventOnMock).toHaveBeenCalledWith('wallet:address:transaction:new', wrapper.vm.refreshStatusEvent)
+      })
+    })
+
+    describe('disableNewTransactionEvent', () => {
+      beforeEach(() => {
+        eventOffMock.mockReset()
+      })
+
+      it('should not do anything if no address', () => {
+        wrapper.vm.disableNewTransactionEvent(null)
+
+        expect(eventOffMock).not.toHaveBeenCalled()
+      })
+
+      it('should disable "new transaction" event if address value is given', () => {
+        wrapper.vm.enableNewTransactionEvent('address')
+
+        expect(eventOffMock).toHaveBeenCalledTimes(1)
+        expect(eventOffMock).toHaveBeenCalledWith('wallet:address:transaction:new', wrapper.vm.refreshStatusEvent)
+      })
+    })
+
+    describe('getStoredTransactions', () => {
+      const transactions = [
+        { type: 10 },
+        { type: 1 },
+        { type: 7 },
+        { type: 0 }
+      ]
+
+      it('should not do anything if no address', () => {
+        const spy = jest.fn(() => [])
+        createWrapper(null, spy)
+        wrapper.vm.getStoredTransactions(null)
+
+        expect(spy).not.toHaveBeenCalled()
+      })
+
+      it('should get stored transactions if address is provided', () => {
+        const spy = jest.fn(() => [])
+        createWrapper(null, spy)
+        wrapper.vm.getStoredTransactions('address')
+
+        expect(spy).toHaveBeenCalledTimes(1)
+        expect(spy).toHaveBeenCalledWith('address', { includeExpired: true })
+      })
+
+      it('should return all transactions if no transactionType prop is specified', () => {
+        createWrapper(null, jest.fn(() => transactions))
+        wrapper.setProps({
+          transactionType: 0
+        })
+
+        expect(wrapper.vm.getStoredTransactions('address')).toEqual([{ type: 0 }])
+
+        wrapper.setProps({
+          transactionType: null
+        })
+
+        expect(wrapper.vm.getStoredTransactions('address')).toEqual(transactions)
+      })
+
+      it('should filter transactions if transactionType prop is specified', () => {
+        createWrapper(null, jest.fn(() => transactions))
+        wrapper.setProps({
+          transactionType: 7
+        })
+
+        expect(wrapper.vm.getStoredTransactions('address')).toEqual([{ type: 7 }])
+      })
+
+      it('should return empty array if no results', () => {
+        createWrapper(null, jest.fn(() => transactions))
+        wrapper.setProps({
+          transactionType: 2
+        })
+
+        expect(wrapper.vm.getStoredTransactions('address')).toEqual([])
+      })
+    })
+
+    describe('getTransactions', () => {
+      it('should not do anything if no address', async () => {
+        const spy = jest.spyOn(wrapper.vm, 'queryParams', 'get')
+        await wrapper.vm.getTransactions(null)
+
+        expect(spy).not.toHaveBeenCalled()
+      })
+
+      it('should get stored transactions if address is provided', async () => {
+        clientFetchTransactionsMock.mockReset()
+        await wrapper.vm.getTransactions('address')
+
+        expect(clientFetchTransactionsMock).toHaveBeenCalledTimes(1)
+        expect(clientFetchTransactionsMock).toHaveBeenCalledWith('address', {
+          transactionType: null,
+          page: 1,
+          limit: 10,
+          orderBy: 'timestamp:desc'
+        })
+      })
+
+      it('should use updated props when changed', async () => {
+        const params = {
+          page: 2,
+          limit: 5,
+          sort: {
+            field: 'amount',
+            type: 'asc'
+          }
+        }
+        wrapper.setProps({
+          transactionType: 7
+        })
+        wrapper.vm.__updateParams(params)
+
+        clientFetchTransactionsMock.mockReset()
+        await wrapper.vm.getTransactions('address')
+
+        expect(clientFetchTransactionsMock).toHaveBeenCalledTimes(1)
+        expect(clientFetchTransactionsMock).toHaveBeenCalledWith('address', {
+          transactionType: 7,
+          page: params.page,
+          limit: params.limit,
+          orderBy: `${params.sort.field}:${params.sort.type}`
+        })
+      })
+    })
+
+    describe('fetchTransactions', () => {
+      const remoteTransactions = [
+        'remote-1'
+      ]
+      const localTransactions = [
+        'local-1'
+      ]
+
+      let mergeTableMock
+      beforeEach(() => {
+        mergeTableMock = jest.spyOn(mergeTableTransactions, 'default')
+      })
+
+      afterEach(() => {
+        mergeTableMock.mockRestore()
+      })
+
+      it('should not fetch if already fetching', async () => {
+        const spy = jest.spyOn(wrapper.vm, 'getTransactions')
+
+        wrapper.vm.isFetching = true
+        await wrapper.vm.fetchTransactions()
+
+        expect(spy).not.toHaveBeenCalled()
+      })
+
+      it('should fetch if not already fetching', async () => {
+        const spy = jest.spyOn(wrapper.vm, 'getTransactions')
+
+        await wrapper.vm.fetchTransactions()
+
+        expect(spy).toHaveBeenCalledTimes(1)
+        expect(spy).toHaveBeenCalledWith('address-1')
+      })
+
+      it('should delete transactions received from api', async () => {
+        jest.spyOn(wrapper.vm, 'getTransactions').mockReturnValue({ transactions: remoteTransactions })
+
+        await wrapper.vm.fetchTransactions()
+
+        expect(dispatchMock).toHaveBeenCalledTimes(1)
+        expect(dispatchMock).toHaveBeenCalledWith('transaction/deleteBulk', {
+          transactions: remoteTransactions,
+          profileId: 'profile-1'
+        })
+      })
+
+      it('should attempt to merge stored and remote transaction arrays', async () => {
+        jest.spyOn(wrapper.vm, 'getTransactions').mockReturnValue({ transactions: remoteTransactions })
+        jest.spyOn(wrapper.vm, 'getStoredTransactions').mockReturnValue(localTransactions)
+
+        await wrapper.vm.fetchTransactions()
+
+        expect(mergeTableMock).toHaveBeenCalledTimes(1)
+        expect(mergeTableMock).toHaveBeenCalledWith(remoteTransactions, localTransactions, wrapper.vm.queryParams.sort)
+      })
+
+      it('should store updated transactions if route address has not changed', async () => {
+        mergeTableMock.mockReturnValue([...remoteTransactions, ...localTransactions])
+        jest.spyOn(wrapper.vm, 'getStoredTransactions').mockReturnValue(localTransactions)
+        jest.spyOn(wrapper.vm, 'getTransactions').mockReturnValue({
+          transactions: remoteTransactions,
+          totalCount: 1
+        })
+
+        await wrapper.vm.fetchTransactions()
+
+        expect(wrapper.vm.fetchedTransactions).toEqual([...remoteTransactions, ...localTransactions])
+        expect(wrapper.vm.totalCount).toEqual(1)
+      })
+
+      it('should not store transactions if route address has changed', async () => {
+        wrapper.vm.fetchedTransactions = ['placeholder']
+        wrapper.vm.totalCount = 31
+
+        await wrapper.vm.$nextTick()
+
+        mergeTableMock.mockReturnValue([...remoteTransactions, ...localTransactions])
+        jest.spyOn(wrapper.vm, 'reset').mockImplementation()
+        jest.spyOn(wrapper.vm, 'getStoredTransactions').mockReturnValue(localTransactions)
+        jest.spyOn(wrapper.vm, 'getTransactions').mockImplementation(async () => {
+          wrapper.vm.mockWalletRoute = 2
+
+          await wrapper.vm.$nextTick()
+
+          return {
+            transactions: remoteTransactions,
+            totalCount: 1
+          }
+        })
+
+        await wrapper.vm.fetchTransactions()
+
+        expect(wrapper.vm.fetchedTransactions).toEqual(['placeholder'])
+        expect(wrapper.vm.totalCount).toEqual(31)
+      })
+
+      it('should output error if not "wallet not found"', async () => {
+        clientFetchTransactionsMock.mockImplementation((address, options = {}) => {
+          return clientService.fetchWalletTransactions(address, options)
+        })
+        nock('http://localhost')
+          .get('/wallets/address-1/transactions')
+          .query(true)
+          .reply(500, {
+            message: 'oops'
+          })
+
+        wrapper.vm.fetchedTransactions = ['placeholder']
+
+        loggerErrorMock.mockReset()
+        errorMock.mockReset()
+        await wrapper.vm.fetchTransactions()
+
+        expect(loggerErrorMock).toHaveBeenCalled()
+        expect(errorMock).toHaveBeenCalledWith('COMMON.FAILED_FETCH')
+        expect(wrapper.vm.fetchedTransactions).toEqual([])
+      })
+
+      it('should not output error if "wallet not found"', async () => {
+        clientFetchTransactionsMock.mockImplementation((address, options = {}) => {
+          return clientService.fetchWalletTransactions(address, options)
+        })
+        nock('http://localhost')
+          .get('/wallets/address-1/transactions')
+          .query(true)
+          .reply(404, {
+            message: 'Wallet not found'
+          })
+
+        wrapper.vm.fetchedTransactions = ['placeholder']
+
+        loggerErrorMock.mockReset()
+        errorMock.mockReset()
+        await wrapper.vm.fetchTransactions()
+
+        expect(loggerErrorMock).not.toHaveBeenCalled()
+        expect(errorMock).not.toHaveBeenCalled()
+        expect(wrapper.vm.fetchedTransactions).toEqual([])
+      })
+    })
+
+    describe('refreshStatusEvent', () => {
+      it('should call refreshStatus', () => {
+        const spy = jest.spyOn(WalletTransactions.methods, 'refreshStatus').mockImplementation()
+        createWrapper()
+
+        wrapper.vm.refreshStatusEvent()
+        expect(spy).toHaveBeenCalledTimes(1)
+
+        spy.mockRestore()
+      })
+    })
+
+    describe('refreshStatus', () => {
+      it('should do nothing if no wallet', async () => {
+        const spy = jest.spyOn(wrapper.vm, 'getTransactions')
+
+        wrapper.vm.mockWalletRoute = null
+        await wrapper.vm.refreshStatus()
+
+        expect(spy).not.toHaveBeenCalled()
+      })
+
+      it('should update transaction notice if new transactions', async () => {
+        jest.spyOn(wrapper.vm, 'getTransactions').mockReturnValue({ transactions: [{ id: 'test' }] })
+        jest.spyOn(wrapper.vm, 'getStoredTransactions').mockReturnValue([])
+
+        await wrapper.vm.refreshStatus()
+
+        expect(wrapper.vm.newTransactionsNotice).toBe('WALLET_TRANSACTIONS.NEW_TRANSACTIONS')
+      })
+
+      it('should not update transaction notice if no new transactions', async () => {
+        const transactions = [{ id: 'test' }]
+        wrapper.vm.fetchedTransactions = transactions
+        jest.spyOn(wrapper.vm, 'getTransactions').mockReturnValue({ transactions })
+        jest.spyOn(wrapper.vm, 'getStoredTransactions').mockReturnValue(transactions)
+
+        await wrapper.vm.refreshStatus()
+
+        expect(wrapper.vm.newTransactionsNotice).not.toBe('WALLET_TRANSACTIONS.NEW_TRANSACTIONS')
+      })
+
+      it('should update transaction confirmations', async () => {
+        const newTransactions = [{ id: 'test', confirmations: 2 }]
+        const oldTransactions = [{ id: 'test', confirmations: 1 }]
+        jest.spyOn(wrapper.vm, 'getTransactions').mockReturnValue({ transactions: newTransactions })
+        jest.spyOn(wrapper.vm, 'getStoredTransactions').mockReturnValue([])
+        wrapper.vm.fetchedTransactions = oldTransactions
+
+        await wrapper.vm.refreshStatus()
+
+        expect(oldTransactions[0].confirmations).toBe(2)
+      })
+
+      it('should do nothing on error', async () => {
+        wrapper.vm.newTransactionsNotice = 'test'
+        const error = new Error('failed web request')
+        jest.spyOn(wrapper.vm, 'getTransactions').mockImplementation(() => {
+          throw error
+        })
+
+        await wrapper.vm.refreshStatus()
+
+        expect(loggerErrorMock).toHaveBeenCalledWith('Failed to update confirmations: ', error)
+        expect(wrapper.vm.newTransactionsNotice).toBe('test')
+      })
+    })
+  })
+})
diff --git a/__tests__/unit/components/Wallet/WalletTransactions/WalletTransactionsMultiSignature.spec.js b/__tests__/unit/components/Wallet/WalletTransactions/WalletTransactionsMultiSignature.spec.js
new file mode 100644
index 0000000000..86c2236562
--- /dev/null
+++ b/__tests__/unit/components/Wallet/WalletTransactions/WalletTransactionsMultiSignature.spec.js
@@ -0,0 +1,286 @@
+import { createLocalVue, mount } from '@vue/test-utils'
+import installI18n from '../../../__utils__/i18n'
+import { WalletTransactionsMultiSignature } from '@/components/Wallet/WalletTransactions'
+import WalletTransactionsMixin from '@/components/Wallet/WalletTransactions/mixin'
+import MultiSignatureClient from '@/services/client-multisig'
+import WalletService from '@/services/wallet'
+
+jest.mock('@/services/wallet')
+
+const localVue = createLocalVue()
+const i18n = installI18n(localVue)
+const sampleTransactions = Object.freeze([])
+
+let wrapper
+
+let errorMock
+let successMock
+let eventOnMock
+let eventOffMock
+let multiSignatureClientMock
+let publicKeyFromWalletMock
+let loggerErrorMock
+let dispatchMock
+const createWrapper = (component, gettersTransactions) => {
+  component = component || WalletTransactionsMultiSignature
+  gettersTransactions = gettersTransactions === undefined ? sampleTransactions : gettersTransactions
+
+  errorMock = jest.fn()
+  successMock = jest.fn()
+  eventOnMock = jest.fn()
+  eventOffMock = jest.fn()
+  multiSignatureClientMock = jest.spyOn(MultiSignatureClient, 'getTransactions').mockImplementation()
+  loggerErrorMock = jest.fn()
+  dispatchMock = jest.fn()
+  publicKeyFromWalletMock = jest.fn() // jest.spyOn(WalletService.default, 'getPublicKeyFromWallet').mockImplementation()
+  WalletService.getPublicKeyFromWallet = publicKeyFromWalletMock.bind(WalletService)
+
+  wrapper = mount(component, {
+    i18n,
+    localVue,
+    mocks: {
+      $error: errorMock,
+      $success: successMock,
+      $eventBus: {
+        on: eventOnMock,
+        off: eventOffMock
+      },
+      $logger: {
+        error: loggerErrorMock
+      },
+      $store: {
+        dispatch: dispatchMock,
+        getters: {
+          get 'session/multiSignaturePeer' () {
+            return {
+              ip: 'http://1.2.3.4',
+              port: 1234
+            }
+          }
+          // get 'transaction/byAddress' () {
+          //   return gettersTransactions
+          // }
+        }
+      },
+      session_profile: {
+        id: 'profile-1'
+      }
+    },
+    mixins: [{
+      data: () => ({
+        mockWalletRoute: 1
+      }),
+      computed: {
+        wallet_fromRoute () {
+          return !this.mockWalletRoute ? null : {
+            address: `address-${this.mockWalletRoute}`,
+            business: {
+              name: 'business-name',
+              website: 'http://business.website',
+              publicKey: `public-key-${this.mockWalletRoute}`,
+              resigned: false
+            },
+            publicKey: `public-key-${this.mockWalletRoute}`
+          }
+        }
+      }
+    }],
+    stubs: {
+      TransactionTable: '<div class="TransactionTable"></div>'
+    }
+  })
+}
+
+describe('WalletTransactionsMultiSignature', () => {
+  beforeEach(() => {
+    createWrapper()
+  })
+
+  it('should render', () => {
+    expect(wrapper.contains('.WalletTransactions')).toBe(true)
+  })
+
+  describe('created hook', () => {
+    it('should load transactions', () => {
+      const spy = jest.spyOn(WalletTransactionsMixin.methods, 'loadTransactions').mockImplementation()
+      createWrapper()
+
+      expect(spy).toHaveBeenCalledTimes(1)
+
+      spy.mockRestore()
+    })
+
+    it('should initiate event', () => {
+      const spy = jest.spyOn(WalletTransactionsMixin.methods, 'loadTransactions').mockImplementation()
+      createWrapper()
+
+      expect(eventOnMock).toHaveBeenCalledTimes(2)
+      expect(eventOnMock).toHaveBeenCalledWith('wallet:reload', wrapper.vm.loadTransactions)
+      expect(eventOnMock).toHaveBeenCalledWith('wallet:reload:multi-signature', wrapper.vm.loadTransactions)
+
+      spy.mockRestore()
+    })
+  })
+
+  describe('beforeDestroy hook', () => {
+    it('should disable event', () => {
+      eventOffMock.mockReset()
+      wrapper.destroy()
+
+      expect(eventOffMock).toHaveBeenCalledTimes(2)
+      expect(eventOffMock).toHaveBeenCalledWith('wallet:reload', wrapper.vm.loadTransactions)
+      expect(eventOffMock).toHaveBeenCalledWith('wallet:reload:multi-signature', wrapper.vm.loadTransactions)
+    })
+  })
+
+  describe('methods', () => {
+    describe('getTransactions', () => {
+      it('should not do anything if no address', async () => {
+        const spy = jest.spyOn(wrapper.vm, 'queryParams', 'get')
+        await wrapper.vm.getTransactions(null)
+
+        expect(spy).not.toHaveBeenCalled()
+      })
+
+      it('should get transactions from peer', async () => {
+        multiSignatureClientMock.mockReset()
+        await wrapper.vm.getTransactions('publicKey')
+
+        expect(multiSignatureClientMock).toHaveBeenCalledTimes(1)
+        expect(multiSignatureClientMock).toHaveBeenCalledWith({
+          ip: 'http://1.2.3.4',
+          port: 1234
+        }, 'publicKey')
+      })
+    })
+
+    describe('fetchTransactions', () => {
+      const remoteTransactions = [
+        'remote-1'
+      ]
+
+      beforeEach(() => {
+        publicKeyFromWalletMock.mockReset()
+        publicKeyFromWalletMock.mockReturnValue('publicKey')
+      })
+
+      it('should not fetch if already fetching', async () => {
+        const spy = jest.spyOn(wrapper.vm, 'getTransactions')
+
+        wrapper.vm.isFetching = true
+        await wrapper.vm.fetchTransactions()
+
+        expect(spy).not.toHaveBeenCalled()
+      })
+
+      it('should fetch if not already fetching', async () => {
+        const spy = jest.spyOn(wrapper.vm, 'getTransactions')
+
+        await wrapper.vm.fetchTransactions()
+
+        expect(spy).toHaveBeenCalledTimes(1)
+        expect(spy).toHaveBeenCalledWith('publicKey')
+      })
+
+      it('should not fetch if no wallet', async () => {
+        wrapper.vm.mockWalletRoute = null
+
+        await wrapper.vm.$nextTick()
+        await wrapper.vm.fetchTransactions()
+
+        expect(publicKeyFromWalletMock).not.toHaveBeenCalled()
+      })
+
+      it('should store updated transactions if route address has not changed', async () => {
+        wrapper.vm.fetchedTransactions = ['placeholder']
+        wrapper.vm.totalCount = 31
+
+        jest.spyOn(wrapper.vm, 'getTransactions').mockReturnValue({
+          transactions: remoteTransactions,
+          totalCount: 1
+        })
+
+        await wrapper.vm.fetchTransactions()
+
+        expect(wrapper.vm.fetchedTransactions).toEqual(remoteTransactions)
+        expect(wrapper.vm.totalCount).toEqual(1)
+      })
+
+      it('should not store transactions if route address has changed', async () => {
+        wrapper.vm.fetchedTransactions = ['placeholder']
+        wrapper.vm.totalCount = 31
+
+        await wrapper.vm.$nextTick()
+        jest.spyOn(wrapper.vm, 'getTransactions').mockImplementation(async () => {
+          publicKeyFromWalletMock.mockReturnValue('differentPublicKey')
+
+          return {
+            transactions: remoteTransactions,
+            totalCount: 1
+          }
+        })
+
+        await wrapper.vm.fetchTransactions()
+
+        expect(wrapper.vm.fetchedTransactions).toEqual(['placeholder'])
+        expect(wrapper.vm.totalCount).toEqual(31)
+      })
+    })
+
+    describe('refreshStatus', () => {
+      beforeEach(() => {
+        publicKeyFromWalletMock.mockReset()
+        publicKeyFromWalletMock.mockReturnValue('publicKey')
+      })
+
+      it('should do nothing if no wallet', async () => {
+        const spy = jest.spyOn(wrapper.vm, 'getTransactions')
+
+        wrapper.vm.mockWalletRoute = null
+        await wrapper.vm.refreshStatus()
+
+        expect(spy).not.toHaveBeenCalled()
+      })
+
+      it('should update transaction notice if new transactions', async () => {
+        jest.spyOn(wrapper.vm, 'getTransactions').mockReturnValue({ transactions: [{ id: 'test' }] })
+
+        await wrapper.vm.refreshStatus()
+
+        expect(wrapper.vm.newTransactionsNotice).toBe('WALLET_TRANSACTIONS.NEW_TRANSACTIONS')
+      })
+
+      it('should not update transaction notice if no new transactions', async () => {
+        const transactions = [{ id: 'test' }]
+        wrapper.vm.fetchedTransactions = transactions
+        jest.spyOn(wrapper.vm, 'getTransactions').mockReturnValue({ transactions })
+
+        await wrapper.vm.refreshStatus()
+
+        expect(wrapper.vm.newTransactionsNotice).not.toBe('WALLET_TRANSACTIONS.NEW_TRANSACTIONS')
+      })
+
+      it('should do nothing if no publicKey', async () => {
+        const spy = jest.spyOn(wrapper.vm, 'getTransactions')
+
+        publicKeyFromWalletMock.mockReturnValue(null)
+        await wrapper.vm.refreshStatus()
+
+        expect(spy).not.toHaveBeenCalled()
+      })
+
+      it('should do nothing on error', async () => {
+        wrapper.vm.newTransactionsNotice = 'test'
+        const error = new Error('failed web request')
+        jest.spyOn(wrapper.vm, 'getTransactions').mockImplementation(() => {
+          throw error
+        })
+
+        await wrapper.vm.refreshStatus()
+
+        expect(loggerErrorMock).toHaveBeenCalledWith('Failed to update confirmations: ', error)
+        expect(wrapper.vm.newTransactionsNotice).toBe('test')
+      })
+    })
+  })
+})
diff --git a/__tests__/unit/components/Wallet/WalletTransactions/mixin.spec.js b/__tests__/unit/components/Wallet/WalletTransactions/mixin.spec.js
new file mode 100644
index 0000000000..a2034265e8
--- /dev/null
+++ b/__tests__/unit/components/Wallet/WalletTransactions/mixin.spec.js
@@ -0,0 +1,539 @@
+import { createLocalVue, mount } from '@vue/test-utils'
+import installI18n from '../../../__utils__/i18n'
+import { WalletTransactions, WalletTransactionsMultiSignature } from '@/components/Wallet/WalletTransactions'
+
+// Do not mock WalletService
+jest.mock('@/services/wallet', () => jest.requireActual('@/services/wallet'))
+
+const localVue = createLocalVue()
+const i18n = installI18n(localVue)
+const sampleTransactions = Object.freeze([])
+
+let wrapper
+let errorMock
+let successMock
+let loggerErrorMock
+let dispatchMock
+const createWrapper = (component, gettersTransactions, gettersTableRowCount) => {
+  component = component || WalletTransactions
+  gettersTransactions = gettersTransactions === undefined ? sampleTransactions : gettersTransactions
+  gettersTableRowCount = gettersTableRowCount === undefined ? 10 : gettersTableRowCount
+
+  errorMock = jest.fn()
+  successMock = jest.fn()
+  loggerErrorMock = jest.fn()
+  dispatchMock = jest.fn()
+
+  wrapper = mount(component, {
+    i18n,
+    localVue,
+    mocks: {
+      $error: errorMock,
+      $success: successMock,
+      $logger: {
+        error: loggerErrorMock
+      },
+      $store: {
+        dispatch: dispatchMock,
+        getters: {
+          get 'transaction/byAddress' () {
+            return gettersTransactions
+          },
+          get 'session/transactionTableRowCount' () {
+            return gettersTableRowCount
+          }
+        }
+      },
+      session_profile: {
+        id: 'profile-1'
+      }
+    },
+    mixins: [{
+      data: () => ({
+        mockWalletRoute: 1,
+        mockWalletRouteBusinessName: 'business-name'
+      }),
+      computed: {
+        wallet_fromRoute () {
+          return !this.mockWalletRoute ? null : {
+            address: `address-${this.mockWalletRoute}`,
+            business: {
+              name: this.mockWalletRouteBusinessName,
+              website: 'http://business.website',
+              publicKey: `public-key-${this.mockWalletRoute}`,
+              resigned: false
+            },
+            publicKey: `public-key-${this.mockWalletRoute}`
+          }
+        }
+      }
+    }],
+    stubs: {
+      TransactionTable: '<div class="TransactionTable"></div>'
+    }
+  })
+}
+
+describe.each([
+  ['WalletTransactions', WalletTransactions],
+  ['WalletTransactionsMultiSignature', WalletTransactionsMultiSignature]
+])('%s', (componentName, component) => {
+  beforeEach(() => {
+    createWrapper(component)
+  })
+
+  describe('template', () => {
+    describe('TransactionTable', () => {
+      it('should render', () => {
+        expect(wrapper.contains('.TransactionTable')).toBe(true)
+      })
+
+      it('should pass correct props', async () => {
+        wrapper.vm.isLoading = false
+
+        const props = wrapper.find('.TransactionTable').vm.$attrs
+
+        await wrapper.vm.$nextTick()
+
+        const expectedProps = {
+          'current-page': 1,
+          rows: [],
+          'total-rows': 0,
+          'is-loading': false,
+          'is-remote': true,
+          'has-pagination': false,
+          'sort-query': {
+            field: 'timestamp',
+            type: 'desc'
+          },
+          'per-page': 10
+        }
+
+        if (componentName === 'WalletTransactionsMultiSignature') {
+          expectedProps['is-remote'] = false
+        }
+
+        expect(props).toEqual(expectedProps)
+
+        if (componentName === 'WalletTransactions') {
+          expect(props['transaction-type']).toBe(undefined)
+        }
+      })
+
+      it('should pass updated props', async () => {
+        createWrapper(component, undefined, 20)
+        wrapper.setProps({
+          transactionType: 7
+        })
+
+        wrapper.vm.currentPage = 3
+        wrapper.vm.fetchedTransactions = ['test']
+        wrapper.vm.totalCount = 12
+        wrapper.vm.isLoading = true
+        wrapper.vm.queryParams.sort = {
+          field: 'amount',
+          type: 'asc'
+        }
+
+        const props = wrapper.find('.TransactionTable').vm.$attrs
+
+        await wrapper.vm.$nextTick()
+
+        const expectedProps = {
+          'current-page': 3,
+          rows: ['test'],
+          'total-rows': 12,
+          'is-loading': true,
+          'is-remote': true,
+          'has-pagination': true,
+          'sort-query': {
+            field: 'amount',
+            type: 'asc'
+          },
+          'per-page': 20
+        }
+
+        if (componentName === 'WalletTransactionsMultiSignature') {
+          expectedProps['is-remote'] = false
+          expectedProps['has-pagination'] = false
+        }
+
+        expect(props).toEqual(expectedProps)
+
+        if (componentName === 'WalletTransactions') {
+          expect(wrapper.find('.TransactionTable').props('transactionType')).toBe(7)
+        }
+      })
+    })
+  })
+
+  describe('newTransactionsNotice', () => {
+    it('should not show notice bar if not set', () => {
+      wrapper.vm.newTransactionsNotice = 'TEST NOTICE'
+
+      expect(wrapper.contains('.WalletTransactions__notice')).toBe(true)
+
+      wrapper.vm.newTransactionsNotice = null
+
+      expect(wrapper.contains('.WalletTransactions__notice')).toBe(false)
+    })
+
+    it('should output new transactions notice when set', () => {
+      expect(wrapper.contains('.WalletTransactions__notice')).toBe(false)
+
+      wrapper.vm.newTransactionsNotice = 'TEST NOTICE'
+
+      expect(wrapper.contains('.WalletTransactions__notice')).toBe(true)
+      expect(wrapper.find('.WalletTransactions__notice').text()).toBe('TEST NOTICE')
+    })
+  })
+
+  describe('watch wallet_fromRoute', () => {
+    it('should reset when wallet route changes', async () => {
+      const spyLoadTransactions = jest.spyOn(wrapper.vm, 'loadTransactions').mockImplementation(jest.fn())
+      const spyReset = jest.spyOn(wrapper.vm, 'reset').mockImplementation()
+
+      wrapper.setData({
+        mockWalletRoute: 2
+      })
+
+      expect(wrapper.vm.wallet_fromRoute.address).toEqual('address-2')
+
+      expect(spyLoadTransactions).toHaveBeenCalledTimes(1)
+      expect(spyReset).toHaveBeenCalledTimes(1)
+    })
+  })
+
+  describe('computed', () => {
+    describe('sortQuery', () => {
+      it('should get data from queryParams', () => {
+        expect(wrapper.vm.sortQuery).toEqual({
+          field: wrapper.vm.queryParams.sort.field,
+          type: wrapper.vm.queryParams.sort.type
+        })
+
+        wrapper.vm.queryParams.sort.field = 'test'
+        wrapper.vm.queryParams.sort.type = 'test'
+
+        expect(wrapper.vm.sortQuery).toEqual({
+          field: wrapper.vm.queryParams.sort.field,
+          type: wrapper.vm.queryParams.sort.type
+        })
+      })
+    })
+
+    describe('transactionTableRowCount', () => {
+      it('should get data from session', () => {
+        createWrapper(null, undefined, 50)
+
+        expect(wrapper.vm.transactionTableRowCount).toBe(50)
+
+        createWrapper(null, undefined, 20)
+
+        expect(wrapper.vm.transactionTableRowCount).toBe(20)
+      })
+
+      it('should get data from session', () => {
+        expect(wrapper.vm.transactionTableRowCount).toBe(10)
+
+        wrapper.vm.transactionTableRowCount = 50
+
+        expect(dispatchMock).toHaveBeenCalledWith('session/setTransactionTableRowCount', 50)
+        expect(dispatchMock).toHaveBeenCalledWith('profile/update', {
+          id: 'profile-1',
+          transactionTableRowCount: 50
+        })
+      })
+    })
+  })
+
+  describe('watch', () => {
+    describe('wallet_fromRoute', () => {
+      it('should reset when wallet changes', async () => {
+        const spy = jest.spyOn(wrapper.vm, 'reset')
+
+        spy.mockReset()
+        wrapper.vm.mockWalletRoute++
+
+        await wrapper.vm.$nextTick()
+
+        expect(spy).toHaveBeenCalledTimes(1)
+      })
+
+      it('should refresh status if wallet has not changed', async () => {
+        const spy = jest.spyOn(wrapper.vm, 'refreshStatus')
+
+        spy.mockReset()
+        wrapper.vm.mockWalletRouteBusinessName = 'new business'
+
+        await wrapper.vm.$nextTick()
+
+        expect(spy).toHaveBeenCalledTimes(1)
+      })
+    })
+  })
+
+  describe('methods', () => {
+    describe('loadTransactions', () => {
+      it('should not run if no wallet', async () => {
+        const spy = jest.spyOn(wrapper.vm, 'fetchTransactions')
+
+        wrapper.vm.mockWalletRoute = 0
+        await wrapper.vm.loadTransactions()
+        await wrapper.vm.$nextTick()
+
+        expect(spy).not.toHaveBeenCalled()
+      })
+
+      it('should not run if already fetching', async () => {
+        const spy = jest.spyOn(wrapper.vm, 'fetchTransactions')
+
+        wrapper.vm.isFetching = true
+        await wrapper.vm.loadTransactions()
+
+        expect(spy).toHaveBeenCalledTimes(0)
+      })
+
+      it('should run if wallet and not already fetching', async () => {
+        const spy = jest.spyOn(wrapper.vm, 'fetchTransactions')
+
+        await wrapper.vm.loadTransactions()
+
+        expect(wrapper.vm.isFetching).toBe(false)
+        expect(wrapper.vm.wallet_fromRoute).toBeTruthy()
+        expect(spy).toHaveBeenCalledTimes(1)
+      })
+    })
+
+    if (componentName === 'WalletTransactions') {
+      describe('onPageChange', () => {
+        it('should update page data', () => {
+          const updateParamsSpy = jest.spyOn(wrapper.vm, '__updateParams')
+          const loadTransactionsSpy = jest.spyOn(wrapper.vm, 'loadTransactions')
+
+          expect(wrapper.vm.currentPage).toBe(1)
+
+          wrapper.vm.onPageChange({ currentPage: 10 })
+
+          expect(wrapper.vm.currentPage).toBe(10)
+          expect(wrapper.vm.queryParams.page).toBe(10)
+          expect(updateParamsSpy).toHaveBeenCalledTimes(1)
+          expect(updateParamsSpy).toHaveBeenCalledWith({ page: 10 })
+          expect(loadTransactionsSpy).toHaveBeenCalledTimes(1)
+        })
+
+        it('should do nothing if invalid page', () => {
+          const updateParamsSpy = jest.spyOn(wrapper.vm, '__updateParams')
+          const loadTransactionsSpy = jest.spyOn(wrapper.vm, 'loadTransactions')
+
+          expect(wrapper.vm.currentPage).toBe(1)
+
+          wrapper.vm.onPageChange({ currentPage: null })
+
+          expect(wrapper.vm.currentPage).toBe(1)
+          expect(wrapper.vm.queryParams.page).toBe(1)
+          expect(updateParamsSpy).not.toHaveBeenCalled()
+          expect(loadTransactionsSpy).not.toHaveBeenCalled()
+        })
+      })
+
+      describe('onPerPageChange', () => {
+        it('should update page data', () => {
+          const updateParamsSpy = jest.spyOn(wrapper.vm, '__updateParams')
+          const loadTransactionsSpy = jest.spyOn(wrapper.vm, 'loadTransactions')
+
+          wrapper.vm.queryParams.page = 11
+          expect(wrapper.vm.queryParams.limit).toBe(10)
+
+          wrapper.vm.onPerPageChange({ currentPerPage: 20 })
+
+          expect(wrapper.vm.queryParams.limit).toBe(20)
+          expect(wrapper.vm.queryParams.page).toBe(1)
+          expect(updateParamsSpy).toHaveBeenCalledTimes(1)
+          expect(updateParamsSpy).toHaveBeenCalledWith({ limit: 20, page: 1 })
+          expect(loadTransactionsSpy).toHaveBeenCalledTimes(1)
+          expect(dispatchMock).toHaveBeenCalledWith('session/setTransactionTableRowCount', 20)
+        })
+
+        it('should do nothing if invalid page', () => {
+          const updateParamsSpy = jest.spyOn(wrapper.vm, '__updateParams')
+          const loadTransactionsSpy = jest.spyOn(wrapper.vm, 'loadTransactions')
+
+          wrapper.vm.queryParams.page = 11
+          expect(wrapper.vm.queryParams.limit).toBe(10)
+
+          wrapper.vm.onPerPageChange({ currentPerPage: null })
+
+          expect(wrapper.vm.queryParams.limit).toBe(10)
+          expect(wrapper.vm.queryParams.page).toBe(11)
+          expect(updateParamsSpy).not.toHaveBeenCalled()
+          expect(loadTransactionsSpy).not.toHaveBeenCalled()
+          expect(dispatchMock).not.toHaveBeenCalledWith('session/setTransactionTableRowCount', 20)
+        })
+      })
+    }
+
+    describe('onSortChange', () => {
+      let spyUpdateParams, spyLoadTransactions
+
+      beforeEach(() => {
+        spyUpdateParams = jest.spyOn(wrapper.vm, '__updateParams')
+        spyLoadTransactions = jest.spyOn(wrapper.vm, 'loadTransactions')
+      })
+
+      it('should update sort column', () => {
+        wrapper.vm.onSortChange({
+          source: 'transactionsTab',
+          field: 'amount',
+          type: 'desc'
+        })
+
+        expect(spyUpdateParams).toHaveBeenCalledTimes(1)
+
+        const expectedUpdateParams = {
+          sort: {
+            field: 'amount',
+            type: 'desc'
+          }
+        }
+
+        if (componentName === 'WalletTransactions') {
+          expectedUpdateParams.page = 1
+          expect(spyLoadTransactions).toHaveBeenCalledTimes(1)
+        }
+
+        expect(spyUpdateParams).toHaveBeenCalledWith(expectedUpdateParams)
+      })
+
+      it('should update sort column direction', () => {
+        wrapper.vm.onSortChange({
+          source: 'transactionsTab',
+          field: 'timestamp',
+          type: 'asc'
+        })
+
+        expect(spyUpdateParams).toHaveBeenCalledTimes(1)
+
+        const expectedUpdateParams = {
+          sort: {
+            field: 'timestamp',
+            type: 'asc'
+          }
+        }
+
+        if (componentName === 'WalletTransactions') {
+          expectedUpdateParams.page = 1
+          expect(spyLoadTransactions).toHaveBeenCalledTimes(1)
+        }
+
+        expect(spyUpdateParams).toHaveBeenCalledWith(expectedUpdateParams)
+      })
+
+      it('should not do anything if source is falsy', () => {
+        wrapper.vm.onSortChange({
+          source: null,
+          field: 'amount',
+          type: 'desc'
+        })
+
+        expect(spyUpdateParams).toHaveBeenCalledTimes(0)
+        expect(spyLoadTransactions).toHaveBeenCalledTimes(0)
+      })
+
+      it('should not do anything if source is not transactionsTab', () => {
+        wrapper.vm.onSortChange({
+          source: 'notTransactionsTab',
+          field: 'amount',
+          type: 'desc'
+        })
+
+        expect(spyUpdateParams).toHaveBeenCalledTimes(0)
+        expect(spyLoadTransactions).toHaveBeenCalledTimes(0)
+      })
+
+      it('should not do anything if column and direction do not change', () => {
+        wrapper.vm.onSortChange({
+          source: 'transactionsTab',
+          field: 'timestamp',
+          type: 'desc'
+        })
+
+        expect(spyUpdateParams).toHaveBeenCalledTimes(0)
+        expect(spyLoadTransactions).toHaveBeenCalledTimes(0)
+      })
+    })
+
+    describe('reset', () => {
+      if (componentName === 'WalletTransactions') {
+        it('should reset values', () => {
+          wrapper.vm.currentPage = 10
+          wrapper.vm.queryParams.page = 10
+          wrapper.vm.totalCount = 10
+          wrapper.vm.fetchedTransactions = [
+            'fake entry'
+          ]
+
+          wrapper.vm.reset()
+
+          expect(wrapper.vm.currentPage).toBe(1)
+          expect(wrapper.vm.queryParams.page).toBe(1)
+          expect(wrapper.vm.totalCount).toBe(0)
+          expect(wrapper.vm.fetchedTransactions).toEqual([])
+        })
+      } else {
+        it('should reset values', () => {
+          wrapper.vm.newTransactionsNotice = 'TEST NOTICE'
+          wrapper.vm.totalCount = 10
+          wrapper.vm.fetchedTransactions = [
+            'fake entry'
+          ]
+
+          wrapper.vm.reset()
+
+          expect(wrapper.vm.newTransactionsNotice).toBe(null)
+          expect(wrapper.vm.totalCount).toBe(0)
+          expect(wrapper.vm.fetchedTransactions).toEqual([])
+        })
+      }
+    })
+
+    describe('__updateParams', () => {
+      const expected = {
+        page: 1,
+        limit: 10,
+        sort: {
+          field: 'timestamp',
+          type: 'desc'
+        }
+      }
+
+      it('should update query parameters', () => {
+        const params = {
+          page: 10,
+          limit: 100,
+          sort: {
+            field: 'amount',
+            type: 'asc'
+          }
+        }
+        wrapper.vm.__updateParams(params)
+
+        expect(wrapper.vm.queryParams).toEqual(params)
+      })
+
+      it('should not update if invalid value', () => {
+        wrapper.vm.__updateParams(null)
+
+        expect(wrapper.vm.queryParams).toEqual(expected)
+
+        wrapper.vm.__updateParams([])
+
+        expect(wrapper.vm.queryParams).toEqual(expected)
+
+        wrapper.vm.__updateParams('test')
+
+        expect(wrapper.vm.queryParams).toEqual(expected)
+      })
+    })
+  })
+})
diff --git a/__tests__/unit/services/client.spec.js b/__tests__/unit/services/client.spec.js
index fb13e7864d..f0e65ef3e5 100644
--- a/__tests__/unit/services/client.spec.js
+++ b/__tests__/unit/services/client.spec.js
@@ -1,22 +1,41 @@
 import { cloneDeep } from 'lodash'
 import nock from 'nock'
+import { Identities, Managers, Transactions } from '@arkecosystem/crypto'
 import errorCapturer from '../__utils__/error-capturer'
 import fixtures from '../__fixtures__/services/client'
 import ClientService from '@/services/client'
 import BigNumber from '@/plugins/bignumber'
+import store from '@/store'
+import logger from 'electron-log'
+import TransactionService from '@/services/transaction'
+import WalletService from '@/services/wallet'
+
+const sessionNetwork = Object.freeze({
+  nethash: 'test-nethash',
+  constants: {
+    epoch: '2017-03-21T13:00:00.000Z',
+    aip11: false
+  },
+  vendorField: {
+    maxLength: 64
+  }
+})
 
 jest.mock('@/store', () => ({
+  // __mock__: {
+
+  // },
   getters: {
-    'session/network': {
-      constants: {
-        epoch: '2017-03-21T13:00:00.000Z'
-      }
+    'session/profile': {
+      id: 'test-profile'
     },
+    'session/network': {},
     'network/byId': (id) => {
       let version = 23
       if (id === 'ark.devnet') {
         version = 30
       }
+
       return {
         constants: {
           epoch: '2017-03-21T13:00:00.000Z'
@@ -33,22 +52,82 @@ jest.mock('@/store', () => ({
         }
       }
     },
-    'transaction/staticFee': (type) => {
-      const fees = [
-        0.1 * 1e8,
-        5 * 1e8,
-        25 * 1e8,
-        1 * 1e8
-      ]
-
-      return fees[type]
-    }
+    'transaction/staticFee': (type, group = 1) => {
+      const fees = {
+        1: [
+          0.1 * 1e8, // Transfer
+          5 * 1e8, // Second signautre
+          25 * 1e8, // Delegate registration
+          1 * 1e8, // Vote
+          5 * 1e8, // Multisignature
+          5 * 1e8, // IPFS
+          1 * 1e8, // Multi-payment
+          25 * 1e8 // Delegate resignation
+        ],
+        2: [
+          50 * 1e8, // Business Registration
+          50 * 1e8, // Business Resignation
+          50 * 1e8, // Business Update
+          50 * 1e8, // Bridgechain Registration
+          50 * 1e8, // Bridgechain Resignation
+          50 * 1e8 // Bridgechain Update
+        ]
+      }
+
+      return fees[group][type]
+    },
+    'peer/current': () => ({
+      ip: '1.1.1.1',
+      port: '8080',
+      isHttps: false
+    }),
+    'peer/broadcastPeers': () => [
+      {
+        ip: '1.1.1.1',
+        port: '8080',
+        isHttps: false
+      },
+      {
+        ip: '2.2.2.2',
+        port: '8080',
+        isHttps: false
+      }
+    ]
   },
   dispatch: jest.fn(),
-  watch: jest.fn()
+  watch: jest.fn((getter, callback, options) => {
+    // getter()
+    // require('@/store').__mock__.watch = {
+    //   getter: getter(),
+    //   getter: callback(),
+    //   options
+    // }
+  })
 }))
 
+const setAip11AndSpy = (enabled = true, spy = true) => {
+  const network = {
+    ...sessionNetwork,
+    constants: {
+      ...sessionNetwork.constants,
+      aip11: enabled
+    }
+  }
+
+  Managers.configManager.getMilestone().aip11 = enabled
+  store.getters['session/network'] = network
+
+  if (!spy) {
+    return
+  }
+
+  return jest.spyOn(store.getters, 'network/byId').mockReturnValue(network)
+}
+
 beforeEach(() => {
+  Managers.configManager.setFromPreset('testnet')
+  store.getters['session/network'] = cloneDeep(sessionNetwork)
+
   nock.cleanAll()
 })
 
@@ -83,167 +162,271 @@ describe('Services > Client', () => {
 
   const getWalletEndpoint = jest.fn(generateWalletResponse)
 
-  const fees = [
-    0.1 * 1e8,
-    5 * 1e8,
-    25 * 1e8,
-    1 * 1e8
-  ]
+  const fees = {
+    1: [
+      0.1 * 1e8, // Transfer
+      5 * 1e8, // Second signautre
+      25 * 1e8, // Delegate registration
+      1 * 1e8, // Vote
+      5 * 1e8, // Multisignature
+      5 * 1e8, // IPFS
+      1 * 1e8, // Multi-payment
+      25 * 1e8 // Delegate resignation
+    ],
+    2: [
+      50 * 1e8, // Business Registration
+      50 * 1e8, // Business Resignation
+      50 * 1e8, // Business Update
+      50 * 1e8, // Bridgechain Registration
+      50 * 1e8, // Bridgechain Resignation
+      50 * 1e8 // Bridgechain Update
+    ]
+  }
 
   beforeEach(() => {
     client = new ClientService()
     client.host = 'http://127.0.0.1:4003'
   })
 
-  describe('fetchWallet', () => {
-    const data = {
-      address: 'address',
-      balance: '1202',
-      publicKey: 'public key'
-    }
-    const wallet = {
-      body: {
-        data: {
-          ...data,
-          isDelegate: true,
-          username: 'test'
-        }
-      }
+  describe('constructor', () => {
+    it('should not watch profile if false', () => {
+      const watchProfileOriginal = ClientService.__watchProfile
+      ClientService.__watchProfile = jest.fn()
+
+      client = new ClientService(false)
+
+      expect(ClientService.__watchProfile).not.toHaveBeenCalled()
+      ClientService.__watchProfile = watchProfileOriginal
+    })
+  })
+
+  describe('normalizePassphrase', () => {
+    it('should normalize if provided', () => {
+      const spy = jest.spyOn(String.prototype, 'normalize')
+
+      const passphrase = client.normalizePassphrase('test')
+
+      expect(spy).toHaveBeenNthCalledWith(1, 'NFD')
+      expect(passphrase).toBe('test')
+
+      spy.mockRestore()
+    })
+
+    it('should not normalize if no passphrase', () => {
+      const spy = jest.spyOn(String.prototype, 'normalize')
+
+      client.normalizePassphrase(null)
+
+      expect(spy).not.toHaveBeenCalled()
+
+      spy.mockRestore()
+    })
+  })
+
+  describe('newConnection', () => {
+    it('should create a new connection', () => {
+      const connection = ClientService.newConnection('http://localhost')
+
+      expect(connection.host).toBe('http://localhost/api/v2')
+    })
+
+    it('should set timeout if provided', () => {
+      const connection = ClientService.newConnection('http://localhost', 100)
+
+      expect(connection.opts.timeout).toBe(100)
+    })
+
+    it('should use default 5000ms timeout if not provided', () => {
+      const connection = ClientService.newConnection('http://localhost')
+
+      expect(connection.opts.timeout).toBe(5000)
+    })
+
+    it('should throw error if no server', () => {
+      expect(() => ClientService.newConnection(null)).toThrow()
+    })
+  })
+
+  describe('fetchNetworkConfig', () => {
+    const mockEndpoint = (config) => {
+      nock('http://127.0.0.1')
+        .get('/api/v2/node/configuration')
+        .reply(200, {
+          data: config
+        })
     }
-    const account = {
-      data: {
-        success: true,
-        account: {
-          ...data,
-          unconfirmedBalance: 'NO',
-          unconfirmedSignature: 'NO',
-          secondSignature: 'NO',
-          multisignatures: 'NO',
-          u_multisignatures: 'NO'
-        }
+
+    it('should fetch network config', async () => {
+      const networkConfig = {
+        nethash: 'nethash'
       }
-    }
 
-    beforeEach(() => {
-      const resource = resource => {
-        if (resource === 'accounts') {
-          return {
-            get: () => account
-          }
-        } else if (resource === 'wallets') {
-          return {
-            get: () => wallet
-          }
+      mockEndpoint(networkConfig)
+
+      expect(await ClientService.fetchNetworkConfig('http://127.0.0.1')).toEqual(networkConfig)
+    })
+
+    it('should update network store', async () => {
+      const networkConfig = {
+        nethash: 'test-nethash',
+        constants: {
+          vendorFieldLength: 10
         }
       }
 
-      client.client.api = resource
-    })
+      mockEndpoint(networkConfig)
 
-    describe('when version is 2', () => {
-      it('should return almost all properties from the wallet endpoint', async () => {
-        const wallet = await client.fetchWallet('address')
-        expect(wallet).toHaveProperty('address', data.address)
-        expect(wallet).toHaveProperty('balance', data.balance)
-        expect(wallet).toHaveProperty('publicKey', data.publicKey)
-        expect(wallet).toHaveProperty('isDelegate', true)
+      await ClientService.fetchNetworkConfig('http://127.0.0.1')
+      const spy = jest.spyOn(store, 'dispatch')
+
+      expect(spy).toHaveBeenCalledWith('network/update', {
+        ...sessionNetwork,
+        vendorField: {
+          ...sessionNetwork.vendorField,
+          maxLength: 10
+        }
       })
+
+      spy.mockRestore()
     })
-  })
 
-  describe('fetchWallets', () => {
-    const walletAddresses = ['address1', 'address2']
-    const walletsResponse = {
-      body: {
-        data: [
-          {
-            ...wallets[0],
-            isDelegate: true,
-            username: 'test'
-          },
-          {
-            ...wallets[1],
-            isDelegate: false,
-            username: null
-          }
-        ]
-      }
-    }
-    const searchWalletEndpoint = jest.fn(() => walletsResponse)
-    beforeEach(() => {
-      const resource = resource => {
-        if (resource === 'wallets') {
-          return {
-            get: getWalletEndpoint,
-            search: searchWalletEndpoint
-          }
+    it('should not update network store if vendorfield is the same', async () => {
+      const networkConfig = {
+        nethash: 'test-nethash',
+        constants: {
+          vendorFieldLength: 64
         }
       }
 
-      client.client.api = jest.fn(resource)
+      mockEndpoint(networkConfig)
+
+      await ClientService.fetchNetworkConfig('http://127.0.0.1')
+      const spy = jest.spyOn(store, 'dispatch')
+
+      expect(spy).not.toHaveBeenCalled()
+
+      spy.mockRestore()
     })
+  })
 
-    it('should call the wallet search endpoint', async () => {
-      const fetchedWallets = await client.fetchWallets(walletAddresses)
+  describe('fetchNetworkCrypto', () => {
+    it('should fetch data from crypto endpoint', async () => {
+      const cryptoConfig = {
+        exceptions: {},
+        genesisBlock: {},
+        milestones: {},
+        network: {}
+      }
 
-      expect(client.client.api).toHaveBeenNthCalledWith(1, 'wallets')
-      expect(searchWalletEndpoint).toHaveBeenNthCalledWith(1, { addresses: walletAddresses })
-      expect(fetchedWallets).toEqual(walletsResponse.body.data)
+      nock('http://127.0.0.1')
+        .get('/api/v2/node/configuration/crypto')
+        .reply(200, {
+          data: cryptoConfig
+        })
+
+      expect(await ClientService.fetchNetworkCrypto('http://127.0.0.1')).toEqual(cryptoConfig)
     })
   })
 
-  describe('fetchWalletVote', () => {
-    const voteDelegate = 'voted delegate'
+  describe('fetchFeeStatistics', () => {
+    const mockEndpoint = (config) => {
+      nock('http://127.0.0.1')
+        .get('/api/v2/node/fees')
+        .query({ days: 7 })
+        .reply(200, {
+          data: config
+        })
+    }
 
-    beforeEach(() => {
-      const resource = resource => {
-        if (resource === 'wallets') {
-          return {
-            get: generateWalletResponse
+    it('should fetch fees for updated endpoint schema', async () => {
+      mockEndpoint({
+        1: {
+          transfer: {
+            avg: '9434054',
+            max: '10000000',
+            min: '500000',
+            sum: '1962283291'
           }
         }
-      }
+      })
 
-      client.client.api = resource
+      expect(await ClientService.fetchFeeStatistics('http://127.0.0.1')).toEqual({
+        1: [
+          {
+            type: 0,
+            fees: {
+              minFee: 500000,
+              maxFee: 10000000,
+              avgFee: 9434054
+            }
+          }
+        ]
+      })
     })
 
-    it('should return delegate public key if wallet is voting', async () => {
-      const response = await client.fetchWalletVote('address1')
-      expect(response).toBe(voteDelegate)
+    it('should fetch fees for old endpoint schema', async () => {
+      mockEndpoint([
+        {
+          type: 0,
+          avg: '9434054',
+          max: '10000000',
+          min: '500000',
+          sum: '1962283291'
+        }
+      ])
+
+      expect(await ClientService.fetchFeeStatistics('http://127.0.0.1')).toEqual([
+        {
+          type: 0,
+          fees: {
+            minFee: 500000,
+            maxFee: 10000000,
+            avgFee: 9434054
+          }
+        }
+      ])
     })
 
-    it('should return null if wallet is not voting', async () => {
-      const response = await client.fetchWalletVote('address2')
-      expect(response).toBeNull()
+    it('should return empty array on error', async () => {
+      nock('http://127.0.0.1')
+        .get('/api/v2/node/fees')
+        .query({ days: 7 })
+        .reply(500)
+
+      expect(await ClientService.fetchFeeStatistics('http://127.0.0.1')).toEqual([])
     })
   })
 
-  describe('fetchWalletVotes', () => {
-    const transactions = [{
-      asset: {
-        votes: ['+test']
-      }
-    }, {
-      asset: {
-        votes: ['+test2']
-      }
-    }]
+  describe('host getter/setter', () => {
+    it('should return formatted host', () => {
+      client.host = 'http://6.6.6.6'
 
-    beforeEach(() => {
-      const resource = resource => {
-        if (resource === 'wallets') {
-          return {
-            votes: () => ({ body: { data: transactions } })
-          }
-        }
-      }
+      expect(client.host).toEqual('http://6.6.6.6/api/v2')
+    })
 
-      client.client.api = resource
+    it('should update current client', () => {
+      client.host = 'http://7.7.7.7'
+
+      expect(client.client.host).toEqual('http://7.7.7.7/api/v2')
     })
+  })
 
-    it('should return vote transactions', async () => {
-      const response = await client.fetchWalletVotes()
-      expect(response).toBe(transactions)
+  describe('fetchPeerStatus', () => {
+    it('should fetch data from syncing endpoint', async () => {
+      const response = {
+        syncing: false,
+        blocks: -7,
+        height: 10969757,
+        id: 'e1315d04c74bb7edc0a0c902e399eafb2e6cf12c0d36e8ecd692408a14d9dda3'
+      }
+
+      nock('http://127.0.0.1:4003')
+        .get('/api/v2/node/syncing')
+        .reply(200, {
+          data: response
+        })
+
+      expect(await client.fetchPeerStatus()).toEqual(response)
     })
   })
 
@@ -279,49 +462,52 @@ describe('Services > Client', () => {
     })
   })
 
-  describe('fetchStaticFees', () => {
-    const data = fixtures.staticFeeResponses.v2.data
+  describe('fetchDelegateVoters', () => {
+    it('should fetch data from syncing endpoint', async () => {
+      const meta = {
+        totalCount: 531
+      }
 
-    beforeEach(() => {
-      const resource = resource => {
-        if (resource === 'transactions') {
-          return {
-            fees: () => ({ body: fixtures.staticFeeResponses.v2 })
-          }
+      nock('http://127.0.0.1:4003')
+        .get('/api/v2/delegates/USERNAME/voters')
+        .reply(200, {
+          meta,
+          data: {}
+        })
+
+      expect(await client.fetchDelegateVoters({ username: 'USERNAME' })).toEqual(meta.totalCount)
+    })
+  })
+
+  describe('fetchDelegateForged', () => {
+    it('should return the forged property from the given delegate', async () => {
+      const forged = await client.fetchDelegateForged({
+        publicKey: 'dummyKey',
+        forged: {
+          total: 100
         }
-      }
+      })
 
-      client.client.api = resource
+      expect(forged).toEqual(100)
     })
 
-    it('should return and match fees to types', async () => {
-      const response = await client.fetchStaticFees()
+    it('should return 0 if no forged data', async () => {
+      const forged = await client.fetchDelegateForged({
+        publicKey: 'dummyKey'
+      })
 
-      expect(response[0]).toEqual(data.transfer)
-      expect(response[1]).toEqual(data.secondSignature)
-      expect(response[2]).toEqual(data.delegateRegistration)
-      expect(response[3]).toEqual(data.vote)
-      expect(response[4]).toEqual(data.multiSignature)
-      expect(response[5]).toEqual(data.ipfs)
-      expect(response[6]).toEqual(data.timelockTransfer)
-      expect(response[7]).toEqual(data.multiPayment)
-      expect(response[8]).toEqual(data.delegateResignation)
+      expect(forged).toEqual('0')
     })
   })
 
-  describe('fetchDelegateForged', () => {
-    const delegateV2 = {
-      publicKey: 'dummyKey',
-      forged: {
-        total: 100
-      }
-    }
+  describe('fetchStaticFees', () => {
+    const data = fixtures.staticFeeResponses.v2.data
 
     beforeEach(() => {
       const resource = resource => {
-        if (resource === 'delegates') {
+        if (resource === 'transactions') {
           return {
-            forged: () => ({ body: { forged: 200, success: true } })
+            fees: () => ({ body: fixtures.staticFeeResponses.v2 })
           }
         }
       }
@@ -329,9 +515,20 @@ describe('Services > Client', () => {
       client.client.api = resource
     })
 
-    it('should return the forged property from the given delegate', async () => {
-      const forged = await client.fetchDelegateForged(delegateV2)
-      expect(forged).toEqual(100)
+    it('should return and match fees to types', async () => {
+      const response = await client.fetchStaticFees()
+
+      expect(response.transfer).toBe(data.transfer)
+      expect(response.secondSignature).toBe(data.secondSignature)
+      expect(response.delegateRegistration).toBe(data.delegateRegistration)
+      expect(response.vote).toBe(data.vote)
+      expect(response.multiSignature).toBe(data.multiSignature)
+      expect(response.ipfs).toBe(data.ipfs)
+      expect(response.multiPayment).toBe(data.multiPayment)
+      expect(response.delegateResignation).toBe(data.delegateResignation)
+      expect(response.htlcLock).toBe(data.htlcLock)
+      expect(response.htlcClaim).toBe(data.htlcClaim)
+      expect(response.htlcRefund).toBe(data.htlcRefund)
     })
   })
 
@@ -372,6 +569,31 @@ describe('Services > Client', () => {
     })
   })
 
+  describe('fetchBusinessBridgechains', () => {
+    it('should fetch data from bridgechains endpoint', async () => {
+      const response = {
+        meta: {
+          totalCount: 137
+        },
+        data: [
+          {
+            address: 'address-1',
+            publicKey: 'publicKey-1',
+            name: 'Business Name',
+            website: 'http://t-explorer.ark.io',
+            isResigned: false
+          }
+        ]
+      }
+
+      nock('http://127.0.0.1:4003')
+        .get('/api/v2/businesses/BUSINESS_ID/bridgechains')
+        .reply(200, response)
+
+      expect(await client.fetchBusinessBridgechains('BUSINESS_ID')).toEqual(response)
+    })
+  })
+
   describe('fetchWalletTransactions', () => {
     const { data, meta } = fixtures.transactions
 
@@ -380,7 +602,18 @@ describe('Services > Client', () => {
       const resource = resource => {
         if (resource === 'wallets') {
           return {
-            transactions: () => ({ body: { data: transactions, meta: { totalCount: meta.count } } })
+            transactions: (_, queryOptions) => {
+              const transactionsResponse = transactions.filter(t => !queryOptions.type || (queryOptions.type && t.type === queryOptions.type))
+
+              return {
+                body: {
+                  data: transactionsResponse,
+                  meta: {
+                    totalCount: meta.count
+                  }
+                }
+              }
+            }
           }
         }
       }
@@ -409,6 +642,13 @@ describe('Services > Client', () => {
         expect(transaction).not.toHaveProperty('recipientId')
       })
     })
+
+    it('should filter transactions by transaction type', async () => {
+      const response = await client.fetchWalletTransactions('address', { transactionType: 1 })
+
+      expect(response.transactions.length).toBe(1)
+      expect(response.transactions[0].type).toBe(1)
+    })
   })
 
   describe('fetchTransactionsForWallets', () => {
@@ -444,77 +684,1886 @@ describe('Services > Client', () => {
       expect(searchTransactionsEndpoint).toHaveBeenNthCalledWith(1, { addresses: walletAddresses })
       expect(fetchedWallets).toEqual(walletTransactions)
     })
-  })
 
-  describe('buildDelegateRegistration', () => {
-    describe('when the fee is bigger than the static fee', () => {
-      it('should throw an Error', async () => {
-        const fee = new BigNumber(fees[2] + 1)
-        expect(await errorCapturer(client.buildDelegateRegistration({ fee }))).toThrow(/fee/)
+    it('should log error if api fails', async () => {
+      const spy = jest.spyOn(logger, 'error').mockImplementation()
+      jest.spyOn(client, 'fetchWalletTransactions').mockReturnValue({})
+
+      await client.fetchTransactionsForWallets(['address-1'], null)
+      expect(spy).toHaveBeenCalledTimes(1)
+
+      spy.mockRestore()
+    })
+
+    it('should fall back to fetchWalletTransactions if search endpoint fails', async () => {
+      const spy = jest.spyOn(client, 'fetchWalletTransactions').mockReturnValue({
+        transactions: ['test']
       })
+
+      const response = await client.fetchTransactionsForWallets(['address-1'])
+
+      expect(spy).toHaveBeenCalledWith('address-1', {})
+      expect(response['address-1']).toEqual(['test'])
     })
 
-    describe('when the fee is smaller or equal to the static fee (25)', () => {
+    it('should log error for each fetchWalletTransactions failure', async () => {
+      const spy = jest.spyOn(logger, 'error').mockImplementation()
+      const error = new Error('Wallet not found')
+      jest.spyOn(client, 'fetchWalletTransactions').mockImplementation(() => {
+        throw error
+      })
+
+      const response = await client.fetchTransactionsForWallets(['address-1', 'address-2'])
+
+      expect(spy).toHaveBeenNthCalledWith(2, error)
+      expect(response).toEqual({})
+
+      spy.mockRestore()
+    })
+
+    it('should throw error on fetchWalletTransactions failure (not "Wallet not found")', async () => {
+      const spy = jest.spyOn(logger, 'error').mockImplementation()
+      const error = new Error('oops')
+      jest.spyOn(client, 'fetchWalletTransactions').mockImplementation(() => {
+        throw error
+      })
+
+      expect(await errorCapturer(client.fetchTransactionsForWallets(['address-1']))).toThrow('oops')
+
+      spy.mockRestore()
+    })
+  })
+
+  describe('fetchWallet', () => {
+    const data = {
+      address: 'address',
+      balance: '1202',
+      publicKey: 'public key'
+    }
+    const wallet = {
+      body: {
+        data: {
+          ...data,
+          isDelegate: true,
+          username: 'test'
+        }
+      }
+    }
+    const account = {
+      data: {
+        success: true,
+        account: {
+          ...data,
+          unconfirmedBalance: 'NO',
+          unconfirmedSignature: 'NO',
+          secondSignature: 'NO',
+          multisignatures: 'NO',
+          u_multisignatures: 'NO'
+        }
+      }
+    }
+
+    beforeEach(() => {
+      const resource = resource => {
+        if (resource === 'accounts') {
+          return {
+            get: () => account
+          }
+        } else if (resource === 'wallets') {
+          return {
+            get: () => wallet
+          }
+        }
+      }
+
+      client.client.api = resource
+    })
+
+    describe('when version is 2', () => {
+      it('should return almost all properties from the wallet endpoint', async () => {
+        const wallet = await client.fetchWallet('address')
+        expect(wallet).toHaveProperty('address', data.address)
+        expect(wallet).toHaveProperty('balance', data.balance)
+        expect(wallet).toHaveProperty('publicKey', data.publicKey)
+        expect(wallet).toHaveProperty('isDelegate', true)
+      })
+    })
+  })
+
+  describe('fetchWallets', () => {
+    const walletAddresses = ['address1', 'address2']
+    const walletsResponse = {
+      body: {
+        data: [
+          {
+            ...wallets[0],
+            isDelegate: true,
+            username: 'test'
+          },
+          {
+            ...wallets[1],
+            isDelegate: false,
+            username: null
+          }
+        ]
+      }
+    }
+    const searchWalletEndpoint = jest.fn(() => walletsResponse)
+    beforeEach(() => {
+      const resource = resource => {
+        if (resource === 'wallets') {
+          return {
+            get: getWalletEndpoint,
+            search: searchWalletEndpoint
+          }
+        }
+      }
+
+      client.client.api = jest.fn(resource)
+    })
+
+    it('should call the wallet search endpoint', async () => {
+      const fetchedWallets = await client.fetchWallets(walletAddresses)
+
+      expect(client.client.api).toHaveBeenNthCalledWith(1, 'wallets')
+      expect(searchWalletEndpoint).toHaveBeenNthCalledWith(1, { addresses: walletAddresses })
+      expect(fetchedWallets).toEqual(walletsResponse.body.data)
+    })
+  })
+
+  describe('fetchWalletVote', () => {
+    const voteDelegate = 'voted delegate'
+
+    beforeEach(() => {
+      const resource = resource => {
+        if (resource === 'wallets') {
+          return {
+            get: generateWalletResponse
+          }
+        }
+      }
+
+      client.client.api = resource
+    })
+
+    it('should return delegate public key if wallet is voting', async () => {
+      const response = await client.fetchWalletVote('address1')
+      expect(response).toBe(voteDelegate)
+    })
+
+    it('should return null if wallet is not voting', async () => {
+      const response = await client.fetchWalletVote('address2')
+      expect(response).toBeNull()
+    })
+
+    it('should log error', async () => {
+      const spy = jest.spyOn(logger, 'error').mockImplementation()
+      const error = new Error('Wallet not found')
+      jest.spyOn(client, 'fetchWallet').mockImplementation(() => {
+        throw error
+      })
+
+      const response = await client.fetchWalletVote('address2')
+
+      expect(spy).toHaveBeenCalledWith(error)
+      expect(response).toBe(null)
+
+      spy.mockRestore()
+    })
+
+    it('should throw if error is not "Wallet not found"', async () => {
+      const spy = jest.spyOn(logger, 'error').mockImplementation()
+      const error = new Error('oops')
+      jest.spyOn(client, 'fetchWallet').mockImplementation(() => {
+        throw error
+      })
+
+      expect(await errorCapturer(client.fetchWalletVote('address2'))).toThrow('oops')
+      spy.mockRestore()
+    })
+  })
+
+  describe('fetchWalletVotes', () => {
+    const transactions = [{
+      asset: {
+        votes: ['+test']
+      }
+    }, {
+      asset: {
+        votes: ['+test2']
+      }
+    }]
+
+    beforeEach(() => {
+      const resource = resource => {
+        if (resource === 'wallets') {
+          return {
+            votes: () => ({ body: { data: transactions } })
+          }
+        }
+      }
+
+      client.client.api = resource
+    })
+
+    it('should return vote transactions', async () => {
+      const response = await client.fetchWalletVotes()
+      expect(response).toBe(transactions)
+    })
+  })
+
+  describe('__parseCurrentPeer', () => {
+    it('should parse peer from current host', () => {
+      client.host = 'http://1.1.1.1:8080'
+
+      expect(client.__parseCurrentPeer()).toEqual({
+        ip: '1.1.1.1',
+        port: '8080',
+        isHttps: false
+      })
+    })
+
+    it('should parse https', () => {
+      client.host = 'https://1.1.1.1:8080'
+
+      expect(client.__parseCurrentPeer()).toEqual({
+        ip: '1.1.1.1',
+        port: '8080',
+        isHttps: true
+      })
+    })
+
+    it('should default port if not found', () => {
+      client.host = 'http://1.1.1.1'
+
+      expect(client.__parseCurrentPeer()).toEqual({
+        ip: '1.1.1.1',
+        port: '80',
+        isHttps: false
+      })
+
+      client.host = 'https://1.1.1.1'
+
+      expect(client.__parseCurrentPeer()).toEqual({
+        ip: '1.1.1.1',
+        port: '443',
+        isHttps: true
+      })
+    })
+  })
+
+  describe('buildVote', () => {
+    describe('standard transaction', () => {
+      const address = Identities.Address.fromPassphrase('passphrase', 23)
+      const publicKey = Identities.PublicKey.fromPassphrase('passphrase')
+      const rawTransaction = {
+        address,
+        votes: [
+          `+${publicKey}`
+        ],
+        fee: new BigNumber(fees[1][3]),
+        passphrase: 'passphrase',
+        secondPassphrase: 'second passphrase',
+        networkWif: 170
+      }
+
+      it('should build a valid v1 transaction', async () => {
+        Managers.configManager.getMilestone().aip11 = false
+
+        const transaction = await client.buildVote(rawTransaction, true)
+
+        expect(transaction.asset.votes).toEqual(rawTransaction.votes)
+        expect(transaction.fee).toEqual(rawTransaction.fee.toString())
+        expect(transaction.recipientId).toEqual(address)
+        expect(transaction.senderPublicKey).toEqual(publicKey)
+        expect(transaction.type).toEqual(3)
+        expect(transaction.version).toEqual(1)
+      })
+
+      it('should build a valid v2 transaction', async () => {
+        const spy = setAip11AndSpy(true)
+
+        Managers.configManager.getMilestone().aip11 = true
+
+        const transaction = await client.buildVote(rawTransaction, true)
+
+        spy.mockRestore()
+
+        expect(transaction.asset.votes).toEqual(rawTransaction.votes)
+        expect(transaction.fee).toEqual(rawTransaction.fee.toString())
+        expect(transaction.senderPublicKey).toEqual(publicKey)
+        expect(transaction.type).toEqual(3)
+        expect(transaction.version).toEqual(2)
+      })
+    })
+
+    describe('when the fee is bigger than the static fee', () => {
+      it('should throw an Error', async () => {
+        const fee = new BigNumber(fees[1][3] + 1)
+        expect(await errorCapturer(client.buildVote({ fee }))).toThrow(/fee/)
+      })
+    })
+
+    describe('when the fee is smaller or equal to the static fee fee (0.1)', () => {
       it('should not throw an Error', async () => {
-        expect(await errorCapturer(client.buildDelegateRegistration({ fee: new BigNumber(fees[2]) }))).not.toThrow(/fee/)
-        expect(await errorCapturer(client.buildDelegateRegistration({ fee: new BigNumber(fees[2] - 1) }))).not.toThrow(/fee/)
+        expect(await errorCapturer(client.buildVote({ fee: new BigNumber(fees[1][3]) }))).not.toThrow(/fee/)
+        expect(await errorCapturer(client.buildVote({ fee: new BigNumber(fees[1][3] - 1) }))).not.toThrow(/fee/)
       })
     })
   })
 
-  describe('buildSecondSignatureRegistration', () => {
+  describe('buildDelegateRegistration', () => {
+    describe('standard transaction', () => {
+      const address = Identities.Address.fromPassphrase('passphrase', 23)
+      const publicKey = Identities.PublicKey.fromPassphrase('passphrase')
+      const rawTransaction = {
+        address,
+        username: 'bob',
+        fee: new BigNumber(fees[1][2]),
+        passphrase: 'passphrase',
+        secondPassphrase: 'second passphrase',
+        networkWif: 170
+      }
+
+      it('should build a valid v1 transaction', async () => {
+        setAip11AndSpy(false, false)
+
+        const transaction = await client.buildDelegateRegistration(rawTransaction, true)
+
+        expect(transaction.asset.delegate.username).toEqual(rawTransaction.username)
+        expect(transaction.fee).toEqual(rawTransaction.fee.toString())
+        expect(transaction.senderPublicKey).toEqual(publicKey)
+        expect(transaction.type).toEqual(2)
+        expect(transaction.version).toEqual(1)
+      })
+
+      it('should build a valid v2 transaction', async () => {
+        const spy = setAip11AndSpy(true)
+
+        const transaction = await client.buildDelegateRegistration(rawTransaction, true)
+
+        spy.mockRestore()
+
+        expect(transaction.asset.delegate.username).toEqual(rawTransaction.username)
+        expect(transaction.fee).toEqual(rawTransaction.fee.toString())
+        expect(transaction.senderPublicKey).toEqual(publicKey)
+        expect(transaction.type).toEqual(2)
+        expect(transaction.version).toEqual(2)
+      })
+    })
+
     describe('when the fee is bigger than the static fee', () => {
       it('should throw an Error', async () => {
-        const fee = new BigNumber(fees[1] + 1)
-        expect(await errorCapturer(client.buildSecondSignatureRegistration({ fee }))).toThrow(/fee/)
+        const fee = new BigNumber(fees[1][2] + 1)
+        expect(await errorCapturer(client.buildDelegateRegistration({ fee }))).toThrow(/fee/)
       })
     })
 
-    describe('when the fee is smaller or equal to the static fee (5)', () => {
+    describe('when the fee is smaller or equal to the static fee (25)', () => {
       it('should not throw an Error', async () => {
-        expect(await errorCapturer(client.buildSecondSignatureRegistration({ fee: new BigNumber(fees[1]) }))).not.toThrow(/fee/)
-        expect(await errorCapturer(client.buildSecondSignatureRegistration({ fee: new BigNumber(fees[1] - 1) }))).not.toThrow(/fee/)
+        expect(await errorCapturer(client.buildDelegateRegistration({ fee: new BigNumber(fees[1][2]) }))).not.toThrow(/fee/)
+        expect(await errorCapturer(client.buildDelegateRegistration({ fee: new BigNumber(fees[1][2] - 1) }))).not.toThrow(/fee/)
       })
     })
   })
 
   describe('buildTransfer', () => {
+    describe('standard transaction', () => {
+      const address = Identities.Address.fromPassphrase('passphrase', 23)
+      const publicKey = Identities.PublicKey.fromPassphrase('passphrase')
+      const rawTransaction = {
+        address,
+        amount: new BigNumber(100 * 1e8),
+        fee: new BigNumber(fees[1][0]),
+        recipientId: address,
+        vendorField: 'this is a test',
+        passphrase: 'passphrase',
+        secondPassphrase: 'second passphrase',
+        networkWif: 170
+      }
+
+      it('should build a valid v1 transaction', async () => {
+        setAip11AndSpy(false, false)
+
+        const transaction = await client.buildTransfer(rawTransaction, true)
+
+        expect(transaction.vendorField).toEqual(rawTransaction.vendorField)
+        expect(transaction.amount).toEqual(rawTransaction.amount.toString())
+        expect(transaction.fee).toEqual(rawTransaction.fee.toString())
+        expect(transaction.senderPublicKey).toEqual(publicKey)
+        expect(transaction.type).toEqual(0)
+        expect(transaction.version).toEqual(1)
+      })
+
+      it('should build a valid v2 transaction', async () => {
+        const spy = setAip11AndSpy(true)
+
+        const transaction = await client.buildTransfer(rawTransaction, true)
+
+        spy.mockRestore()
+
+        expect(transaction.vendorField).toEqual(rawTransaction.vendorField)
+        expect(transaction.amount).toEqual(rawTransaction.amount.toString())
+        expect(transaction.fee).toEqual(rawTransaction.fee.toString())
+        expect(transaction.senderPublicKey).toEqual(publicKey)
+        expect(transaction.type).toEqual(0)
+        expect(transaction.version).toEqual(2)
+      })
+    })
+
     describe('when a custom network is specified', () => {
       it('should have the correct version', async () => {
+        setAip11AndSpy(false, false)
         const networkId = 'ark.devnet'
-        const transaction = await client.buildTransfer({ fee: new BigNumber(fees[0]), networkId }, false, true)
+        const transaction = await client.buildTransfer({ fee: new BigNumber(fees[1][0]), networkId, passphrase: 'test' }, false, true)
         expect(transaction.data.network).toBe(30)
       })
     })
 
     describe('when the fee is bigger than the static fee', () => {
       it('should throw an Error', async () => {
-        const fee = new BigNumber(fees[0] + 1)
+        const fee = new BigNumber(fees[1][0] + 1)
         expect(await errorCapturer(client.buildTransfer({ fee }))).toThrow(/fee/)
       })
     })
 
     describe('when the fee is smaller or equal to the static fee (0.1)', () => {
       it('should not throw an Error', async () => {
-        expect(await errorCapturer(client.buildTransfer({ fee: new BigNumber(fees[0]) }))).not.toThrow(/fee/)
-        expect(await errorCapturer(client.buildTransfer({ fee: new BigNumber(fees[0] - 1) }))).not.toThrow(/fee/)
+        expect(await errorCapturer(client.buildTransfer({ fee: new BigNumber(fees[1][0]) }))).not.toThrow(/fee/)
+        expect(await errorCapturer(client.buildTransfer({ fee: new BigNumber(fees[1][0] - 1) }))).not.toThrow(/fee/)
       })
     })
   })
 
-  describe('buildVote', () => {
-    describe('when the fee is bigger than the static fee', () => {
-      it('should throw an Error', async () => {
-        const fee = new BigNumber(fees[3] + 1)
-        expect(await errorCapturer(client.buildVote({ fee }))).toThrow(/fee/)
-      })
-    })
-
-    describe('when the fee is smaller or equal to the static fee fee (0.1)', () => {
+  describe('buildSecondSignatureRegistration', () => {
+    describe('standard transaction', () => {
+      const address = Identities.Address.fromPassphrase('passphrase', 23)
+      const publicKey = Identities.PublicKey.fromPassphrase('passphrase')
+      const secondPublicKey = Identities.PublicKey.fromPassphrase('second passphrase')
+      const rawTransaction = {
+        address,
+        fee: new BigNumber(fees[1][1]),
+        passphrase: 'passphrase',
+        secondPassphrase: 'second passphrase',
+        networkWif: 170
+      }
+
+      it('should build a valid v1 transaction', async () => {
+        setAip11AndSpy(false, false)
+
+        const transaction = await client.buildSecondSignatureRegistration(rawTransaction, true)
+
+        expect(transaction.asset.signature.publicKey).toEqual(secondPublicKey)
+        expect(transaction.fee).toEqual(rawTransaction.fee.toString())
+        expect(transaction.senderPublicKey).toEqual(publicKey)
+        expect(transaction.type).toEqual(1)
+        expect(transaction.version).toEqual(1)
+      })
+
+      it('should build a valid v2 transaction', async () => {
+        const spy = setAip11AndSpy(true)
+
+        const transaction = await client.buildSecondSignatureRegistration(rawTransaction, true)
+
+        spy.mockRestore()
+
+        expect(transaction.asset.signature.publicKey).toEqual(secondPublicKey)
+        expect(transaction.fee).toEqual(rawTransaction.fee.toString())
+        expect(transaction.senderPublicKey).toEqual(publicKey)
+        expect(transaction.type).toEqual(1)
+        expect(transaction.version).toEqual(2)
+      })
+    })
+
+    describe('when the fee is bigger than the static fee', () => {
+      it('should throw an Error', async () => {
+        const fee = new BigNumber(fees[1][1] + 1)
+        expect(await errorCapturer(client.buildSecondSignatureRegistration({ fee }))).toThrow(/fee/)
+      })
+    })
+
+    describe('when the fee is smaller or equal to the static fee (5)', () => {
+      it('should not throw an Error', async () => {
+        expect(await errorCapturer(client.buildSecondSignatureRegistration({ fee: new BigNumber(fees[1][1]) }))).not.toThrow(/fee/)
+        expect(await errorCapturer(client.buildSecondSignatureRegistration({ fee: new BigNumber(fees[1][1] - 1) }))).not.toThrow(/fee/)
+      })
+    })
+  })
+
+  describe('buildMultiSignature', () => {
+    const minKeys = 3
+    const publicKeys = []
+    for (let i = 0; i < 5; i++) {
+      publicKeys.push(Identities.PublicKey.fromPassphrase(`passphrase ${i}`))
+    }
+
+    describe('standard transaction', () => {
+      const address = Identities.Address.fromPassphrase('passphrase', 23)
+      const publicKey = Identities.PublicKey.fromPassphrase('passphrase')
+
+      const rawTransaction = {
+        address,
+        publicKeys,
+        minKeys,
+        fee: new BigNumber(fees[1][4]),
+        passphrase: 'passphrase',
+        secondPassphrase: 'second passphrase',
+        networkWif: 170
+      }
+
+      it('should not build a v1 transaction', async () => {
+        setAip11AndSpy(false, false)
+
+        expect(await errorCapturer(client.buildMultiSignature(rawTransaction, true))).toThrow('AIP-11 transaction not supported on network')
+      })
+
+      it('should build a valid v2 transaction', async () => {
+        const spy = setAip11AndSpy(true)
+
+        const transaction = await client.buildMultiSignature(rawTransaction, true)
+
+        spy.mockRestore()
+
+        expect(transaction.asset.multiSignature.publicKeys).toEqual(publicKeys)
+        expect(transaction.asset.multiSignature.min).toEqual(rawTransaction.minKeys)
+        expect(transaction.fee + '').toEqual(rawTransaction.fee.toString())
+        expect(transaction.senderPublicKey).toEqual('public key of passphrase')
+        expect(transaction.type).toEqual(4)
+        expect(transaction.version).toEqual(2)
+      })
+
+      it('should return object if required', async () => {
+        const spy = setAip11AndSpy(true)
+
+        const transaction = await client.buildMultiSignature(rawTransaction, true, true)
+
+        spy.mockRestore()
+
+        expect(transaction.constructor.name).toEqual('MultiSignatureBuilder')
+        expect(transaction.data.asset.multiSignature.publicKeys).toEqual(publicKeys)
+        expect(transaction.data.asset.multiSignature.min).toEqual(rawTransaction.minKeys)
+        expect(transaction.data.fee + '').toEqual(rawTransaction.fee.toString())
+        expect(transaction.data.senderPublicKey).toEqual('public key of passphrase')
+        expect(transaction.data.type).toEqual(4)
+        expect(transaction.data.version).toEqual(2)
+      })
+
+      it('should add own wallet to signatures', async () => {
+        const spy = setAip11AndSpy(true)
+        const getPublicKeyFromPassphrase = WalletService.getPublicKeyFromPassphrase
+        WalletService.getPublicKeyFromPassphrase = jest.fn((passphrase) => Identities.PublicKey.fromPassphrase(passphrase))
+
+        const newPublicKeys = [
+          ...publicKeys,
+          publicKey
+        ]
+        const newRawTransaction = {
+          ...rawTransaction,
+          publicKeys: newPublicKeys
+        }
+
+        const transaction = await client.buildMultiSignature(newRawTransaction, true)
+
+        spy.mockRestore()
+        WalletService.getPublicKeyFromPassphrase = getPublicKeyFromPassphrase
+
+        const publicKeyIndex = newPublicKeys.indexOf(publicKey)
+        const signature = transaction.signatures.find(s => parseInt(s.substring(0, 2), 16) === publicKeyIndex)
+
+        expect(signature).toBeTruthy()
+        expect(transaction.asset.multiSignature.publicKeys).toEqual(newPublicKeys)
+        expect(transaction.asset.multiSignature.min).toEqual(rawTransaction.minKeys)
+        expect(transaction.fee + '').toEqual(rawTransaction.fee.toString())
+        expect(transaction.senderPublicKey).toEqual(publicKey)
+        expect(transaction.type).toEqual(4)
+        expect(transaction.version).toEqual(2)
+      })
+    })
+
+    describe('when the fee is bigger than the static fee', () => {
+      it('should throw an Error', async () => {
+        const spy = setAip11AndSpy(true)
+        const fee = new BigNumber(fees[1][4] + 1)
+        expect(await errorCapturer(client.buildMultiSignature({ fee, minKeys, publicKeys }))).toThrow(/fee/)
+        spy.mockRestore()
+      })
+    })
+
+    describe('when the fee is smaller or equal to the static fee (5)', () => {
+      it('should not throw an Error', async () => {
+        const spy = setAip11AndSpy(true)
+        expect(await errorCapturer(client.buildMultiSignature({ fee: new BigNumber(fees[1][4]) }))).not.toThrow(/fee/)
+        expect(await errorCapturer(client.buildMultiSignature({ fee: new BigNumber(fees[1][4] - 1) }))).not.toThrow(/fee/)
+        spy.mockRestore()
+      })
+    })
+  })
+
+  describe('buildIpfs', () => {
+    describe('standard transaction', () => {
+      const address = Identities.Address.fromPassphrase('passphrase', 23)
+      const publicKey = Identities.PublicKey.fromPassphrase('passphrase')
+      const rawTransaction = {
+        address,
+        fee: new BigNumber(fees[1][5]),
+        hash: 'QmT9qk3CRYbFDWpDFYeAv8T8H1gnongwKhh5J68NLkLir6',
+        passphrase: 'passphrase',
+        secondPassphrase: 'second passphrase',
+        networkWif: 170
+      }
+
+      it('should not build a v1 transaction', async () => {
+        setAip11AndSpy(false, false)
+
+        expect(await errorCapturer(client.buildIpfs(rawTransaction, true))).toThrow('AIP-11 transaction not supported on network')
+      })
+
+      it('should not create transaction with invalid hash', async () => {
+        const spy = setAip11AndSpy(true)
+
+        const newRawTransaction = {
+          ...rawTransaction,
+          hash: 'invalid hash'
+        }
+
+        expect(await errorCapturer(client.buildIpfs(newRawTransaction, true))).toThrow('Invalid base58 string.')
+
+        spy.mockRestore()
+      })
+
+      it('should build a valid v2 transaction', async () => {
+        const spy = setAip11AndSpy(true)
+
+        const transaction = await client.buildIpfs(rawTransaction, true)
+
+        spy.mockRestore()
+
+        expect(transaction.asset.ipfs).toEqual(rawTransaction.hash)
+        expect(transaction.fee).toEqual(rawTransaction.fee.toString())
+        expect(transaction.senderPublicKey).toEqual(publicKey)
+        expect(transaction.type).toEqual(5)
+        expect(transaction.version).toEqual(2)
+      })
+    })
+
+    describe('when the fee is bigger than the static fee', () => {
+      it('should throw an Error', async () => {
+        const spy = setAip11AndSpy(true)
+        const fee = new BigNumber(fees[1][5] + 1)
+        expect(await errorCapturer(client.buildIpfs({ fee }))).toThrow(/fee/)
+        spy.mockRestore()
+      })
+    })
+
+    describe('when the fee is smaller or equal to the static fee (5)', () => {
+      it('should not throw an Error', async () => {
+        const spy = setAip11AndSpy(true)
+        expect(await errorCapturer(client.buildIpfs({ fee: new BigNumber(fees[1][5]) }))).not.toThrow(/fee/)
+        expect(await errorCapturer(client.buildIpfs({ fee: new BigNumber(fees[1][5] - 1) }))).not.toThrow(/fee/)
+        spy.mockRestore()
+      })
+    })
+  })
+
+  describe('buildMultiPayment', () => {
+    const recipients = []
+    for (let i = 0; i < 5; i++) {
+      recipients.push({
+        address: Identities.Address.fromPassphrase(`passphrase ${i}`, 23),
+        amount: new BigNumber((i + 1) * 1e8)
+      })
+    }
+
+    describe('standard transaction', () => {
+      const address = Identities.Address.fromPassphrase('passphrase', 23)
+      const publicKey = Identities.PublicKey.fromPassphrase('passphrase')
+      const rawTransaction = {
+        address,
+        recipients,
+        fee: new BigNumber(fees[1][6]),
+        vendorField: 'this is a test',
+        passphrase: 'passphrase',
+        secondPassphrase: 'second passphrase',
+        networkWif: 170
+      }
+
+      it('should not build a v1 transaction', async () => {
+        setAip11AndSpy(false, false)
+
+        expect(await errorCapturer(client.buildMultiPayment(rawTransaction, true))).toThrow('AIP-11 transaction not supported on network')
+      })
+
+      it('should build a valid v2 transaction', async () => {
+        const spy = setAip11AndSpy(true)
+
+        const transaction = await client.buildMultiPayment(rawTransaction, true)
+
+        spy.mockRestore()
+
+        for (const recipientIndex in recipients) {
+          expect(transaction.asset.payments[recipientIndex].recipientId).toEqual(recipients[recipientIndex].address)
+          expect(transaction.asset.payments[recipientIndex].amount).toEqual(recipients[recipientIndex].amount.toString())
+        }
+        expect(transaction.vendorField).toEqual(rawTransaction.vendorField)
+        expect(transaction.fee).toEqual(rawTransaction.fee.toString())
+        expect(transaction.senderPublicKey).toEqual(publicKey)
+        expect(transaction.type).toEqual(6)
+        expect(transaction.version).toEqual(2)
+      })
+    })
+
+    describe('when the fee is bigger than the static fee', () => {
+      it('should throw an Error', async () => {
+        const spy = setAip11AndSpy(true)
+        const fee = new BigNumber(fees[1][6] + 1)
+        expect(await errorCapturer(client.buildMultiPayment({ fee }))).toThrow(/fee/)
+        spy.mockRestore()
+      })
+    })
+
+    describe('when the fee is smaller or equal to the static fee (5)', () => {
+      it('should not throw an Error', async () => {
+        const spy = setAip11AndSpy(true)
+        expect(await errorCapturer(client.buildMultiPayment({ fee: new BigNumber(fees[1][6]) }))).not.toThrow(/fee/)
+        expect(await errorCapturer(client.buildMultiPayment({ fee: new BigNumber(fees[1][6] - 1) }))).not.toThrow(/fee/)
+        spy.mockRestore()
+      })
+    })
+  })
+
+  describe('buildDelegateResignation', () => {
+    describe('standard transaction', () => {
+      const address = Identities.Address.fromPassphrase('passphrase', 23)
+      const publicKey = Identities.PublicKey.fromPassphrase('passphrase')
+      const rawTransaction = {
+        address,
+        fee: new BigNumber(fees[1][7]),
+        passphrase: 'passphrase',
+        secondPassphrase: 'second passphrase',
+        networkWif: 170
+      }
+
+      it('should not build a v1 transaction', async () => {
+        setAip11AndSpy(false, false)
+
+        expect(await errorCapturer(client.buildDelegateResignation(rawTransaction, true))).toThrow('AIP-11 transaction not supported on network')
+      })
+
+      it('should build a valid v2 transaction', async () => {
+        const spy = setAip11AndSpy(true)
+
+        const transaction = await client.buildDelegateResignation(rawTransaction, true)
+
+        spy.mockRestore()
+
+        expect(transaction.fee).toEqual(rawTransaction.fee.toString())
+        expect(transaction.senderPublicKey).toEqual(publicKey)
+        expect(transaction.type).toEqual(7)
+        expect(transaction.version).toEqual(2)
+      })
+    })
+
+    describe('when the fee is bigger than the static fee', () => {
+      it('should throw an Error', async () => {
+        const spy = setAip11AndSpy(true)
+        const fee = new BigNumber(fees[1][7] + 1)
+        expect(await errorCapturer(client.buildDelegateResignation({ fee }))).toThrow(/fee/)
+        spy.mockRestore()
+      })
+    })
+
+    describe('when the fee is smaller or equal to the static fee (5)', () => {
+      it('should not throw an Error', async () => {
+        const spy = setAip11AndSpy(true)
+        expect(await errorCapturer(client.buildDelegateResignation({ fee: new BigNumber(fees[1][7]) }))).not.toThrow(/fee/)
+        expect(await errorCapturer(client.buildDelegateResignation({ fee: new BigNumber(fees[1][7] - 1) }))).not.toThrow(/fee/)
+        spy.mockRestore()
+      })
+    })
+  })
+
+  describe('buildBusinessRegistration', () => {
+    describe('standard transaction', () => {
+      const address = Identities.Address.fromPassphrase('passphrase', 23)
+      const publicKey = Identities.PublicKey.fromPassphrase('passphrase')
+      const rawTransaction = {
+        address,
+        fee: new BigNumber(fees[2][0]),
+        asset: {
+          name: 'google',
+          website: 'https://www.google.com',
+          vat: 'GB123456',
+          repository: 'https://github.com/arkecosystem/desktop-wallet.git'
+        },
+        passphrase: 'passphrase',
+        secondPassphrase: 'second passphrase',
+        networkWif: 170
+      }
+
+      it('should not build a v1 transaction', async () => {
+        setAip11AndSpy(false, false)
+
+        expect(await errorCapturer(client.buildBusinessRegistration(rawTransaction, true))).toThrow('AIP-11 transaction not supported on network')
+      })
+
+      it('should build a valid v2 transaction', async () => {
+        const spy = setAip11AndSpy(true)
+
+        const transaction = await client.buildBusinessRegistration(rawTransaction, true)
+
+        spy.mockRestore()
+
+        expect(transaction.asset.businessRegistration).toEqual(rawTransaction.asset)
+        expect(transaction.fee).toEqual(rawTransaction.fee.toString())
+        expect(transaction.senderPublicKey).toEqual(publicKey)
+        expect(transaction.typeGroup).toEqual(2)
+        expect(transaction.type).toEqual(0)
+        expect(transaction.version).toEqual(2)
+      })
+
+      it('should build a valid v2 transaction without optional data', async () => {
+        const spy = setAip11AndSpy(true)
+
+        const newRawTransaction = {
+          ...rawTransaction,
+          asset: {
+            name: 'google',
+            website: 'https://www.google.com'
+          }
+        }
+        const transaction = await client.buildBusinessRegistration(newRawTransaction, true)
+
+        spy.mockRestore()
+
+        expect(transaction.asset.businessRegistration).toEqual(newRawTransaction.asset)
+        expect(transaction.fee).toEqual(rawTransaction.fee.toString())
+        expect(transaction.senderPublicKey).toEqual(publicKey)
+        expect(transaction.typeGroup).toEqual(2)
+        expect(transaction.type).toEqual(0)
+        expect(transaction.version).toEqual(2)
+      })
+    })
+
+    describe('when the fee is bigger than the static fee', () => {
+      it('should throw an Error', async () => {
+        const spy = setAip11AndSpy(true)
+        const fee = new BigNumber(fees[2][0] + 1)
+        expect(await errorCapturer(client.buildBusinessRegistration({ fee }))).toThrow(/fee/)
+        spy.mockRestore()
+      })
+    })
+
+    describe('when the fee is smaller or equal to the static fee (5)', () => {
+      it('should not throw an Error', async () => {
+        const spy = setAip11AndSpy(true)
+        expect(await errorCapturer(client.buildBusinessRegistration({ fee: new BigNumber(fees[2][0]) }))).not.toThrow(/fee/)
+        expect(await errorCapturer(client.buildBusinessRegistration({ fee: new BigNumber(fees[2][0] - 1) }))).not.toThrow(/fee/)
+        spy.mockRestore()
+      })
+    })
+  })
+
+  describe('buildBusinessUpdate', () => {
+    describe('standard transaction', () => {
+      const address = Identities.Address.fromPassphrase('passphrase', 23)
+      const publicKey = Identities.PublicKey.fromPassphrase('passphrase')
+      const rawTransaction = {
+        address,
+        fee: new BigNumber(fees[2][2]),
+        asset: {
+          name: 'google',
+          website: 'https://www.google.com',
+          vat: 'GB123456',
+          repository: 'https://github.com/arkecosystem/desktop-wallet.git'
+        },
+        passphrase: 'passphrase',
+        secondPassphrase: 'second passphrase',
+        networkWif: 170
+      }
+
+      it('should not build a v1 transaction', async () => {
+        setAip11AndSpy(false, false)
+
+        expect(await errorCapturer(client.buildBusinessUpdate(rawTransaction, true))).toThrow('AIP-11 transaction not supported on network')
+      })
+
+      it('should build a valid v2 transaction', async () => {
+        const spy = setAip11AndSpy(true)
+
+        const transaction = await client.buildBusinessUpdate(rawTransaction, true)
+
+        spy.mockRestore()
+
+        expect(transaction.asset.businessUpdate).toEqual(rawTransaction.asset)
+        expect(transaction.fee).toEqual(rawTransaction.fee.toString())
+        expect(transaction.senderPublicKey).toEqual(publicKey)
+        expect(transaction.typeGroup).toEqual(2)
+        expect(transaction.type).toEqual(2)
+        expect(transaction.version).toEqual(2)
+      })
+
+      it('should build a valid v2 transaction without optional data', async () => {
+        const spy = setAip11AndSpy(true)
+
+        const newRawTransaction = {
+          ...rawTransaction,
+          asset: {
+            name: 'google',
+            website: 'https://www.google.com'
+          }
+        }
+        const transaction = await client.buildBusinessUpdate(newRawTransaction, true)
+
+        spy.mockRestore()
+
+        expect(transaction.asset.businessUpdate).toEqual(newRawTransaction.asset)
+        expect(transaction.fee).toEqual(rawTransaction.fee.toString())
+        expect(transaction.senderPublicKey).toEqual(publicKey)
+        expect(transaction.typeGroup).toEqual(2)
+        expect(transaction.type).toEqual(2)
+        expect(transaction.version).toEqual(2)
+      })
+    })
+
+    describe('when the fee is bigger than the static fee', () => {
+      it('should throw an Error', async () => {
+        const spy = setAip11AndSpy(true)
+        const fee = new BigNumber(fees[2][2] + 1)
+        expect(await errorCapturer(client.buildBusinessUpdate({ fee }))).toThrow(/fee/)
+        spy.mockRestore()
+      })
+    })
+
+    describe('when the fee is smaller or equal to the static fee (5)', () => {
+      it('should not throw an Error', async () => {
+        const spy = setAip11AndSpy(true)
+        expect(await errorCapturer(client.buildBusinessUpdate({ fee: new BigNumber(fees[2][2]) }))).not.toThrow(/fee/)
+        expect(await errorCapturer(client.buildBusinessUpdate({ fee: new BigNumber(fees[2][2] - 1) }))).not.toThrow(/fee/)
+        spy.mockRestore()
+      })
+    })
+  })
+
+  describe('buildBusinessResignation', () => {
+    describe('standard transaction', () => {
+      const address = Identities.Address.fromPassphrase('passphrase', 23)
+      const publicKey = Identities.PublicKey.fromPassphrase('passphrase')
+      const rawTransaction = {
+        address,
+        fee: new BigNumber(fees[2][1]),
+        passphrase: 'passphrase',
+        secondPassphrase: 'second passphrase',
+        networkWif: 170
+      }
+
+      it('should not build a v1 transaction', async () => {
+        setAip11AndSpy(false, false)
+
+        expect(await errorCapturer(client.buildBusinessResignation(rawTransaction, true))).toThrow('AIP-11 transaction not supported on network')
+      })
+
+      it('should build a valid v2 transaction', async () => {
+        const spy = setAip11AndSpy(true)
+
+        const transaction = await client.buildBusinessResignation(rawTransaction, true)
+
+        spy.mockRestore()
+
+        expect(transaction.fee).toEqual(rawTransaction.fee.toString())
+        expect(transaction.senderPublicKey).toEqual(publicKey)
+        expect(transaction.typeGroup).toEqual(2)
+        expect(transaction.type).toEqual(1)
+        expect(transaction.version).toEqual(2)
+      })
+    })
+
+    describe('when the fee is bigger than the static fee', () => {
+      it('should throw an Error', async () => {
+        const spy = setAip11AndSpy(true)
+        const fee = new BigNumber(fees[2][1] + 1)
+        expect(await errorCapturer(client.buildBusinessResignation({ fee }))).toThrow(/fee/)
+        spy.mockRestore()
+      })
+    })
+
+    describe('when the fee is smaller or equal to the static fee (5)', () => {
+      it('should not throw an Error', async () => {
+        const spy = setAip11AndSpy(true)
+        expect(await errorCapturer(client.buildBusinessResignation({ fee: new BigNumber(fees[2][1]) }))).not.toThrow(/fee/)
+        expect(await errorCapturer(client.buildBusinessResignation({ fee: new BigNumber(fees[2][1] - 1) }))).not.toThrow(/fee/)
+        spy.mockRestore()
+      })
+    })
+  })
+
+  describe('buildBridgechainRegistration', () => {
+    describe('standard transaction', () => {
+      const address = Identities.Address.fromPassphrase('passphrase', 23)
+      const publicKey = Identities.PublicKey.fromPassphrase('passphrase')
+      const rawTransaction = {
+        address,
+        fee: new BigNumber(fees[2][3]),
+        asset: {
+          name: 'test_bridgechain',
+          seedNodes: [
+            '1.1.1.1',
+            '2.2.2.2',
+            '3.3.3.3',
+            '4.4.4.4'
+          ],
+          ports: {
+            '@arkecosystem/core-api': 4003
+          },
+          genesisHash: '2a44f340d76ffc3df204c5f38cd355b7496c9065a1ade2ef92071436bd72e867',
+          bridgechainRepository: 'https://github.com/arkecosystem/core.git'
+        },
+        passphrase: 'passphrase',
+        secondPassphrase: 'second passphrase',
+        networkWif: 170
+      }
+
+      it('should not build a v1 transaction', async () => {
+        setAip11AndSpy(false, false)
+
+        expect(await errorCapturer(client.buildBridgechainRegistration(rawTransaction, true))).toThrow('AIP-11 transaction not supported on network')
+      })
+
+      it('should build a valid v2 transaction', async () => {
+        const spy = setAip11AndSpy(true)
+
+        const transaction = await client.buildBridgechainRegistration(rawTransaction, true)
+
+        spy.mockRestore()
+
+        expect(transaction.asset.bridgechainRegistration).toEqual(rawTransaction.asset)
+        expect(transaction.fee).toEqual(rawTransaction.fee.toString())
+        expect(transaction.senderPublicKey).toEqual(publicKey)
+        expect(transaction.typeGroup).toEqual(2)
+        expect(transaction.type).toEqual(3)
+        expect(transaction.version).toEqual(2)
+      })
+    })
+
+    describe('when the fee is bigger than the static fee', () => {
+      it('should throw an Error', async () => {
+        const spy = setAip11AndSpy(true)
+        const fee = new BigNumber(fees[2][3] + 1)
+        expect(await errorCapturer(client.buildBridgechainRegistration({ fee }))).toThrow(/fee/)
+        spy.mockRestore()
+      })
+    })
+
+    describe('when the fee is smaller or equal to the static fee (5)', () => {
+      it('should not throw an Error', async () => {
+        const spy = setAip11AndSpy(true)
+        expect(await errorCapturer(client.buildBridgechainRegistration({ fee: new BigNumber(fees[2][3]) }))).not.toThrow(/fee/)
+        expect(await errorCapturer(client.buildBridgechainRegistration({ fee: new BigNumber(fees[2][3] - 1) }))).not.toThrow(/fee/)
+        spy.mockRestore()
+      })
+    })
+  })
+
+  describe('buildBridgechainUpdate', () => {
+    describe('standard transaction', () => {
+      const address = Identities.Address.fromPassphrase('passphrase', 23)
+      const publicKey = Identities.PublicKey.fromPassphrase('passphrase')
+      const rawTransaction = {
+        address,
+        fee: new BigNumber(fees[2][5]),
+        asset: {
+          bridgechainId: '2a44f340d76ffc3df204c5f38cd355b7496c9065a1ade2ef92071436bd72e867',
+          seedNodes: [
+            '1.1.1.1',
+            '2.2.2.2',
+            '3.3.3.3',
+            '4.4.4.4'
+          ],
+          ports: {
+            '@arkecosystem/core-api': 4003
+          }
+        },
+        passphrase: 'passphrase',
+        secondPassphrase: 'second passphrase',
+        networkWif: 170
+      }
+
+      it('should not build a v1 transaction', async () => {
+        setAip11AndSpy(false, false)
+
+        expect(await errorCapturer(client.buildBridgechainUpdate(rawTransaction, true))).toThrow('AIP-11 transaction not supported on network')
+      })
+
+      it('should build a valid v2 transaction', async () => {
+        const spy = setAip11AndSpy(true)
+
+        const transaction = await client.buildBridgechainUpdate(rawTransaction, true)
+
+        spy.mockRestore()
+
+        expect(transaction.asset.bridgechainUpdate).toEqual(rawTransaction.asset)
+        expect(transaction.fee).toEqual(rawTransaction.fee.toString())
+        expect(transaction.senderPublicKey).toEqual(publicKey)
+        expect(transaction.typeGroup).toEqual(2)
+        expect(transaction.type).toEqual(5)
+        expect(transaction.version).toEqual(2)
+      })
+    })
+
+    describe('when the fee is bigger than the static fee', () => {
+      it('should throw an Error', async () => {
+        const spy = setAip11AndSpy(true)
+        const fee = new BigNumber(fees[2][5] + 1)
+        expect(await errorCapturer(client.buildBridgechainUpdate({ fee }))).toThrow(/fee/)
+        spy.mockRestore()
+      })
+    })
+
+    describe('when the fee is smaller or equal to the static fee (5)', () => {
+      it('should not throw an Error', async () => {
+        const spy = setAip11AndSpy(true)
+        expect(await errorCapturer(client.buildBridgechainUpdate({ fee: new BigNumber(fees[2][5]) }))).not.toThrow(/fee/)
+        expect(await errorCapturer(client.buildBridgechainUpdate({ fee: new BigNumber(fees[2][5] - 1) }))).not.toThrow(/fee/)
+        spy.mockRestore()
+      })
+    })
+  })
+
+  describe('buildBridgechainResignation', () => {
+    describe('standard transaction', () => {
+      const address = Identities.Address.fromPassphrase('passphrase', 23)
+      const publicKey = Identities.PublicKey.fromPassphrase('passphrase')
+      const rawTransaction = {
+        address,
+        fee: new BigNumber(fees[2][4]),
+        bridgechainId: '2a44f340d76ffc3df204c5f38cd355b7496c9065a1ade2ef92071436bd72e867',
+        passphrase: 'passphrase',
+        secondPassphrase: 'second passphrase',
+        networkWif: 170
+      }
+
+      it('should not build a v1 transaction', async () => {
+        setAip11AndSpy(false, false)
+
+        expect(await errorCapturer(client.buildBridgechainResignation(rawTransaction, true))).toThrow('AIP-11 transaction not supported on network')
+      })
+
+      it('should build a valid v2 transaction', async () => {
+        const spy = setAip11AndSpy(true)
+
+        const transaction = await client.buildBridgechainResignation(rawTransaction, true)
+
+        spy.mockRestore()
+
+        expect(transaction.asset.bridgechainResignation.bridgechainId).toEqual(rawTransaction.bridgechainId)
+        expect(transaction.fee).toEqual(rawTransaction.fee.toString())
+        expect(transaction.senderPublicKey).toEqual(publicKey)
+        expect(transaction.typeGroup).toEqual(2)
+        expect(transaction.type).toEqual(4)
+        expect(transaction.version).toEqual(2)
+      })
+    })
+
+    describe('when the fee is bigger than the static fee', () => {
+      it('should throw an Error', async () => {
+        const spy = setAip11AndSpy(true)
+        const fee = new BigNumber(fees[2][4] + 1)
+        expect(await errorCapturer(client.buildBridgechainResignation({ fee }))).toThrow(/fee/)
+        spy.mockRestore()
+      })
+    })
+
+    describe('when the fee is smaller or equal to the static fee (5)', () => {
       it('should not throw an Error', async () => {
-        expect(await errorCapturer(client.buildVote({ fee: new BigNumber(fees[3]) }))).not.toThrow(/fee/)
-        expect(await errorCapturer(client.buildVote({ fee: new BigNumber(fees[3] - 1) }))).not.toThrow(/fee/)
+        const spy = setAip11AndSpy(true)
+        expect(await errorCapturer(client.buildBridgechainResignation({ fee: new BigNumber(fees[2][4]) }))).not.toThrow(/fee/)
+        expect(await errorCapturer(client.buildBridgechainResignation({ fee: new BigNumber(fees[2][4] - 1) }))).not.toThrow(/fee/)
+        spy.mockRestore()
+      })
+    })
+  })
+
+  describe('__signTransaction', () => {
+    const address = Identities.Address.fromPassphrase('passphrase', 23)
+    const publicKey = Identities.PublicKey.fromPassphrase('passphrase')
+    const passphrase = 'passphrase'
+    const secondPassphrase = 'second passphrase'
+    let transaction
+    let signData
+
+    beforeEach(() => {
+      transaction = Transactions.BuilderFactory
+        .transfer()
+        .amount(new BigNumber(1 * 1e8))
+        .fee(new BigNumber(0.1 * 1e8))
+        .recipientId(address)
+        .vendorField('test vendorfield')
+
+      signData = {
+        address,
+        transaction,
+        passphrase,
+        secondPassphrase,
+        networkWif: 170,
+        networkId: 'ark.mainnet'
+      }
+    })
+
+    it('should sign transaction', async () => {
+      setAip11AndSpy(false, false)
+
+      const response = await client.__signTransaction(signData)
+
+      expect(response.vendorField).toEqual(transaction.data.vendorField)
+      expect(response.amount).toBe(new BigNumber(1 * 1e8).toString())
+      expect(response.fee).toBe(new BigNumber(0.1 * 1e8).toString())
+      expect(response.senderPublicKey).toEqual(publicKey)
+      expect(response.type).toEqual(0)
+      expect(response.version).toEqual(1)
+    })
+
+    it('should get network from session if no id', async () => {
+      const networkByIdSpy = jest.spyOn(store.getters, 'network/byId')
+
+      await client.__signTransaction({
+        ...signData,
+        networkId: null
+      })
+
+      expect(networkByIdSpy).not.toHaveBeenCalled()
+
+      networkByIdSpy.mockRestore()
+    })
+
+    it('should get network by id if provided', async () => {
+      const networkByIdSpy = jest.spyOn(store.getters, 'network/byId')
+
+      await client.__signTransaction(signData)
+
+      expect(networkByIdSpy).toHaveBeenCalledWith('ark.mainnet')
+
+      networkByIdSpy.mockRestore()
+    })
+
+    it('should normalize passphrase if provided', async () => {
+      const spy = jest.spyOn(client, 'normalizePassphrase')
+
+      await client.__signTransaction(signData)
+
+      expect(spy).toHaveBeenCalledWith(signData.passphrase)
+      expect(spy).toHaveBeenCalledWith(signData.secondPassphrase)
+    })
+
+    it('should not normalize if no passphrase is provided', async () => {
+      const spy = jest.spyOn(client, 'normalizePassphrase')
+      const wif = Identities.WIF.fromPassphrase(passphrase, { wif: 170 })
+
+      await client.__signTransaction({
+        ...signData,
+        passphrase: null,
+        secondPassphrase: null,
+        wif
+      })
+
+      expect(spy).not.toHaveBeenCalled()
+    })
+
+    it('should create v1 transaction if aip11 disabled', async () => {
+      const response = await client.__signTransaction(signData)
+
+      expect(response.version).toBe(1)
+      expect(response.nonce).toBeFalsy()
+      expect(response.timestamp).toBeTruthy()
+    })
+
+    it('should create v2 transaction if aip11 enabled', async () => {
+      const spy = setAip11AndSpy(true)
+
+      const response = await client.__signTransaction(signData)
+
+      spy.mockRestore()
+
+      expect(response.version).toBe(2)
+      expect(response.nonce).toBe('1')
+    })
+
+    it('should increment nonce of wallet', async () => {
+      const spy = setAip11AndSpy(true)
+      nock('http://127.0.0.1:4003')
+        .get(`/api/v2/wallets/${address}`)
+        .reply(200, {
+          data: {
+            nonce: 3
+          }
+        })
+
+      const response = await client.__signTransaction(signData)
+
+      spy.mockRestore()
+
+      expect(response.version).toBe(2)
+      expect(response.nonce).toBe('4')
+    })
+
+    it('should default nonce to 0 if no wallet', async () => {
+      const spy = setAip11AndSpy(true)
+      nock('http://127.0.0.1:4003')
+        .get(`/api/v2/wallets/${address}`)
+        .reply(200, {
+          data: {}
+        })
+
+      const response = await client.__signTransaction(signData)
+
+      spy.mockRestore()
+
+      expect(response.version).toBe(2)
+      expect(response.nonce).toBe('1')
+    })
+
+    it('should sign with passphrase', async () => {
+      const spy = setAip11AndSpy(true)
+      const spySignPassphrase = jest.spyOn(transaction, 'sign')
+
+      const response = await client.__signTransaction(signData)
+
+      spy.mockRestore()
+
+      expect(response.version).toBe(2)
+      expect(response.nonce).toBe('1')
+      expect(spySignPassphrase).toHaveBeenCalledWith(passphrase)
+    })
+
+    it('should sign with second passphrase', async () => {
+      const spy = setAip11AndSpy(true)
+      const spySecondSignPassphrase = jest.spyOn(transaction, 'secondSign')
+
+      const response = await client.__signTransaction(signData)
+
+      spy.mockRestore()
+
+      expect(response.version).toBe(2)
+      expect(response.nonce).toBe('1')
+      expect(spySecondSignPassphrase).toHaveBeenCalledWith(secondPassphrase)
+    })
+
+    it('should sign with wif', async () => {
+      const spy = setAip11AndSpy(true)
+      const spySignWif = jest.spyOn(transaction, 'signWithWif')
+      const wif = Identities.WIF.fromPassphrase(passphrase, { wif: 170 })
+
+      const response = await client.__signTransaction({
+        ...signData,
+        passphrase: null,
+        secondPassphrase: null,
+        wif
+      })
+
+      spy.mockRestore()
+
+      expect(response.version).toBe(2)
+      expect(response.nonce).toBe('1')
+      expect(spySignWif).toHaveBeenCalledWith(wif, 170)
+    })
+
+    it('should return object', async () => {
+      const spy = setAip11AndSpy(true)
+
+      const response = await client.__signTransaction(signData, true)
+
+      spy.mockRestore()
+
+      expect(response.data).toBeTruthy()
+      expect(response.constructor.name).toBe('TransferBuilder')
+    })
+
+    describe('multiSignature', () => {
+      const minKeys = 3
+      let multiSignature
+      let publicKeys
+      let aip11Spy
+
+      beforeEach(() => {
+        publicKeys = []
+        for (let i = 0; i < 5; i++) {
+          publicKeys.push(Identities.PublicKey.fromPassphrase(`passphrase ${i}`))
+        }
+
+        multiSignature = {
+          publicKeys,
+          min: minKeys
+        }
+        aip11Spy = setAip11AndSpy(true)
+      })
+
+      afterEach(() => {
+        aip11Spy.mockRestore()
+      })
+
+      it('should create transaction for multi-signature wallet when using passphrase', async () => {
+        const getPublicKeyFromPassphrase = WalletService.getPublicKeyFromPassphrase
+        WalletService.getPublicKeyFromPassphrase = jest.fn((passphrase) => Identities.PublicKey.fromPassphrase(passphrase))
+
+        const response = await client.__signTransaction({
+          ...signData,
+          multiSignature
+        })
+
+        WalletService.getPublicKeyFromPassphrase = getPublicKeyFromPassphrase
+
+        expect(response.signatures.length).toBe(0)
+      })
+
+      it('should return transaction with multiSignature property', async () => {
+        const getPublicKeyFromPassphrase = WalletService.getPublicKeyFromPassphrase
+        WalletService.getPublicKeyFromPassphrase = jest.fn((passphrase) => Identities.PublicKey.fromPassphrase(passphrase))
+
+        const response = await client.__signTransaction({
+          ...signData,
+          multiSignature
+        })
+
+        WalletService.getPublicKeyFromPassphrase = getPublicKeyFromPassphrase
+
+        expect(response.multiSignature).toBe(multiSignature)
+      })
+
+      describe('own passphrase used', () => {
+        beforeEach(() => {
+          publicKeys.push(Identities.PublicKey.fromPassphrase(`${passphrase}`))
+        })
+
+        it('should add signature to list of signatures', async () => {
+          const spyMultiSign = jest.spyOn(transaction, 'multiSign')
+          const getPublicKeyFromPassphraseMock = jest.fn((passphrase) => Identities.PublicKey.fromPassphrase(passphrase))
+          const getPublicKeyFromPassphrase = WalletService.getPublicKeyFromPassphrase
+          WalletService.getPublicKeyFromPassphrase = getPublicKeyFromPassphraseMock
+
+          const response = await client.__signTransaction({
+            ...signData,
+            multiSignature
+          })
+
+          WalletService.getPublicKeyFromPassphrase = getPublicKeyFromPassphrase
+
+          const publicKeyIndex = publicKeys.indexOf(publicKey)
+          const signature = response.signatures.find(s => parseInt(s.substring(0, 2), 16) === publicKeyIndex)
+
+          expect(getPublicKeyFromPassphraseMock).toHaveBeenCalledWith(passphrase)
+          expect(spyMultiSign).toHaveBeenCalledWith(passphrase, publicKeyIndex)
+          expect(signature).toBeTruthy()
+        })
+      })
+
+      describe('own wif used', () => {
+        beforeEach(() => {
+          publicKeys.push(Identities.PublicKey.fromPassphrase(`${passphrase}`))
+        })
+
+        it('should add signature to list of signatures', async () => {
+          const spyMultiSignWithWif = jest.spyOn(transaction, 'multiSignWithWif')
+          const getPublicKeyFromWIFMock = jest.fn((wif) => Identities.PublicKey.fromWIF(wif, { wif: 170 }))
+          const getPublicKeyFromWIF = WalletService.getPublicKeyFromWIF
+          WalletService.getPublicKeyFromWIF = getPublicKeyFromWIFMock
+
+          const wif = Identities.WIF.fromPassphrase(passphrase, { wif: 170 })
+          const response = await client.__signTransaction({
+            ...signData,
+            multiSignature,
+            passphrase: null,
+            secondPassphrase: null,
+            wif
+          })
+
+          WalletService.getPublicKeyFromWIF = getPublicKeyFromWIF
+
+          const publicKeyIndex = publicKeys.indexOf(publicKey)
+          const signature = response.signatures.find(s => parseInt(s.substring(0, 2), 16) === publicKeyIndex)
+
+          expect(getPublicKeyFromWIFMock).toHaveBeenCalledWith(wif)
+          expect(spyMultiSignWithWif).toHaveBeenCalledWith(publicKeyIndex, wif, 170)
+          expect(signature).toBeTruthy()
+        })
+      })
+    })
+  })
+
+  describe('multiSign', () => {
+    const masterPassphrase = 'passphrase'
+    const address = Identities.Address.fromPassphrase(masterPassphrase, 23)
+    const publicKey = Identities.PublicKey.fromPassphrase(masterPassphrase)
+    const minKeys = 3
+    let publicKeys
+    let transaction
+    let signData
+    let multiSignature
+    let aip11Spy
+
+    beforeEach(() => {
+      publicKeys = []
+      for (let i = 0; i < 5; i++) {
+        publicKeys.push(Identities.PublicKey.fromPassphrase(`passphrase ${i}`))
+      }
+
+      multiSignature = {
+        publicKeys,
+        min: minKeys
+      }
+      aip11Spy = setAip11AndSpy(true)
+
+      transaction = {
+        amount: new BigNumber(1 * 1e8),
+        fee: new BigNumber(0.1 * 1e8),
+        type: 0,
+        typeGroup: 1,
+        recipientId: address,
+        vendorField: 'test vendorfield',
+        version: 2,
+        network: 23,
+        senderPublicKey: publicKey,
+        nonce: '1',
+        signatures: []
+      }
+
+      signData = {
+        multiSignature,
+        networkWif: 170,
+        passphrase: 'passphrase 1'
+      }
+    })
+
+    afterEach(() => {
+      aip11Spy.mockRestore()
+    })
+
+    it('should throw error if no passphrase or wif', async () => {
+      expect(await errorCapturer(client.multiSign(transaction, { multiSignature }))).toThrow('No passphrase or wif provided')
+    })
+
+    it('should throw error aip11 not enabled', async () => {
+      setAip11AndSpy(false, false)
+
+      expect(await errorCapturer(client.multiSign(transaction, signData))).toThrow('Multi-Signature Transactions are not supported yet')
+    })
+
+    it('should parse transaction from data', async () => {
+      const spy = jest.spyOn(client, '__transactionFromData')
+
+      await client.multiSign(transaction, signData)
+      expect(spy).toHaveBeenCalledWith(transaction)
+    })
+
+    it('should get keys from passphrase if provided', async () => {
+      const spy = jest.spyOn(Identities.Keys, 'fromPassphrase')
+
+      await client.multiSign(transaction, signData)
+      expect(spy).toHaveBeenCalledWith('passphrase 1')
+
+      spy.mockRestore()
+    })
+
+    it('should get keys from wif if provided', async () => {
+      const wif = Identities.WIF.fromPassphrase('passphrase 1', { wif: 170 })
+      const spy = jest.spyOn(Identities.Keys, 'fromWIF')
+
+      await client.multiSign(transaction, {
+        ...signData,
+        passphrase: null,
+        wif
+      })
+      expect(spy).toHaveBeenCalledWith(wif, { wif: 170 })
+
+      spy.mockRestore()
+    })
+
+    it('should check if signatures are needed', async () => {
+      const spy = jest.spyOn(TransactionService, 'isMultiSignatureReady')
+
+      await client.multiSign(transaction, signData)
+
+      expect(spy).toHaveBeenCalledWith({ ...transaction, multiSignature }, true)
+      expect(spy).toHaveBeenCalledTimes(1)
+
+      spy.mockRestore()
+    })
+
+    it('should throw error if passphrase is not required for multi-signature wallet', async () => {
+      expect(await errorCapturer(client.multiSign(transaction, { ...signData, passphrase: 'not used' }))).toThrow('passphrase/wif is not used to sign this transaction')
+    })
+
+    it('should add signature for passphrase', async () => {
+      const response = await client.multiSign(transaction, signData)
+
+      expect(response.signatures.length).toBe(1)
+      expect(response.signatures[0]).toBeTruthy()
+    })
+
+    it('should add additional signatures upto minimum required', async () => {
+      for (let i = 0; i < minKeys; i++) {
+        transaction = await client.multiSign(transaction, { ...signData, passphrase: `passphrase ${i}` })
+      }
+
+      expect(transaction.signatures.length).toBe(3)
+      for (let i = 0; i < minKeys; i++) {
+        const publicKeyIndex = publicKeys.indexOf(Identities.PublicKey.fromPassphrase(`passphrase ${i}`))
+        const signature = transaction.signatures.find(s => parseInt(s.substring(0, 2), 16) === publicKeyIndex)
+
+        expect(signature).toBeTruthy()
+      }
+    })
+
+    it('should not sign transaction if not primary sender', async () => {
+      for (let i = 0; i < 4; i++) {
+        transaction = await client.multiSign(transaction, { ...signData, passphrase: `passphrase ${i}` })
+      }
+
+      expect(transaction.signature).toBeFalsy()
+    })
+
+    it('should ignore duplicate signatures for passphrase', async () => {
+      transaction = await client.multiSign(transaction, { ...signData, passphrase: 'passphrase 1' })
+      transaction = await client.multiSign(transaction, { ...signData, passphrase: 'passphrase 2' })
+      transaction = await client.multiSign(transaction, { ...signData, passphrase: 'passphrase 1' })
+
+      const publicKeyIndex = publicKeys.indexOf(Identities.PublicKey.fromPassphrase('passphrase 1'))
+      const signatures = transaction.signatures.filter(s => parseInt(s.substring(0, 2), 16) === publicKeyIndex)
+      expect(signatures.length).toBe(1)
+    })
+
+    it('should only sign transaction with sender passphrase for registration', async () => {
+      transaction = {
+        fee: new BigNumber(0.1 * 1e8),
+        type: 4,
+        typeGroup: 1,
+        version: 2,
+        network: 23,
+        senderPublicKey: publicKey,
+        nonce: '1',
+        signatures: [],
+        asset: {
+          multiSignature
+        }
+      }
+
+      for (let i = 0; i < 5; i++) {
+        transaction = await client.multiSign(transaction, { ...signData, passphrase: `passphrase ${i}` })
+      }
+      transaction = await client.multiSign(transaction, { ...signData, passphrase: masterPassphrase })
+
+      expect(transaction.signature).toBeTruthy()
+      expect(transaction.signatures.length).toBe(5)
+    })
+
+    it('should sign transaction with sender second passphrase for registration', async () => {
+      transaction = {
+        fee: new BigNumber(0.1 * 1e8),
+        type: 4,
+        typeGroup: 1,
+        version: 2,
+        network: 23,
+        senderPublicKey: publicKey,
+        nonce: '1',
+        signatures: [],
+        asset: {
+          multiSignature
+        }
+      }
+
+      for (let i = 0; i < 5; i++) {
+        transaction = await client.multiSign(transaction, { ...signData, passphrase: `passphrase ${i}` })
+      }
+      transaction = await client.multiSign(transaction, {
+        ...signData,
+        passphrase: masterPassphrase,
+        secondPassphrase: 'second-passphrase'
+      })
+
+      expect(transaction.signature).toBeTruthy()
+      expect(transaction.secondSignature).toBeTruthy()
+      expect(transaction.signatures.length).toBe(5)
+    })
+  })
+
+  describe('__transactionFromData', () => {
+    let transaction
+
+    beforeEach(() => {
+      transaction = {
+        amount: new BigNumber(1 * 1e8),
+        fee: new BigNumber(0.1 * 1e8),
+        type: 0,
+        typeGroup: 1,
+        recipientId: 'address-1',
+        vendorField: 'test vendorfield',
+        version: 2,
+        network: 23,
+        senderPublicKey: 'publicKey-1',
+        timestamp: 100000,
+        nonce: '1',
+        signatures: [],
+        multiSignature: {
+          min: 3,
+          publicKeys: [
+            1,
+            2,
+            3
+          ]
+        }
+      }
+    })
+
+    it('should do a deep clone', () => {
+      const clonedTransaction = client.__transactionFromData(transaction)
+      transaction.amount = new BigNumber(2 * 1e8)
+
+      expect(clonedTransaction.amount + '').toEqual('100000000')
+    })
+
+    it('should remove unnecessary properties', () => {
+      const clonedTransaction = client.__transactionFromData(transaction)
+
+      expect(clonedTransaction.timestamp).toBe(undefined)
+      expect(clonedTransaction.multiSignature).toBe(undefined)
+    })
+  })
+
+  describe('broadcastTransaction', () => {
+    beforeEach(() => {
+      nock('http://127.0.0.1:4003')
+        .post('/api/v2/transactions')
+        .reply(200, {
+          data: 'transaction'
+        })
+    })
+
+    it('should get current peer', async () => {
+      const spy = jest.spyOn(store.getters, 'peer/current')
+
+      await client.broadcastTransaction({ network: 23 })
+
+      expect(spy).toHaveBeenCalledTimes(1)
+
+      spy.mockRestore()
+    })
+
+    it('should parse current peer if no peer found', async () => {
+      const spyPeerCurrent = jest.spyOn(store.getters, 'peer/current').mockReturnValue(null)
+      const spy = jest.spyOn(client, '__parseCurrentPeer')
+
+      await client.broadcastTransaction({ network: 23 })
+
+      expect(spy).toHaveBeenCalledTimes(1)
+
+      spy.mockRestore()
+      spyPeerCurrent.mockRestore()
+    })
+
+    it('should do nothing if no transactions', async () => {
+      const spy = jest.spyOn(store.getters, 'peer/current')
+
+      await client.broadcastTransaction([])
+
+      expect(spy).not.toHaveBeenCalled()
+
+      spy.mockRestore()
+    })
+
+    it('should do nothing if empty transaction object', async () => {
+      const spy = jest.spyOn(store.getters, 'peer/current')
+
+      await client.broadcastTransaction({})
+
+      expect(spy).not.toHaveBeenCalled()
+
+      spy.mockRestore()
+    })
+
+    it('should return transaction response', async () => {
+      const response = await client.broadcastTransaction({ network: 23 })
+
+      expect(response.length).toBe(1)
+      expect(response[0].body).toEqual({
+        data: 'transaction'
+      })
+    })
+
+    describe('broadcast', () => {
+      let spyDispatch
+      beforeEach(() => {
+        spyDispatch = jest.spyOn(store, 'dispatch').mockImplementation((_, peer) => {
+          // Copied from peer store
+          const client = new ClientService(false)
+          const scheme = peer.isHttps ? 'https://' : 'http://'
+          client.host = `${scheme}${peer.ip}:${peer.port}`
+          client.client.withOptions({ timeout: 3000 })
+
+          return client
+        })
+
+        for (const ip of ['1.1.1.1', '2.2.2.2']) {
+          nock(`http://${ip}:8080`)
+            .post('/api/v2/transactions')
+            .reply(200, {
+              data: `broadcast transaction for ${ip}`
+            })
+        }
+      })
+
+      afterEach(() => {
+        spyDispatch.mockRestore()
+      })
+
+      it('should get peers to broadcast to', async () => {
+        const spy = jest.spyOn(store.getters, 'peer/broadcastPeers')
+
+        await client.broadcastTransaction({ network: 23 }, true)
+
+        expect(spy).toHaveBeenCalledTimes(1)
+
+        spy.mockRestore()
+      })
+
+      it('should broadcast to all peers and return responses', async () => {
+        const response = await client.broadcastTransaction({ network: 23 }, true)
+
+        expect(spyDispatch).toHaveBeenCalledWith('peer/clientServiceFromPeer', {
+          ip: '1.1.1.1',
+          port: '8080',
+          isHttps: false
+        })
+        expect(spyDispatch).toHaveBeenCalledWith('peer/clientServiceFromPeer', {
+          ip: '2.2.2.2',
+          port: '8080',
+          isHttps: false
+        })
+        expect(response.length).toBe(2)
+        expect(response[0].body).toEqual({
+          data: 'broadcast transaction for 1.1.1.1'
+        })
+        expect(response[1].body).toEqual({
+          data: 'broadcast transaction for 2.2.2.2'
+        })
+      })
+
+      it('should broadcast to current peer if no broadcast peers', async () => {
+        const spy = jest.spyOn(store.getters, 'peer/broadcastPeers').mockReturnValue()
+        const response = await client.broadcastTransaction({ network: 23 }, true)
+
+        spy.mockRestore()
+
+        expect(response.length).toBe(1)
+        expect(response[0].body).toEqual({
+          data: 'transaction'
+        })
       })
     })
   })
+
+  // describe('__watchProfile', () => {
+  //   it('should watch current profile', () => {
+
+  //     client.__watchProfile()
+
+  //     expect(store.watch).toHaveBeenCalledWith()
+  //   })
+  // })
 })
diff --git a/__tests__/unit/services/ledger-service.spec.js b/__tests__/unit/services/ledger-service.spec.js
index 4ebe11801b..7f64774f09 100644
--- a/__tests__/unit/services/ledger-service.spec.js
+++ b/__tests__/unit/services/ledger-service.spec.js
@@ -19,14 +19,14 @@ describe('LedgerService', () => {
   })
 
   it('should return false for isConnected', async () => {
-    const getAddress = ledgerService.ledger.getAddress
-    ledgerService.ledger.getAddress = jest.fn(() => {
+    const getPublicKey = ledgerService.ledger.getPublicKey
+    ledgerService.ledger.getPublicKey = jest.fn(() => {
       throw new Error('Could not connect')
     })
 
     expect(await ledgerService.isConnected()).toBe(false)
 
-    ledgerService.ledger.getAddress = getAddress
+    ledgerService.ledger.getPublicKey = getPublicKey
   })
 
   it('should disconnect', async () => {
@@ -36,25 +36,42 @@ describe('LedgerService', () => {
     expect(ledgerService.transport.close).toHaveBeenCalledTimes(1)
   })
 
-  it('should run getWallet', async () => {
-    const response = await ledgerService.getWallet('44\'/1\'/0\'/0/0')
+  describe('getPublicKey', () => {
+    it('should run', async () => {
+      const response = await ledgerService.getPublicKey('44\'/1\'/0\'/0/0')
 
-    expect(response).toBeTruthy()
-    expect(ledgerService.ledger.getAddress).toHaveBeenCalledTimes(1)
+      expect(response).toBeTruthy()
+      expect(ledgerService.ledger.getPublicKey).toHaveBeenCalledTimes(1)
+    })
+  })
+
+  describe('getVersion', () => {
+    it('should run', async () => {
+      const response = await ledgerService.getVersion()
+
+      expect(response).toBe('1.0.0')
+      expect(ledgerService.ledger.getVersion).toHaveBeenCalledTimes(1)
+    })
   })
 
-  it('should run getPublicKey', async () => {
-    const response = await ledgerService.getPublicKey('44\'/1\'/0\'/0/0')
+  describe('signTransaction', () => {
+    it('should run', async () => {
+      const response = await ledgerService.signTransaction('44\'/1\'/0\'/0/0', '1234')
 
-    expect(response).toBeTruthy()
-    expect(ledgerService.ledger.getAddress).toHaveBeenCalledTimes(1)
+      expect(response).toBeTruthy()
+      expect(ledgerService.ledger.signTransaction).toHaveBeenCalledTimes(1)
+    })
   })
 
-  it('should run signTransaction', async () => {
-    const response = await ledgerService.signTransaction('44\'/1\'/0\'/0/0', '1234')
+  describe('signMessage', () => {
+    it('should run', async () => {
+      ledgerService.ledger.signMessage.mockClear()
 
-    expect(response).toBeTruthy()
-    expect(ledgerService.ledger.signTransaction).toHaveBeenCalledTimes(1)
+      const response = await ledgerService.signMessage('44\'/1\'/0\'/0/0', Buffer.from('1234'))
+
+      expect(response).toBeTruthy()
+      expect(ledgerService.ledger.signMessage).toHaveBeenCalledTimes(1)
+    })
   })
 
   it('should queue an action', async () => {
diff --git a/__tests__/unit/services/plugin-manager.spec.js b/__tests__/unit/services/plugin-manager.spec.js
index 56f33f09c9..fca1e35a54 100644
--- a/__tests__/unit/services/plugin-manager.spec.js
+++ b/__tests__/unit/services/plugin-manager.spec.js
@@ -78,7 +78,7 @@ describe('Plugin Manager', () => {
     })
 
     it('should fetch plugins from adapter if forced', async () => {
-      jest.spyOn(pluginManager, 'fetchPluginsFromAdapter')
+      jest.spyOn(pluginManager, 'fetchPluginsFromAdapter').mockReturnValue({})
 
       await pluginManager.fetchPlugins(true)
       expect(pluginManager.fetchPluginsFromAdapter).toHaveBeenCalled()
diff --git a/__tests__/unit/services/synchronizer/wallets.spec.js b/__tests__/unit/services/synchronizer/wallets.spec.js
index fdef7541f8..dc4e1bb627 100644
--- a/__tests__/unit/services/synchronizer/wallets.spec.js
+++ b/__tests__/unit/services/synchronizer/wallets.spec.js
@@ -588,7 +588,7 @@ describe('Services > Synchronizer > Wallets', () => {
 
     describe('when transactions include votes', () => {
       beforeEach(() => {
-        transactions[0].type = config.TRANSACTION_TYPES.VOTE
+        transactions[0].type = config.TRANSACTION_TYPES.GROUP_1.VOTE
       })
 
       it('should process the votes', async () => {
diff --git a/__tests__/unit/services/transaction.spec.js b/__tests__/unit/services/transaction.spec.js
new file mode 100644
index 0000000000..4e9897b57b
--- /dev/null
+++ b/__tests__/unit/services/transaction.spec.js
@@ -0,0 +1,873 @@
+import { Crypto, Identities, Managers, Transactions } from '@arkecosystem/crypto'
+import TransactionService from '@/services/transaction'
+import transactionFixture from '../__fixtures__/models/transaction'
+import currencyMixin from '@/mixins/currency'
+
+const recipientAddress = Identities.Address.fromPassphrase('recipient passphrase')
+const senderPassphrase = 'sender passphrase'
+const senderPublicKey = Identities.PublicKey.fromPassphrase(senderPassphrase)
+
+const mockVm = {
+  currency_toBuilder: (value) => {
+    return currencyMixin.methods.currency_toBuilder(value, {
+      fractionDigits: 8
+    })
+  }
+}
+
+describe('Services > Transaction', () => {
+  describe('getId', () => {
+    it('should return the transaction id', () => {
+      expect(TransactionService.getId(transactionFixture)).toBe(transactionFixture.id)
+    })
+  })
+
+  describe('getBytes', () => {
+    it('should return the transaction bytes', () => {
+      expect(TransactionService.getBytes(transactionFixture)).toEqual('00f0eb920302275d8577a0ec2b75fc8683282d53c5db76ebc54514a80c2854e419b793ea259a17ee9f689978490631699e01ca0fc2edbecb5ee0390000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000001000000000000008096980000000000')
+    })
+  })
+
+  describe('getHash', () => {
+    const passphrase = 'test passphrase'
+    let transaction
+    beforeEach(() => {
+      Managers.configManager.getMilestone().aip11 = true
+      transaction = Transactions.BuilderFactory
+        .multiSignature()
+        .multiSignatureAsset({
+          min: 1,
+          publicKeys: [
+            Identities.PublicKey.fromPassphrase(passphrase)
+          ]
+        })
+        .sign('passphrase')
+        .fee(1)
+    })
+
+    it('should return hash excluding multisig signatures', () => {
+      const hash = TransactionService.getHash(transaction.getStruct()).toString('hex')
+      transaction.multiSign(passphrase, 0)
+
+      expect(TransactionService.getHash(transaction.getStruct()).toString('hex')).toBe(hash)
+    })
+
+    it('should return hash including multisig signatures', () => {
+      const hash = TransactionService.getHash(transaction.getStruct()).toString('hex')
+      transaction.multiSign(passphrase, 0)
+
+      expect(TransactionService.getHash(transaction.getStruct(), false).toString('hex')).not.toBe(hash)
+    })
+  })
+
+  describe('getAmount', () => {
+    describe('standard transaction', () => {
+      let transaction
+      beforeEach(() => {
+        transaction = Transactions.BuilderFactory
+          .transfer()
+          .amount('100000000')
+          .fee('10000000')
+          .recipientId(recipientAddress)
+          .sign('passphrase')
+          .build()
+          .toJson()
+      })
+
+      it('should get correct amount with fee', () => {
+        expect(TransactionService.getAmount(mockVm, transaction, true).toFixed()).toEqual('110000000')
+      })
+
+      it('should get correct amount without fee', () => {
+        expect(TransactionService.getAmount(mockVm, transaction).toFixed()).toEqual('100000000')
+      })
+    })
+
+    describe('multi-payment transaction', () => {
+      let transaction
+      beforeEach(() => {
+        transaction = Transactions.BuilderFactory
+          .multiPayment()
+          .addPayment(Identities.Address.fromPassphrase('recipient 1'), '100000000')
+          .addPayment(Identities.Address.fromPassphrase('recipient 2'), '100000000')
+          .addPayment(Identities.Address.fromPassphrase('recipient 3'), '100000000')
+          .fee('10000000')
+          .recipientId(recipientAddress)
+          .sign('passphrase')
+          .build()
+          .toJson()
+      })
+
+      it('should get correct amount with fee', () => {
+        expect(TransactionService.getAmount(mockVm, transaction, true).toFixed()).toEqual('310000000')
+      })
+
+      it('should get correct amount without fee', () => {
+        expect(TransactionService.getAmount(mockVm, transaction).toFixed()).toEqual('300000000')
+      })
+    })
+  })
+
+  describe('isMultiSignature', () => {
+    it('should return true if has multiSignature property', () => {
+      const transaction = { ...transactionFixture, multiSignature: { min: 1, publicKeys: [] } }
+
+      expect(TransactionService.isMultiSignature(transaction)).toBe(true)
+    })
+
+    it('should return false if no multiSignature property', () => {
+      const transaction = { ...transactionFixture }
+
+      expect(TransactionService.isMultiSignature(transaction)).toBe(false)
+    })
+  })
+
+  describe('isMultiSignatureRegistration', () => {
+    it('should return true if multiSignature transaction', () => {
+      Managers.configManager.getMilestone().aip11 = true
+
+      const transaction = Transactions.BuilderFactory
+        .multiSignature()
+        .multiSignatureAsset({
+          min: 1,
+          publicKeys: []
+        })
+        .sign('passphrase')
+        .fee(1)
+        .getStruct()
+
+      expect(TransactionService.isMultiSignatureRegistration(transaction)).toBe(true)
+    })
+
+    it('should return false if no multiSignature property', () => {
+      const transaction = { ...transactionFixture }
+
+      expect(TransactionService.isMultiSignature(transaction)).toBe(false)
+    })
+  })
+
+  describe('getValidMultiSignatures', () => {
+    let multiSignatureAsset, passphrases, transaction
+
+    beforeEach(() => {
+      Managers.configManager.getMilestone().aip11 = true
+      passphrases = [
+        'passphrase 1',
+        'passphrase 2',
+        'passphrase 3'
+      ]
+
+      multiSignatureAsset = {
+        min: 1,
+        publicKeys: passphrases.map(passphrase => Identities.PublicKey.fromPassphrase(passphrase))
+      }
+
+      transaction = Transactions.BuilderFactory
+        .multiSignature()
+        .multiSignatureAsset(multiSignatureAsset)
+        .fee(1)
+
+      transaction.data.senderPublicKey = senderPublicKey
+    })
+
+    it('should return only valid signatures', () => {
+      transaction.multiSign(passphrases[2], 2)
+        .multiSign(passphrases[0], 0)
+        .multiSign('wrong passphrase', 1)
+
+      const transactionJson = transaction.getStruct()
+      transactionJson.multiSignature = multiSignatureAsset
+
+      const validSignatures = TransactionService.getValidMultiSignatures(transactionJson)
+
+      expect(validSignatures.map(signature => parseInt(signature.substring(0, 2)))).toIncludeSameMembers([0, 2])
+    })
+
+    it('should return empty array if not multiSignature object', () => {
+      expect(TransactionService.getValidMultiSignatures(transaction)).toEqual([])
+    })
+  })
+
+  describe('needsSignatures', () => {
+    it('should check if all signatures are needed for multisig registration', () => {
+      const multiSignatureAsset = {
+        min: 1,
+        publicKeys: []
+      }
+
+      const transaction = Transactions.BuilderFactory
+        .multiSignature()
+        .multiSignatureAsset(multiSignatureAsset)
+        .sign('passphrase')
+        .fee(1)
+        .getStruct()
+
+      const spy = jest.spyOn(TransactionService, 'needsAllSignatures')
+        .mockImplementation()
+
+      transaction.multiSignature = multiSignatureAsset
+
+      TransactionService.needsSignatures(transaction)
+
+      expect(spy).toHaveBeenCalledWith(transaction)
+
+      spy.mockRestore()
+    })
+
+    it('should return false if no multiSignature property', () => {
+      const transaction = Transactions.BuilderFactory
+        .transfer()
+        .amount(1)
+        .fee(1)
+        .recipientId(recipientAddress)
+        .sign(senderPassphrase)
+        .getStruct()
+
+      expect(TransactionService.needsSignatures(transaction)).toBe(false)
+    })
+
+    it('should return true when below min required signatures', () => {
+      const multiSignatureAsset = {
+        min: 5,
+        publicKeys: []
+      }
+
+      for (let i = 1; i <= 10; i++) {
+        multiSignatureAsset.publicKeys.push(Identities.PublicKey.fromPassphrase(`passphrase ${i}`))
+      }
+
+      const transactionObject = Transactions.BuilderFactory
+        .transfer()
+        .amount(1)
+        .fee(1)
+        .recipientId(recipientAddress)
+
+      transactionObject.data.senderPublicKey = senderPublicKey
+      transactionObject.data.signatures = []
+
+      const transaction = transactionObject.getStruct()
+      transaction.multiSignature = multiSignatureAsset
+
+      expect(TransactionService.needsSignatures(transaction)).toBe(true)
+    })
+
+    it('should return false when above min required signatures', () => {
+      const multiSignatureAsset = {
+        min: 5,
+        publicKeys: []
+      }
+
+      for (let i = 1; i <= 10; i++) {
+        multiSignatureAsset.publicKeys.push(Identities.PublicKey.fromPassphrase(`passphrase ${i}`))
+      }
+
+      const transactionObject = Transactions.BuilderFactory
+        .transfer()
+        .amount(1)
+        .fee(1)
+        .recipientId(recipientAddress)
+
+      transactionObject.data.senderPublicKey = senderPublicKey
+      transactionObject.data.signatures = []
+
+      for (let i = 1; i <= multiSignatureAsset.min + 1; i++) {
+        transactionObject.multiSign(`passphrase ${i}`)
+      }
+
+      const transaction = transactionObject.getStruct()
+      transaction.multiSignature = multiSignatureAsset
+
+      expect(TransactionService.needsSignatures(transaction)).toBe(false)
+    })
+  })
+
+  describe('needsAllSignatures', () => {
+    let multiSignatureAsset, transactionObject
+    beforeEach(() => {
+      multiSignatureAsset = {
+        min: 5,
+        publicKeys: []
+      }
+
+      for (let i = 1; i <= 10; i++) {
+        multiSignatureAsset.publicKeys.push(Identities.PublicKey.fromPassphrase(`passphrase ${i}`))
+      }
+
+      transactionObject = Transactions.BuilderFactory
+        .multiSignature()
+        .multiSignatureAsset(multiSignatureAsset)
+        .fee(1)
+
+      transactionObject.data.senderPublicKey = senderPublicKey
+      transactionObject.data.signatures = []
+    })
+
+    it('should call getValidMultiSignatures', () => {
+      for (let i = 1; i <= multiSignatureAsset.min - 1; i++) {
+        transactionObject.multiSign(`passphrase ${i}`)
+      }
+
+      const transaction = transactionObject.getStruct()
+      transaction.multiSignature = multiSignatureAsset
+
+      const spy = jest.spyOn(TransactionService, 'getValidMultiSignatures')
+
+      TransactionService.needsAllSignatures(transaction)
+
+      expect(spy).toHaveBeenCalledWith(transaction)
+
+      spy.mockRestore()
+    })
+
+    it('should return true when signatures are missing', () => {
+      for (let i = 1; i <= multiSignatureAsset.min - 1; i++) {
+        transactionObject.multiSign(`passphrase ${i}`)
+      }
+
+      const transaction = transactionObject.getStruct()
+      transaction.multiSignature = multiSignatureAsset
+
+      expect(TransactionService.needsAllSignatures(transaction)).toBe(true)
+    })
+
+    it('should return true when incorrect signatures are provided', () => {
+      for (let i = 1; i <= multiSignatureAsset.min - 1; i++) {
+        transactionObject.multiSign(`passphrase ${i}`)
+      }
+
+      transactionObject.multiSign('wrong passphrase')
+
+      const transaction = transactionObject.getStruct()
+      transaction.multiSignature = multiSignatureAsset
+
+      expect(TransactionService.needsAllSignatures(transaction)).toBe(true)
+    })
+
+    it('should return false when no signatures are missing', () => {
+      for (let i = 1; i <= multiSignatureAsset.min; i++) {
+        transactionObject.multiSign(`passphrase ${i}`)
+      }
+
+      const transaction = transactionObject.getStruct()
+      transaction.multiSignature = multiSignatureAsset
+
+      expect(TransactionService.needsAllSignatures(transaction)).toBe(true)
+    })
+  })
+
+  describe('needsWalletSignature', () => {
+    describe('multi-signature registration', () => {
+      let multiSignatureAsset, transaction, transactionObject
+      beforeEach(() => {
+        multiSignatureAsset = {
+          min: 5,
+          publicKeys: []
+        }
+
+        for (let i = 1; i <= 10; i++) {
+          multiSignatureAsset.publicKeys.push(Identities.PublicKey.fromPassphrase(`passphrase ${i}`))
+        }
+
+        transactionObject = Transactions.BuilderFactory
+          .multiSignature()
+          .multiSignatureAsset(multiSignatureAsset)
+          .fee(1)
+
+        transactionObject.data.senderPublicKey = senderPublicKey
+        transactionObject.data.signatures = []
+
+        transaction = transactionObject.getStruct()
+        transaction.multiSignature = multiSignatureAsset
+      })
+
+      it('should check if transaction is ready', () => {
+        const spy = jest.spyOn(TransactionService, 'isMultiSignatureReady')
+          .mockImplementation(() => false)
+
+        TransactionService.needsWalletSignature(transaction, transactionObject.data.senderPublicKey)
+
+        expect(spy).toHaveBeenCalledWith(transaction, true)
+
+        spy.mockRestore()
+      })
+
+      it('should check for final signature', () => {
+        const spyReady = jest.spyOn(TransactionService, 'isMultiSignatureReady')
+          .mockImplementation(() => true)
+
+        const spyFinalSignature = jest.spyOn(TransactionService, 'needsFinalSignature')
+          .mockImplementation(() => false)
+
+        TransactionService.needsWalletSignature(transaction, transactionObject.data.senderPublicKey)
+
+        expect(spyFinalSignature).toHaveBeenCalledWith(transaction)
+
+        spyReady.mockRestore()
+        spyFinalSignature.mockRestore()
+      })
+
+      it('should match public key', () => {
+        const spyReady = jest.spyOn(TransactionService, 'isMultiSignatureReady')
+          .mockImplementation(() => true)
+
+        const spyFinalSignature = jest.spyOn(TransactionService, 'needsFinalSignature')
+          .mockImplementation(() => false)
+
+        expect(TransactionService.needsWalletSignature(transaction, 'fake public key')).toBe(false)
+        expect(spyFinalSignature).not.toHaveBeenCalledWith(transaction)
+
+        spyReady.mockRestore()
+        spyFinalSignature.mockRestore()
+      })
+    })
+
+    describe('non-registration', () => {
+      let multiSignatureAsset, transaction, transactionObject
+      beforeEach(() => {
+        multiSignatureAsset = {
+          min: 5,
+          publicKeys: []
+        }
+
+        for (let i = 1; i <= 10; i++) {
+          multiSignatureAsset.publicKeys.push(Identities.PublicKey.fromPassphrase(`passphrase ${i}`))
+        }
+
+        transactionObject = Transactions.BuilderFactory
+          .transfer()
+          .amount(1)
+          .fee(1)
+          .recipientId(recipientAddress)
+
+        transactionObject.data.senderPublicKey = senderPublicKey
+        transactionObject.data.signatures = []
+
+        transaction = transactionObject.getStruct()
+        transaction.multiSignature = multiSignatureAsset
+      })
+
+      it('should return false if no multiSignature property', () => {
+        transaction.multiSignature = undefined
+
+        expect(TransactionService.needsWalletSignature(transaction, 'public key')).toBe(false)
+      })
+
+      it('should return false if public key is not required for multi-signature', () => {
+        expect(TransactionService.needsWalletSignature(transaction, 'public key')).toBe(false)
+      })
+
+      it('should return true if no signatures property', () => {
+        transaction.signatures = undefined
+
+        expect(TransactionService.needsWalletSignature(transaction, multiSignatureAsset.publicKeys[0])).toBe(true)
+      })
+
+      it('should return true if signature is missing', () => {
+        expect(TransactionService.needsWalletSignature(transaction, multiSignatureAsset.publicKeys[0])).toBe(true)
+      })
+
+      it('should return false if signature exists', () => {
+        transactionObject.multiSign('passphrase 1')
+        transaction = transactionObject.getStruct()
+        transaction.multiSignature = multiSignatureAsset
+
+        expect(TransactionService.needsWalletSignature(transaction, multiSignatureAsset.publicKeys[0])).toBe(false)
+      })
+    })
+  })
+
+  describe('needsFinalSignature', () => {
+    let multiSignatureAsset, transactionObject, transaction
+
+    beforeEach(() => {
+      multiSignatureAsset = {
+        min: 5,
+        publicKeys: []
+      }
+
+      for (let i = 1; i <= 10; i++) {
+        multiSignatureAsset.publicKeys.push(Identities.PublicKey.fromPassphrase(`passphrase ${i}`))
+      }
+
+      transactionObject = Transactions.BuilderFactory
+        .multiSignature()
+        .multiSignatureAsset(multiSignatureAsset)
+        .fee(1)
+
+      transactionObject.data.senderPublicKey = senderPublicKey
+      transactionObject.data.signatures = []
+
+      transaction = transactionObject.getStruct()
+    })
+
+    it('should return true if no signature property', () => {
+      transaction.signature = undefined
+
+      expect(TransactionService.needsFinalSignature(transaction)).toBe(true)
+    })
+
+    it('should return true if signed before multi-sign signatures', () => {
+      transactionObject.sign(senderPassphrase)
+      for (let i = 1; i <= 10; i++) {
+        transactionObject.multiSign(`passphrase ${i}`)
+      }
+      transaction = transactionObject.getStruct()
+
+      expect(TransactionService.needsFinalSignature(transaction)).toBe(true)
+    })
+
+    it('should return false if signed after multi-sign signatures', () => {
+      for (let i = 1; i <= 10; i++) {
+        transactionObject.multiSign(`passphrase ${i}`)
+      }
+      transactionObject.sign(senderPassphrase)
+      transaction = transactionObject.getStruct()
+
+      expect(TransactionService.needsFinalSignature(transaction)).toBe(false)
+    })
+
+    it('should return false if signed', () => {
+      transactionObject.sign(senderPassphrase)
+      transaction = transactionObject.getStruct()
+
+      expect(TransactionService.needsFinalSignature(transaction)).toBe(false)
+    })
+
+    it('should return false if multi-signature but not registration', () => {
+      transactionObject = Transactions.BuilderFactory
+        .transfer()
+        .amount(1)
+        .fee(1)
+        .recipientId(recipientAddress)
+
+      transactionObject.data.senderPublicKey = senderPublicKey
+      transactionObject.data.signatures = []
+
+      transaction = transactionObject.getStruct()
+      transaction.multiSignature = multiSignatureAsset
+
+      const spy = jest.spyOn(Crypto.Hash, 'verifySchnorr')
+
+      expect(TransactionService.needsFinalSignature(transaction)).toBe(false)
+      expect(spy).not.toHaveBeenCalled()
+
+      spy.mockRestore()
+    })
+  })
+
+  describe('isMultiSignatureReady', () => {
+    describe('multi-signature registration', () => {
+      const publicKeyCount = 10
+      let multiSignatureAsset, spyRegistration, spyNeedsSignatures, transaction, transactionObject
+      beforeEach(() => {
+        multiSignatureAsset = {
+          min: 5,
+          publicKeys: []
+        }
+
+        for (let i = 1; i <= publicKeyCount; i++) {
+          multiSignatureAsset.publicKeys.push(Identities.PublicKey.fromPassphrase(`passphrase ${i}`))
+        }
+
+        transactionObject = Transactions.BuilderFactory
+          .multiSignature()
+          .multiSignatureAsset(multiSignatureAsset)
+          .fee(1)
+
+        transactionObject.data.senderPublicKey = senderPublicKey
+        transactionObject.data.signatures = []
+
+        transaction = transactionObject.getStruct()
+        transaction.multiSignature = multiSignatureAsset
+
+        spyRegistration = jest.spyOn(TransactionService, 'isMultiSignatureRegistration')
+        spyNeedsSignatures = jest.spyOn(TransactionService, 'needsSignatures')
+      })
+
+      afterEach(() => {
+        spyRegistration.mockRestore()
+        spyNeedsSignatures.mockRestore()
+      })
+
+      it('should return true if multi-signed and with primary passphrase', () => {
+        for (let i = 1; i <= publicKeyCount; i++) {
+          transactionObject.multiSign(`passphrase ${i}`)
+        }
+        transactionObject.sign(senderPassphrase)
+
+        transaction = transactionObject.getStruct()
+        transaction.multiSignature = multiSignatureAsset
+
+        const spyNeedsFinal = jest.spyOn(TransactionService, 'needsFinalSignature')
+
+        const response = TransactionService.isMultiSignatureReady(transaction)
+
+        expect(spyRegistration).toHaveReturnedWith(true)
+        expect(spyNeedsSignatures).toHaveReturnedWith(false)
+        expect(spyNeedsFinal).toHaveReturnedWith(false)
+        expect(response).toBe(true)
+
+        spyNeedsFinal.mockRestore()
+      })
+
+      it('should return true if multi-signed but excluding final', () => {
+        for (let i = 1; i <= publicKeyCount; i++) {
+          transactionObject.multiSign(`passphrase ${i}`)
+        }
+
+        transaction = transactionObject.getStruct()
+        transaction.multiSignature = multiSignatureAsset
+
+        const response = TransactionService.isMultiSignatureReady(transaction, true)
+
+        expect(spyRegistration).toHaveReturnedWith(true)
+        expect(spyNeedsSignatures).toHaveReturnedWith(false)
+        expect(response).toBe(true)
+      })
+
+      it('should return false because all multi-sign signatures are required', () => {
+        for (let i = 1; i <= publicKeyCount - 1; i++) {
+          transactionObject.multiSign(`passphrase ${i}`)
+        }
+        transactionObject.sign(senderPassphrase)
+
+        transaction = transactionObject.getStruct()
+        transaction.multiSignature = multiSignatureAsset
+
+        const response = TransactionService.isMultiSignatureReady(transaction)
+
+        expect(spyRegistration).toHaveReturnedWith(true)
+        expect(spyNeedsSignatures).toHaveReturnedWith(true)
+        expect(response).toBe(false)
+      })
+
+      it('should return false because primary signature is required', () => {
+        for (let i = 1; i <= publicKeyCount; i++) {
+          transactionObject.multiSign(`passphrase ${i}`)
+        }
+
+        transaction = transactionObject.getStruct()
+        transaction.multiSignature = multiSignatureAsset
+
+        const response = TransactionService.isMultiSignatureReady(transaction)
+
+        expect(spyRegistration).toHaveReturnedWith(true)
+        expect(spyNeedsSignatures).toHaveReturnedWith(false)
+        expect(response).toBe(false)
+      })
+
+      it('should return false if a wrong multi-sign passphrase is provided', () => {
+        for (let i = 1; i <= publicKeyCount - 1; i++) {
+          transactionObject.multiSign(`passphrase ${i}`)
+        }
+        transactionObject.multiSign('wrong passphrase')
+        transactionObject.sign(senderPassphrase)
+
+        transaction = transactionObject.getStruct()
+        transaction.multiSignature = multiSignatureAsset
+
+        const response = TransactionService.isMultiSignatureReady(transaction)
+
+        expect(spyRegistration).toHaveReturnedWith(true)
+        expect(spyNeedsSignatures).toHaveReturnedWith(true)
+        expect(response).toBe(false)
+      })
+
+      it('should return false if final passphrase is wrong', () => {
+        for (let i = 1; i <= publicKeyCount; i++) {
+          transactionObject.multiSign(`passphrase ${i}`)
+        }
+        transactionObject.sign('wrong passphrase')
+
+        transaction = transactionObject.getStruct()
+        transaction.multiSignature = multiSignatureAsset
+
+        const response = TransactionService.isMultiSignatureReady(transaction)
+
+        expect(spyRegistration).toHaveReturnedWith(true)
+        expect(spyNeedsSignatures).toHaveReturnedWith(true)
+        expect(response).toBe(false)
+      })
+    })
+
+    describe('non-registration', () => {
+      const publicKeyCount = 10
+      let multiSignatureAsset, spyRegistration, spyNeedsSignatures, transaction, transactionObject
+      beforeEach(() => {
+        multiSignatureAsset = {
+          min: 5,
+          publicKeys: []
+        }
+
+        for (let i = 1; i <= publicKeyCount; i++) {
+          multiSignatureAsset.publicKeys.push(Identities.PublicKey.fromPassphrase(`passphrase ${i}`))
+        }
+
+        transactionObject = Transactions.BuilderFactory
+          .transfer()
+          .amount(1)
+          .fee(1)
+          .recipientId(recipientAddress)
+
+        transactionObject.data.senderPublicKey = senderPublicKey
+        transactionObject.data.signatures = []
+
+        transaction = transactionObject.getStruct()
+        transaction.multiSignature = multiSignatureAsset
+
+        spyRegistration = jest.spyOn(TransactionService, 'isMultiSignatureRegistration')
+        spyNeedsSignatures = jest.spyOn(TransactionService, 'needsSignatures')
+      })
+
+      afterEach(() => {
+        spyRegistration.mockRestore()
+        spyNeedsSignatures.mockRestore()
+      })
+
+      it('should return true if all multi-signed', () => {
+        for (let i = 1; i <= publicKeyCount; i++) {
+          transactionObject.multiSign(`passphrase ${i}`)
+        }
+
+        transaction = transactionObject.getStruct()
+        transaction.multiSignature = multiSignatureAsset
+
+        const response = TransactionService.isMultiSignatureReady(transaction)
+
+        expect(spyRegistration).toHaveReturnedWith(false)
+        expect(spyNeedsSignatures).toHaveReturnedWith(false)
+        expect(response).toBe(true)
+      })
+
+      it('should return true if multi-signed upto min', () => {
+        for (let i = 1; i <= multiSignatureAsset.min; i++) {
+          transactionObject.multiSign(`passphrase ${i}`)
+        }
+
+        transaction = transactionObject.getStruct()
+        transaction.multiSignature = multiSignatureAsset
+
+        const response = TransactionService.isMultiSignatureReady(transaction)
+
+        expect(spyRegistration).toHaveReturnedWith(false)
+        expect(spyNeedsSignatures).toHaveReturnedWith(false)
+        expect(response).toBe(true)
+      })
+
+      it('should return false because below min required signatures', () => {
+        for (let i = 1; i <= multiSignatureAsset.min - 1; i++) {
+          transactionObject.multiSign(`passphrase ${i}`)
+        }
+
+        transaction = transactionObject.getStruct()
+        transaction.multiSignature = multiSignatureAsset
+
+        const response = TransactionService.isMultiSignatureReady(transaction)
+
+        expect(spyRegistration).toHaveReturnedWith(false)
+        expect(spyNeedsSignatures).toHaveReturnedWith(true)
+        expect(response).toBe(false)
+      })
+
+      it('should return false if a wrong multi-sign passphrase is provided', () => {
+        for (let i = 1; i <= multiSignatureAsset.min - 1; i++) {
+          transactionObject.multiSign(`passphrase ${i}`)
+        }
+        transactionObject.multiSign('wrong passphrase')
+
+        transaction = transactionObject.getStruct()
+        transaction.multiSignature = multiSignatureAsset
+
+        const response = TransactionService.isMultiSignatureReady(transaction)
+
+        expect(spyRegistration).toHaveReturnedWith(false)
+        expect(spyNeedsSignatures).toHaveReturnedWith(true)
+        expect(response).toBe(false)
+      })
+    })
+  })
+
+  describe('ledgerSign', () => {
+    const vmMock = {
+      $store: {
+        dispatch () {}
+      },
+      $t (translationKey) {
+        return translationKey
+      }
+    }
+
+    let spyDispatch, spyTranslate, transactionObject, wallet
+    beforeEach(() => {
+      transactionObject = Transactions.BuilderFactory
+        .transfer()
+        .amount(1)
+        .fee(1)
+        .recipientId(recipientAddress)
+
+      spyDispatch = jest.spyOn(vmMock.$store, 'dispatch')
+      spyTranslate = jest.spyOn(vmMock, '$t')
+      wallet = {
+        address: Identities.Address.fromPassphrase(senderPassphrase),
+        publicKey: senderPublicKey,
+        ledgerIndex: 0
+      }
+    })
+
+    afterEach(() => {
+      spyDispatch.mockRestore()
+      spyTranslate.mockRestore()
+    })
+
+    it('should sign the transaction', async () => {
+      transactionObject.sign(senderPassphrase)
+      const transactionJson = transactionObject.getStruct()
+
+      const bytes = TransactionService.getBytes(transactionJson)
+      const id = TransactionService.getId(transactionJson)
+      const signature = transactionObject.data.signature
+
+      spyDispatch.mockImplementation((key) => {
+        if (key === 'ledger/signTransaction') {
+          return signature
+        }
+      })
+
+      const spyGetBytes = jest.spyOn(TransactionService, 'getBytes')
+
+      const transaction = await TransactionService.ledgerSign(wallet, transactionObject, vmMock)
+
+      expect(transaction.id).toEqual(id)
+      expect(spyGetBytes).toHaveBeenCalledWith(transactionJson)
+      expect(spyGetBytes).toHaveReturnedWith(bytes)
+
+      spyGetBytes.mockRestore()
+    })
+
+    it('should set the recipientId for vote transactions', async () => {
+      transactionObject = Transactions.BuilderFactory
+        .vote()
+        .votesAsset([`+${senderPublicKey}`])
+        .fee(1)
+        .sign(senderPassphrase)
+
+      const signature = transactionObject.data.signature
+
+      spyDispatch.mockImplementation((key) => {
+        if (key === 'ledger/signTransaction') {
+          return signature
+        }
+      })
+
+      const transaction = await TransactionService.ledgerSign(wallet, transactionObject, vmMock)
+
+      expect(transaction.recipientId).toEqual(wallet.address)
+    })
+
+    it('should throw error if no signature', async () => {
+      await expect(TransactionService.ledgerSign(wallet, transactionObject, vmMock)).rejects.toThrow('TRANSACTION.LEDGER_USER_DECLINED')
+
+      expect(spyTranslate).toHaveBeenCalledWith('TRANSACTION.LEDGER_USER_DECLINED')
+    })
+  })
+})
diff --git a/__tests__/unit/services/wallet.spec.js b/__tests__/unit/services/wallet.spec.js
index f827bc1064..5f17acc429 100644
--- a/__tests__/unit/services/wallet.spec.js
+++ b/__tests__/unit/services/wallet.spec.js
@@ -1,53 +1,477 @@
+import * as bip39 from 'bip39'
+import nock from 'nock'
+import { Identities } from '@arkecosystem/crypto'
 import WalletService from '../../../src/renderer/services/wallet'
 
+jest.mock('@/store', () => ({
+  getters: {
+    'session/network': {
+      crypto: require('@arkecosystem/crypto').Managers.configManager.config
+    },
+    'delegate/byUsername': (username) => {
+      if (username === 'exists') {
+        return {
+          username: 'exists'
+        }
+      }
+
+      return false
+    }
+  },
+  dispatch: jest.fn(),
+  watch: jest.fn()
+}))
+
+beforeEach(() => {
+  nock.cleanAll()
+})
+
 describe('Services > Wallet', () => {
-  describe('generating a passphrase and address', () => {
+  describe('generate', () => {
+    it('should generate a wallet in English', () => {
+      const wallet = WalletService.generate(30, 'english')
+
+      expect(Identities.Address.fromPassphrase(wallet.passphrase)).toEqual(wallet.address)
+      expect(bip39.wordlists.english).toIncludeAllMembers(wallet.passphrase.split(' '))
+    })
+
+    it('should generate a wallet in Chinese (Traditional)', () => {
+      const wallet = WalletService.generate(30, 'chinese_traditional')
+
+      expect(Identities.Address.fromPassphrase(wallet.passphrase)).toEqual(wallet.address)
+      expect(bip39.wordlists.chinese_traditional).toIncludeAllMembers(wallet.passphrase.split(' '))
+    })
+
+    it('should generate a wallet in Chinese (Simplified)', () => {
+      const wallet = WalletService.generate(30, 'chinese_simplified')
+
+      expect(Identities.Address.fromPassphrase(wallet.passphrase)).toEqual(wallet.address)
+      expect(bip39.wordlists.chinese_simplified).toIncludeAllMembers(wallet.passphrase.split(' '))
+    })
+
+    it('should generate a wallet in Korean', () => {
+      const wallet = WalletService.generate(30, 'korean')
+
+      expect(Identities.Address.fromPassphrase(wallet.passphrase)).toEqual(wallet.address)
+      expect(bip39.wordlists.korean).toIncludeAllMembers(wallet.passphrase.split(' '))
+    })
+
+    it('should generate a wallet in French', () => {
+      const wallet = WalletService.generate(30, 'french')
+
+      expect(Identities.Address.fromPassphrase(wallet.passphrase)).toEqual(wallet.address)
+      expect(bip39.wordlists.french).toIncludeAllMembers(wallet.passphrase.split(' '))
+    })
+
+    it('should generate a wallet in Italian', () => {
+      const wallet = WalletService.generate(30, 'italian')
+
+      expect(Identities.Address.fromPassphrase(wallet.passphrase)).toEqual(wallet.address)
+      expect(bip39.wordlists.italian).toIncludeAllMembers(wallet.passphrase.split(' '))
+    })
+
+    it('should generate a wallet in Spanish', () => {
+      const wallet = WalletService.generate(30, 'spanish')
+
+      expect(Identities.Address.fromPassphrase(wallet.passphrase)).toEqual(wallet.address)
+      expect(bip39.wordlists.spanish).toIncludeAllMembers(wallet.passphrase.split(' '))
+    })
+
+    it('should generate a wallet in Japanese', () => {
+      const wallet = WalletService.generate(30, 'japanese')
+
+      expect(Identities.Address.fromPassphrase(wallet.passphrase)).toEqual(wallet.address)
+      expect(bip39.wordlists.japanese).toIncludeAllMembers(wallet.passphrase.split('　'))
+    })
+  })
+
+  describe('generateSecondPassphrase', () => {
+    it('should generate second passphrase for wallet in English', () => {
+      const passphrase = WalletService.generateSecondPassphrase('english')
+
+      expect(bip39.wordlists.english).toIncludeAllMembers(passphrase.split(' '))
+    })
+
+    it('should generate second passphrase for wallet in Chinese (Traditional)', () => {
+      const passphrase = WalletService.generateSecondPassphrase('chinese_traditional')
+
+      expect(bip39.wordlists.chinese_traditional).toIncludeAllMembers(passphrase.split(' '))
+    })
+
+    it('should generate second passphrase for wallet in Chinese (Simplified)', () => {
+      const passphrase = WalletService.generateSecondPassphrase('chinese_simplified')
+
+      expect(bip39.wordlists.chinese_simplified).toIncludeAllMembers(passphrase.split(' '))
+    })
+
+    it('should generate second passphrase for wallet in Korean', () => {
+      const passphrase = WalletService.generateSecondPassphrase('korean')
+
+      expect(bip39.wordlists.korean).toIncludeAllMembers(passphrase.split(' '))
+    })
+
+    it('should generate second passphrase for wallet in French', () => {
+      const passphrase = WalletService.generateSecondPassphrase('french')
+
+      expect(bip39.wordlists.french).toIncludeAllMembers(passphrase.split(' '))
+    })
+
+    it('should generate second passphrase for wallet in Italian', () => {
+      const passphrase = WalletService.generateSecondPassphrase('italian')
+
+      expect(bip39.wordlists.italian).toIncludeAllMembers(passphrase.split(' '))
+    })
+
+    it('should generate second passphrase for wallet in Spanish', () => {
+      const passphrase = WalletService.generateSecondPassphrase('spanish')
+
+      expect(bip39.wordlists.spanish).toIncludeAllMembers(passphrase.split(' '))
+    })
+
+    it('should generate second passphrase for wallet in Japanese', () => {
+      const passphrase = WalletService.generateSecondPassphrase('japanese')
+
+      expect(bip39.wordlists.japanese).toIncludeAllMembers(passphrase.split('　'))
+    })
+  })
+
+  describe('getAddress', () => {
+    let normalizeSpy
+
+    beforeEach(() => {
+      normalizeSpy = jest.spyOn(WalletService, 'normalizePassphrase')
+    })
+
+    afterEach(() => {
+      normalizeSpy.mockRestore()
+    })
+
     it('should work in English', () => {
       const passphrase = 'one video jaguar gap soldier ill hobby motor bundle couple trophy smoke'
       const address = 'DAy2xDNZLRQsgiJCnF3x4WDxGsBrmsKCsV'
       expect(WalletService.getAddress(passphrase, 30)).toEqual(address)
+      expect(normalizeSpy).toHaveBeenCalledWith(passphrase)
     })
 
     it('should work in Chinese (Traditional)', () => {
       const passphrase = '苗 雛 陸 桿 用 腐 爐 詞 鬼 雨 爾 然'
       const address = 'DS6hPMzbgRkKCZa6fJSmQrG2M7toJAtd5B'
       expect(WalletService.getAddress(passphrase, 30)).toEqual(address)
+      expect(normalizeSpy).toHaveBeenCalledWith(passphrase)
     })
 
     it('should work in French', () => {
       const passphrase = 'galerie notoire prudence mortier soupape cerise argent neurone pommade géranium potager émouvoir'
       const address = 'DUFdRiUNXt1PiLVakbq4ADo1Ttsx3kH1AT'
       expect(WalletService.getAddress(passphrase, 30)).toEqual(address)
+      expect(normalizeSpy).toHaveBeenCalledWith(passphrase)
     })
 
     it('should work in Italian', () => {
       const passphrase = 'mucca comodo imbevuto talismano sconforto cavillo obelisco quota recupero malinteso gergo bipede'
       const address = 'D8nAGdSCCRMsLPsM4GgzRtgbiTn16rHW6J'
       expect(WalletService.getAddress(passphrase, 30)).toEqual(address)
+      expect(normalizeSpy).toHaveBeenCalledWith(passphrase)
     })
 
     it('should work in Japanese', () => {
       const passphrase = 'うかべる　くすりゆび　ひさしぶり　たそがれ　そっこう　ちけいず　ひさしぶり　ていか　しゃちょう　けおりもの　ちぬり　りきせつ'
       const address = 'DQquFjRfgA26cut7A8wFC4Bbo4TawWArWr'
       expect(WalletService.getAddress(passphrase, 30)).toEqual(address)
+      expect(normalizeSpy).toHaveBeenCalledWith(passphrase)
     })
 
     it('should work in Korean with initially decomposed characters', () => {
       const passphrase = '변명 박수 사건 실컷 목적 비용 가능 시골 수동적 청춘 식량 도망'
       const address = 'D5FvjRH136fbw8j4thcmKiFiJjfbYHT3zY'
       expect(WalletService.getAddress(passphrase, 30)).toEqual(address)
+      expect(normalizeSpy).toHaveBeenCalledWith(passphrase)
     })
 
     it('should work in Korean without decomposing', () => {
       const passphrase = '변명 박수 사건 실컷 목적 비용 가능 시골 수동적 청춘 식량 도망'
       const address = 'D5FvjRH136fbw8j4thcmKiFiJjfbYHT3zY'
       expect(WalletService.getAddress(passphrase, 30)).toEqual(address)
+      expect(normalizeSpy).toHaveBeenCalledWith(passphrase)
     })
 
     it('should work in Spanish', () => {
       const passphrase = 'cadena cadáver malla etapa vista alambre burbuja vejez aéreo taco rebaño tauro'
       const address = 'DNZSrNt7SQ1VBrzx7C17gbPv9FDAxnaor3'
       expect(WalletService.getAddress(passphrase, 30)).toEqual(address)
+      expect(normalizeSpy).toHaveBeenCalledWith(passphrase)
+    })
+  })
+
+  describe('getAddressFromPublicKey', () => {
+    it('should generate the correct address', () => {
+      const passphrase = 'one video jaguar gap soldier ill hobby motor bundle couple trophy smoke'
+      const address = 'DAy2xDNZLRQsgiJCnF3x4WDxGsBrmsKCsV'
+      expect(WalletService.getAddressFromPublicKey(Identities.PublicKey.fromPassphrase(passphrase), 30)).toEqual(address)
+    })
+  })
+
+  describe('getAddressFromMultiSignatureAsset', () => {
+    it('should get address for a multisignature asset', () => {
+      const multisignatureAsset = {
+        min: 2,
+        publicKeys: [
+          '037eaa8cb236c40a08fcb9d6220743ee6ae1b5c40e8a77a38f286516c3ff663901',
+          '0301fd417566397113ba8c55de2f093a572744ed1829b37b56a129058000ef7bce',
+          '0209d3c0f68994253cee24b23df3266ba1f0ca2f0666cd69a46544d63001cdf150'
+        ]
+      }
+
+      expect(WalletService.getAddressFromMultiSignatureAsset(multisignatureAsset)).toEqual('DHBKa1HFsKd9BYMPruYNAoadt5SW8oGggj')
+    })
+  })
+
+  describe('getPublicKeyFromWallet', () => {
+    it('should get public key for a standard wallet', () => {
+      const wallet = {
+        publicKey: '037eaa8cb236c40a08fcb9d6220743ee6ae1b5c40e8a77a38f286516c3ff663901'
+      }
+
+      expect(WalletService.getPublicKeyFromWallet(wallet)).toEqual('037eaa8cb236c40a08fcb9d6220743ee6ae1b5c40e8a77a38f286516c3ff663901')
+    })
+
+    it('should return null if no public key', () => {
+      const wallet = {}
+
+      expect(WalletService.getPublicKeyFromWallet(wallet)).toEqual(null)
+    })
+
+    it('should get public key from multisignature info if exists', () => {
+      const multiSignatureSpy = jest.spyOn(WalletService, 'getPublicKeyFromMultiSignatureAsset').mockImplementation(() => true)
+      const wallet = {
+        multiSignature: true
+      }
+
+      WalletService.getPublicKeyFromWallet(wallet)
+
+      expect(multiSignatureSpy).toHaveBeenCalledWith(wallet.multiSignature)
+
+      multiSignatureSpy.mockRestore()
+    })
+  })
+
+  describe('getPublicKeyFromPassphrase', () => {
+    it('should get public key for a standard wallet', () => {
+      const passphrase = 'passphrase 1'
+      const publicKey = Identities.PublicKey.fromPassphrase(passphrase)
+
+      expect(WalletService.getPublicKeyFromPassphrase(passphrase)).toEqual('03e8021105a6c202097e97e6c6d650942d913099bf6c9f14a6815df1023dde3b87')
+      expect(WalletService.getPublicKeyFromPassphrase(passphrase)).toEqual(publicKey)
+    })
+  })
+
+  describe('getPublicKeyFromMultiSignatureAsset', () => {
+    it('should get public key from multisignature info if exists', () => {
+      const multiSignatureSpy = jest.spyOn(WalletService, 'getPublicKeyFromMultiSignatureAsset')
+      const wallet = {
+        multiSignature: {
+          min: 2,
+          publicKeys: [
+            '037eaa8cb236c40a08fcb9d6220743ee6ae1b5c40e8a77a38f286516c3ff663901',
+            '0301fd417566397113ba8c55de2f093a572744ed1829b37b56a129058000ef7bce',
+            '0209d3c0f68994253cee24b23df3266ba1f0ca2f0666cd69a46544d63001cdf150'
+          ]
+        }
+      }
+
+      expect(WalletService.getPublicKeyFromWallet(wallet)).toEqual('03e8d4175126a39ed7ba803f31705b6f5fb78cbf46455ba778c5f39a32c6adfbd9')
+      expect(multiSignatureSpy).toHaveBeenCalledWith(wallet.multiSignature)
+
+      multiSignatureSpy.mockRestore()
+    })
+  })
+
+  describe('isNeoAddress', () => {
+    const address = Identities.Address.fromPassphrase('test address', 23)
+
+    it('should check if valid version', () => {
+      const validateAddressSpy = jest.spyOn(WalletService, 'validateAddress').mockImplementation(() => (false))
+
+      WalletService.isNeoAddress(address)
+
+      expect(validateAddressSpy).toHaveBeenCalledWith(address, 23)
+
+      validateAddressSpy.mockRestore()
+    })
+
+    it('should return false if not on NEO network', async () => {
+      nock('https://neoscan.io')
+        .persist()
+        .get(`/api/main_net/v1/get_last_transactions_by_address/${address}`)
+        .reply(200, [])
+
+      expect(await WalletService.isNeoAddress(address)).toBe(false)
+    })
+
+    it('should return true if on NEO network', async () => {
+      nock('https://neoscan.io')
+        .persist()
+        .get(`/api/main_net/v1/get_last_transactions_by_address/${address}`)
+        .reply(200, [{
+          vouts: [],
+          vin: []
+        }])
+
+      expect(await WalletService.isNeoAddress(address)).toBe(true)
+    })
+  })
+
+  describe('isBusiness', () => {
+    it('should return true if wallet has not resigned as a business when checking both scenarios', () => {
+      const wallet = {
+        business: {
+          name: 'mybusiness',
+          resigned: false
+        }
+      }
+
+      expect(WalletService.isBusiness(wallet)).toBe(true)
+      expect(WalletService.isBusiness(wallet, false)).toBe(true)
+    })
+
+    it('should return true if wallet has ever been a business', () => {
+      const wallet = {
+        business: {
+          name: 'mybusiness',
+          resigned: true
+        }
+      }
+
+      expect(WalletService.isBusiness(wallet)).toBe(true)
+    })
+
+    it('should return false when checking if wallet has resigned as a business', () => {
+      const wallet = {
+        business: {
+          name: 'mybusiness',
+          resigned: true
+        }
+      }
+
+      expect(WalletService.isBusiness(wallet, false)).toBe(false)
+    })
+
+    it('should return false if wallet has never been a business', () => {
+      const wallet = {}
+
+      expect(WalletService.isBusiness(wallet)).toBe(false)
+    })
+  })
+
+  describe('canResignBusiness', () => {
+    it('should return true if business that has not resigned', () => {
+      const wallet = {
+        business: {
+          name: 'mybusiness',
+          resigned: false
+        }
+      }
+
+      expect(WalletService.canResignBusiness(wallet)).toBe(true)
+    })
+
+    it('should return false if business has resigned', () => {
+      const wallet = {
+        business: {
+          name: 'mybusiness',
+          resigned: true
+        }
+      }
+
+      expect(WalletService.canResignBusiness(wallet)).toBe(false)
+    })
+
+    it('should return false if not a business', () => {
+      const wallet = {}
+
+      expect(WalletService.canResignBusiness(wallet)).toBe(false)
+    })
+  })
+
+  describe('Messages', () => {
+    const message = 'test message'
+    const passphrase = 'test passphrase'
+    const publicKey = Identities.PublicKey.fromPassphrase(passphrase)
+    const messageSignature = '30440220115d561431df663a0e8b2807e0036d08ebdbbd0b77317cf6cd73d861c0983baf0220624792bd66453e666b3f08f4ee62b63736246e45da0bb19c9f747a37ce8b3db7'
+
+    describe('signMessage', () => {
+      it('should sign a message', () => {
+        const response = WalletService.signMessage(message, passphrase)
+
+        expect(response.message).toEqual(message)
+        expect(response.publicKey).toEqual(publicKey)
+        expect(response.signature).toEqual(messageSignature)
+      })
+    })
+
+    describe('signMessageWithWif', () => {
+      it('should sign a message', () => {
+        const wif = Identities.WIF.fromPassphrase(passphrase)
+        const response = WalletService.signMessageWithWif(message, wif, {
+          wif: 170
+        })
+
+        expect(response.message).toEqual(message)
+        expect(response.publicKey).toEqual(publicKey)
+        expect(response.signature).toEqual(messageSignature)
+      })
+    })
+
+    describe('verifyMessage', () => {
+      it('should return true if verified successfully', () => {
+        expect(WalletService.verifyMessage(message, publicKey, messageSignature)).toBe(true)
+      })
+
+      it('should throw an error for wrong signature', () => {
+        expect(() => {
+          WalletService.verifyMessage(message, publicKey, 'wrong')
+        }).toThrowError()
+      })
+    })
+  })
+
+  describe('validateAddress', () => {
+    it('should return true if the address is valid', () => {
+      const address = Identities.Address.fromPassphrase('test passphrase')
+
+      expect(WalletService.validateAddress(address)).toBe(true)
+    })
+
+    it('should return true if the address is valid on another network', () => {
+      const address = Identities.Address.fromPassphrase('test passphrase', 23)
+
+      expect(WalletService.validateAddress(address, 23)).toBe(true)
+    })
+
+    it('should return false if the address is not valid', () => {
+      expect(WalletService.validateAddress('not an address')).toBe(false)
+    })
+
+    it('should return false if the address is for a different network', () => {
+      const address = Identities.Address.fromPassphrase('test passphrase for mainnet', 23)
+
+      expect(WalletService.validateAddress(address)).toBe(false)
+    })
+  })
+
+  describe('validatePassphrase', () => {
+    it('should return true when a string is provided', () => {
+      expect(WalletService.validatePassphrase('test')).toBe(true)
+    })
+  })
+
+  describe('isBip39Passphrase', () => {
+    it('should return true for a valid passphrase', () => {
+      expect(WalletService.isBip39Passphrase('one video jaguar gap soldier ill hobby motor bundle couple trophy smoke', 'english')).toBeTrue()
+    })
+
+    it('should return false for an invalid passphrase', () => {
+      expect(WalletService.isBip39Passphrase('one two three four five six seven eight nine ten eleven twelve', 'english')).toBeFalse()
     })
   })
 
@@ -76,6 +500,14 @@ describe('Services > Wallet', () => {
       })
     })
 
+    it('should error if username exists', () => {
+      const username = 'exists'
+      expect(WalletService.validateUsername(username)).toEqual({
+        passes: false,
+        errors: [{ type: 'exists' }]
+      })
+    })
+
     it('should not admit uppercase characters', () => {
       const username = 'eXamPLe'
       expect(WalletService.validateUsername(username)).toEqual({
@@ -132,13 +564,25 @@ describe('Services > Wallet', () => {
     })
   })
 
-  describe('isBip39Passphrase', () => {
-    it('should return true for a valid passphrase', () => {
-      expect(WalletService.isBip39Passphrase('one video jaguar gap soldier ill hobby motor bundle couple trophy smoke', 'english')).toBeTrue()
+  describe('verifyPassphrase', () => {
+    it('should return true if address matches passphrase', () => {
+      const passphrase = 'test passphrase'
+      const address = Identities.Address.fromPassphrase(passphrase)
+
+      expect(WalletService.verifyPassphrase(address, passphrase)).toBe(true)
     })
 
-    it('should return false for an invalid passphrase', () => {
-      expect(WalletService.isBip39Passphrase('one two three four five six seven eight nine ten eleven twelve', 'english')).toBeFalse()
+    it('should return false if address matches passphrase but wrong network', () => {
+      const passphrase = 'test passphrase'
+      const address = Identities.Address.fromPassphrase(passphrase)
+
+      expect(WalletService.verifyPassphrase(address, passphrase, 23)).toBe(false)
+    })
+
+    it('should return false if address is not related to passphrase', () => {
+      const passphrase = 'test passphrase'
+
+      expect(WalletService.verifyPassphrase('wrong address', passphrase)).toBe(false)
     })
   })
 })
diff --git a/__tests__/unit/store/modules/ledger.spec.js b/__tests__/unit/store/modules/ledger.spec.js
index 3af6cbe1c0..1766befaca 100644
--- a/__tests__/unit/store/modules/ledger.spec.js
+++ b/__tests__/unit/store/modules/ledger.spec.js
@@ -14,6 +14,8 @@ Vue.use(apiClient)
 logger.error = jest.fn()
 
 let ledgerNameByAddress = () => null
+const sessionNetwork = jest.fn()
+
 let ledgerCache = false
 const nethash = '2a44f340d76ffc3df204c5f38cd355b7496c9065a1ade2ef92071436bd72e867'
 const store = new Vuex.Store({
@@ -34,10 +36,7 @@ const store = new Vuex.Store({
           return 'profile id'
         },
         network () {
-          return {
-            id: 'abc',
-            nethash
-          }
+          return sessionNetwork()
         }
       }
     },
@@ -55,12 +54,7 @@ const store = new Vuex.Store({
 
 let spyConnect
 const disconnectLedger = async () => {
-  spyConnect = jest.spyOn(
-    ledgerService,
-    'connect'
-  ).mockImplementation(() => {
-    return false
-  })
+  spyConnect = jest.spyOn(ledgerService, 'connect').mockImplementation(() => false)
   await store.dispatch('ledger/disconnect')
 }
 
@@ -69,24 +63,73 @@ beforeEach(async () => {
   if (spyConnect) {
     spyConnect.mockRestore()
   }
+
   store.replaceState(JSON.parse(JSON.stringify(initialState)))
+
+  sessionNetwork.mockReturnValue({
+    id: 'abc',
+    nethash,
+    constants: {
+      aip11: false
+    }
+  })
+
+  store._vm.$error = jest.fn()
+
   ClientService.host = 'http://127.0.0.1'
   ledgerNameByAddress = () => null
   nock.cleanAll()
 })
+
 describe('ledger store module', () => {
-  it('should init ledger service', () => {
-    store.dispatch('ledger/init', 1234)
+  it('should init ledger service', async () => {
+    await store.dispatch('ledger/init', 1234)
 
     expect(store.state.ledger.slip44).toBe(1234)
   })
 
-  it('should set slip44 value', () => {
-    store.dispatch('ledger/init', 4567)
+  it('should set slip44 value', async () => {
+    await store.dispatch('ledger/init', 4567)
 
     expect(store.state.ledger.slip44).toBe(4567)
   })
 
+  describe('updateVersion', () => {
+    it('should not show error if aip11 is false', async () => {
+      await store.dispatch('ledger/updateVersion')
+
+      expect(store._vm.$error).not.toHaveBeenCalled()
+    })
+
+    it('should not show error if aip11 is false', async () => {
+      sessionNetwork.mockReturnValue({
+        id: 'abc',
+        nethash,
+        constants: {
+          aip11: true
+        }
+      })
+
+      await store.dispatch('ledger/updateVersion')
+
+      expect(store._vm.$error).toHaveBeenCalledWith(
+        'Ledger update available! Please update the ARK app via Ledger Live to send transactions on this network',
+        10000
+      )
+    })
+  })
+
+  describe('getVersion', () => {
+    it('should return version', async () => {
+      expect(await store.dispatch('ledger/getVersion')).toEqual('1.0.0')
+    })
+
+    it('should fail when not connected', async () => {
+      await disconnectLedger()
+      await expect(store.dispatch('ledger/getVersion')).rejects.toThrow(/.*Ledger not connected$/)
+    })
+  })
+
   describe('getWallet', () => {
     it('should return address and publicKey', async () => {
       expect(await store.dispatch('ledger/getWallet', 1)).toEqual({
@@ -106,6 +149,20 @@ describe('ledger store module', () => {
   })
 
   describe('getAddress', () => {
+    it('should call ledger service', async () => {
+      await store.dispatch('ledger/connect')
+      await store.dispatch('ledger/setSlip44', 1234)
+
+      const spy = jest.spyOn(ledgerService, 'getPublicKey').mockReturnValue('PUBLIC_KEY')
+
+      const response = await store.dispatch('ledger/getPublicKey', 1)
+
+      expect(response).toBe('PUBLIC_KEY')
+      expect(spy).toHaveBeenNthCalledWith(1, '44\'/1234\'/1\'/0/0')
+
+      spy.mockRestore()
+    })
+
     it('should fail with invalid accountIndex', async () => {
       await expect(store.dispatch('ledger/getAddress')).rejects.toThrow(/.*accountIndex must be a Number$/)
     })
@@ -117,6 +174,20 @@ describe('ledger store module', () => {
   })
 
   describe('getPublicKey', () => {
+    it('should call ledger service', async () => {
+      await store.dispatch('ledger/connect')
+      await store.dispatch('ledger/setSlip44', 1234)
+
+      const spy = jest.spyOn(ledgerService, 'getPublicKey').mockReturnValue('PUBLIC_KEY')
+
+      const response = await store.dispatch('ledger/getPublicKey', 1)
+
+      expect(response).toBe('PUBLIC_KEY')
+      expect(spy).toHaveBeenNthCalledWith(1, '44\'/1234\'/1\'/0/0')
+
+      spy.mockRestore()
+    })
+
     it('should fail with invalid accountIndex', async () => {
       await expect(store.dispatch('ledger/getPublicKey')).rejects.toThrow(/.*accountIndex must be a Number$/)
     })
@@ -128,6 +199,23 @@ describe('ledger store module', () => {
   })
 
   describe('signTransaction', () => {
+    it('should call ledger service', async () => {
+      await store.dispatch('ledger/connect')
+      await store.dispatch('ledger/setSlip44', 1234)
+
+      const spy = jest.spyOn(ledgerService, 'signTransaction').mockReturnValue('SIGNATURE')
+
+      const response = await store.dispatch('ledger/signTransaction', {
+        accountIndex: 1,
+        transactionHex: 'abc'
+      })
+
+      expect(response).toBe('SIGNATURE')
+      expect(spy).toHaveBeenNthCalledWith(1, '44\'/1234\'/1\'/0/0', 'abc')
+
+      spy.mockRestore()
+    })
+
     it('should fail with invalid accountIndex', async () => {
       await expect(store.dispatch('ledger/signTransaction')).rejects.toThrow(/.*accountIndex must be a Number$/)
     })
@@ -141,6 +229,37 @@ describe('ledger store module', () => {
     })
   })
 
+  describe('signMessage', () => {
+    it('should call ledger service', async () => {
+      await store.dispatch('ledger/connect')
+      await store.dispatch('ledger/setSlip44', 1234)
+
+      const spy = jest.spyOn(ledgerService, 'signMessage').mockReturnValue('SIGNATURE')
+
+      const response = await store.dispatch('ledger/signMessage', {
+        accountIndex: 1,
+        messageHex: 'abc'
+      })
+
+      expect(response).toBe('SIGNATURE')
+      expect(spy).toHaveBeenNthCalledWith(1, '44\'/1234\'/1\'/0/0', 'abc')
+
+      spy.mockRestore()
+    })
+
+    it('should fail with invalid accountIndex', async () => {
+      await expect(store.dispatch('ledger/signMessage')).rejects.toThrow(/.*accountIndex must be a Number$/)
+    })
+
+    it('should fail when not connected', async () => {
+      await disconnectLedger()
+      await expect(store.dispatch('ledger/signMessage', {
+        accountIndex: 1,
+        messageHex: 'abc'
+      })).rejects.toThrow(/.*Ledger not connected$/)
+    })
+  })
+
   describe('reloadWallets', () => {
     let spyGetWallet
     let spyCryptoGetAddress
@@ -155,11 +274,11 @@ describe('ledger store module', () => {
       }
       spyGetWallet = jest.spyOn(
         ledgerService,
-        'getWallet'
+        'getPublicKey'
       ).mockImplementation((path) => {
         const matches = path.match(/^44'+\/.+'\/([0-9]+)'\/0\/0/)
 
-        return testWallets[matches[1]]
+        return testWallets[matches[1]].publicKey
       })
       spyCryptoGetAddress = jest.spyOn(
         Identities.Address,
diff --git a/config/index.js b/config/index.js
index 292c5bbdf3..b96e88128e 100644
--- a/config/index.js
+++ b/config/index.js
@@ -47,16 +47,36 @@ exports.BIP39 = {
   ]
 }
 
+exports.TRANSACTION_GROUPS = {
+  STANDARD: 1,
+  MAGISTRATE: 2
+}
+
 exports.TRANSACTION_TYPES = {
-  TRANSFER: 0,
-  SECOND_SIGNATURE: 1,
-  DELEGATE_REGISTRATION: 2,
-  VOTE: 3,
-  MULTI_SIGNATURE: 4,
-  IPFS: 5,
-  TIMELOCK_TRANSFER: 6,
-  MULTI_PAYMENT: 7,
-  DELEGATE_RESIGNATION: 8
+  MULTI_SIGN: -1,
+
+  GROUP_1: {
+    TRANSFER: 0,
+    SECOND_SIGNATURE: 1,
+    DELEGATE_REGISTRATION: 2,
+    VOTE: 3,
+    MULTI_SIGNATURE: 4,
+    IPFS: 5,
+    MULTI_PAYMENT: 6,
+    DELEGATE_RESIGNATION: 7,
+    HTLC_LOCK: 8,
+    HTLC_CLAIM: 9,
+    HTLC_REFUND: 10
+  },
+
+  GROUP_2: {
+    BUSINESS_REGISTRATION: 0,
+    BUSINESS_RESIGNATION: 1,
+    BUSINESS_UPDATE: 2,
+    BRIDGECHAIN_REGISTRATION: 3,
+    BRIDGECHAIN_RESIGNATION: 4,
+    BRIDGECHAIN_UPDATE: 5
+  }
 }
 
 exports.INTERVALS = {
@@ -137,15 +157,28 @@ exports.THEMES = [
 ]
 
 exports.V1 = {
-  fees: [
-    0.1 * 1e8, // Transfer
-    5 * 1e8, // Second signautre
-    25 * 1e8, // Delegate registration
-    1 * 1e8, // Vote
-    5 * 1e8, // Multisignature
-    0 * 1e8, // IPFS (not supported yet)
-    0 * 1e8, // Timelock transfer (not supported yet)
-    0 * 1e8, // Multu-payment (not supported yet)
-    0 * 1e8 // Delegate resignation (not supported yet)
-  ]
+  fees: {
+    GROUP_1: [
+      0.1 * 1e8, // Transfer
+      5 * 1e8, // Second signautre
+      25 * 1e8, // Delegate registration
+      1 * 1e8, // Vote
+      5 * 1e8, // Multisignature
+      5 * 1e8, // IPFS
+      1 * 1e8, // Multi-payment
+      25 * 1e8, // Delegate resignation
+      1 * 1e8, // HTLC Lock
+      0 * 1e8, // HTLC Claim
+      0 * 1e8 // HTLC Refund
+    ],
+
+    GROUP_2: [
+      50 * 1e8, // Business Registration
+      50 * 1e8, // Business Resignation
+      50 * 1e8, // Business Update
+      50 * 1e8, // Bridgechain Registration
+      50 * 1e8, // Bridgechain Resignation
+      50 * 1e8 // Bridgechain Update
+    ]
+  }
 }
diff --git a/package.json b/package.json
index 9268fa591f..0ebc4c5d47 100644
--- a/package.json
+++ b/package.json
@@ -22,11 +22,14 @@
   "main": "./dist/electron/main.js",
   "scripts": {
     "build": "node .electron-vue/build.js && electron-builder",
-    "build:win": "node .electron-vue/build.js && electron-builder --win --x64 --ia32 --publish onTagOrDraft",
+    "build:win": "node .electron-vue/build.js && electron-builder --win --x64 --ia32",
+    "build:win:publish": "node .electron-vue/build.js && electron-builder --win --x64 --ia32 --publish onTagOrDraft",
     "build:win32": "node .electron-vue/build.js && electron-builder --win --ia32",
     "build:win64": "node .electron-vue/build.js && electron-builder --win --x64",
-    "build:mac": "node .electron-vue/build.js && electron-builder --mac --publish onTagOrDraft",
-    "build:linux": "node .electron-vue/build.js && electron-builder --linux --publish onTagOrDraft",
+    "build:mac": "node .electron-vue/build.js && electron-builder --mac",
+    "build:mac:publish": "node .electron-vue/build.js && electron-builder --mac --publish onTagOrDraft",
+    "build:linux": "node .electron-vue/build.js && electron-builder --linux",
+    "build:linux:publish": "node .electron-vue/build.js && electron-builder --linux --publish onTagOrDraft",
     "build:dir": "node .electron-vue/build.js && electron-builder --dir",
     "build:clean": "cross-env BUILD_TARGET=clean node .electron-vue/build.js",
     "build:web": "cross-env BUILD_TARGET=web node .electron-vue/build.js",
@@ -49,15 +52,16 @@
     "test:unit:watch": "jest --config __tests__/unit.jest.conf.js --watch"
   },
   "dependencies": {
-    "@arkecosystem/client": "^1.0.2",
-    "@arkecosystem/crypto": "^2.6.0-alpha.0",
-    "@arkecosystem/ledger-transport": "^0.1.0",
+    "@arkecosystem/client": "^1.0.5",
+    "@arkecosystem/core-magistrate-crypto": "^2.6.0-next.9",
+    "@arkecosystem/crypto": "^2.6.0-next.9",
+    "@arkecosystem/ledger-transport": "^1.0.3",
     "@arkecosystem/peers": "^0.2.1",
     "@babel/runtime": "^7.4.2",
     "@fortawesome/fontawesome-svg-core": "^1.2.21",
     "@fortawesome/free-solid-svg-icons": "^5.10.1",
     "@fortawesome/vue-fontawesome": "^0.1.6",
-    "@ledgerhq/hw-transport-node-hid-singleton": "^4.68.4",
+    "@ledgerhq/hw-transport-node-hid-singleton": "^5.7.0",
     "about-window": "^1.13.1",
     "animate.css": "^3.7.0",
     "async": "^3.0.0",
@@ -72,6 +76,7 @@
     "cycled": "^1.0.0",
     "dayjs": "^1.8.11",
     "decompress": "^4.2.0",
+    "deepmerge": "^4.1.1",
     "du": "^1.0.0",
     "electron-dl": "^2.0.0",
     "electron-log": "^3.0.7",
@@ -187,6 +192,7 @@
     "productName": "Ark Desktop Wallet",
     "appId": "io.ark.desktop-wallet",
     "artifactName": "${name}-${os}-${arch}-${version}.${ext}",
+    "npmRebuild": false,
     "publish": {
       "provider": "github",
       "vPrefixedTagName": false
diff --git a/src/renderer/App.vue b/src/renderer/App.vue
index 44afadef65..9e9b2379e7 100644
--- a/src/renderer/App.vue
+++ b/src/renderer/App.vue
@@ -95,6 +95,12 @@
         @change="onPortalChange('qr-scan', ...arguments)"
       />
 
+      <PortalTarget
+        name="button-dropdown"
+        multiple
+        :slot-props="{ hasBlurFilter }"
+      />
+
       <AlertMessage />
     </div>
   </div>
@@ -308,18 +314,18 @@ export default {
       ipcRenderer.send('updater:check-for-updates')
       await this.$store.dispatch('peer/refresh')
       this.$store.dispatch('peer/connectToBest', {})
-      this.$store.dispatch('network/updateData')
+      await this.$store.dispatch('network/updateData')
 
       if (this.session_network) {
         this.$store.dispatch('ledger/init', this.session_network.slip44)
         this.$store.dispatch('delegate/load')
       }
 
-      this.$eventBus.on('client:changed', () => {
-        this.$store.dispatch('ledger/init', this.session_network.slip44)
+      this.$eventBus.on('client:changed', async () => {
         this.$store.dispatch('peer/connectToBest', {})
         this.$store.dispatch('network/updateData')
         this.$store.dispatch('delegate/load')
+        await this.$store.dispatch('ledger/init', this.session_network.slip44)
         if (this.$store.getters['ledger/isConnected']) {
           this.$store.dispatch('ledger/reloadWallets', { clearFirst: true, forceLoad: true })
         }
@@ -420,10 +426,6 @@ export default {
 </script>
 
 <style scoped>
-.blur {
-  filter: blur(4px)
-}
-
 .App__main {
   transition: .1s filter linear;
 }
diff --git a/src/renderer/assets/svg/arrow-dropdown.svg b/src/renderer/assets/svg/arrow-dropdown.svg
index 7d1e5cde71..2f4f2a8095 100644
--- a/src/renderer/assets/svg/arrow-dropdown.svg
+++ b/src/renderer/assets/svg/arrow-dropdown.svg
@@ -1,6 +1,6 @@
 <?xml version="1.0" encoding="utf-8"?>
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
-	 width="512px" height="512px" viewBox="0 0 512 512" enable-background="new 0 0 512 512" xml:space="preserve">
+	 width="512px" height="512px" viewBox="128 128 256 256" enable-background="new 0 0 512 512" xml:space="preserve">
   <g>
     <polygon points="128,192 256,320 384,192 	"/>
   </g>
diff --git a/src/renderer/components/App/AppSidemenu/AppSidemenuNetworkStatus.vue b/src/renderer/components/App/AppSidemenu/AppSidemenuNetworkStatus.vue
index fcf62148ca..19b51a73f6 100644
--- a/src/renderer/components/App/AppSidemenu/AppSidemenuNetworkStatus.vue
+++ b/src/renderer/components/App/AppSidemenu/AppSidemenuNetworkStatus.vue
@@ -132,8 +132,13 @@
           @toggle="toggleCustomPeerModal"
         >
           <template slot-scope="{ toggle, isOpen }">
-            <NetworkCustomPeerModal
+            <ModalPeer
               v-if="isOpen"
+              :title="$t('PEER.CUSTOM_TITLE')"
+              :allow-close="!showLoadingModal"
+              :current-peer="peer"
+              :close-trigger="toggle"
+              @connect="connectPeer"
               @close="toggle"
             />
           </template>
@@ -155,12 +160,18 @@
         </RouterLink>
       </div>
     </div>
+
+    <ModalLoader
+      :message="$t('MODAL_PEER.VALIDATING')"
+      :allow-close="true"
+      :visible="showLoadingModal"
+    />
   </div>
 </template>
 
 <script>
 import { MenuDropdown, MenuNavigationItem, MenuOptions } from '@/components/Menu'
-import { NetworkCustomPeerModal } from '@/components/Network'
+import { ModalLoader, ModalPeer } from '@/components/Modal'
 import { ButtonModal, ButtonReload } from '@/components/Button'
 import SvgIcon from '@/components/SvgIcon'
 
@@ -173,7 +184,8 @@ export default {
     MenuDropdown,
     MenuNavigationItem,
     MenuOptions,
-    NetworkCustomPeerModal,
+    ModalLoader,
+    ModalPeer,
     SvgIcon
   },
 
@@ -194,7 +206,8 @@ export default {
     return {
       isNetworkStatusVisible: false,
       isRefreshing: false,
-      showCustomPeerModal: false
+      showCustomPeerModal: false,
+      showLoadingModal: false
     }
   },
 
@@ -246,6 +259,33 @@ export default {
       this.isNetworkStatusVisible = false
     },
 
+    async connectPeer ({ peer, closeTrigger }) {
+      this.showLoadingModal = true
+
+      const response = await this.$store.dispatch('peer/validatePeer', {
+        host: peer.host,
+        port: peer.port
+      })
+
+      if (response === false) {
+        this.$error(this.$t('PEER.CONNECT_FAILED'))
+        this.showLoadingModal = false
+      } else if (typeof response === 'string') {
+        this.$error(`${this.$t('PEER.CONNECT_FAILED')}: ${response}`)
+        this.showLoadingModal = false
+      } else {
+        response.isCustom = true
+        await this.$store.dispatch('peer/setCurrentPeer', response)
+        await this.$store.dispatch('peer/updateCurrentPeerStatus')
+        this.$success(`${this.$t('PEER.CONNECTED')}: ${peer.host}:${peer.port}`)
+        if (closeTrigger) {
+          closeTrigger()
+        }
+      }
+
+      this.showLoadingModal = false
+    },
+
     async refreshPeer () {
       this.isRefreshing = true
       await this.$store.dispatch('peer/connectToBest', {
diff --git a/src/renderer/components/Button/ButtonDropdown.vue b/src/renderer/components/Button/ButtonDropdown.vue
new file mode 100644
index 0000000000..dfde8cbf97
--- /dev/null
+++ b/src/renderer/components/Button/ButtonDropdown.vue
@@ -0,0 +1,193 @@
+<template>
+  <div
+    ref="buttonDropdown"
+    class="ButtonDropdown"
+    :class="{ flex: hasPrimaryButton }"
+  >
+    <div
+      v-if="hasPrimaryButton"
+      class="ButtonDropdown__primary"
+    >
+      <slot name="primaryButton" />
+    </div>
+
+    <div
+      v-if="items.length"
+      v-click-outside.capture="triggerClose"
+    >
+      <button
+        class="ButtonDropdown__button blue-button"
+        :class="dropdownButtonClasses"
+        @click="toggleDropdown"
+      >
+        <div class="whitespace-no-wrap">
+          <span
+            v-if="!hasPrimaryButton && title"
+            class="mr-1"
+          >
+            {{ title }}
+          </span>
+
+          <SvgIcon
+            name="arrow-dropdown"
+            :view-box="arrowViewbox"
+            class="ButtonDropdown__button__arrow"
+            :class="{ 'ButtonDropdown__button__arrow--active': showDropdown }"
+          />
+        </div>
+      </button>
+
+      <Portal
+        to="button-dropdown"
+      >
+        <div
+          v-show="showDropdown"
+          slot-scope="app"
+          class="ButtonDropdown__list transition"
+          :style="dropdownStyle"
+          :class="{
+            'blur': app.hasBlurFilter
+          }"
+        >
+          <div
+            v-for="(item, key) of items"
+            :key="key"
+            class="ButtonDropdown__list__item flex-1 whitespace-no-wrap"
+          >
+            <slot
+              name="button"
+              v-bind="{ item, triggerClose }"
+            >
+              <ButtonGeneric
+                :label="item"
+                @click="triggerClose"
+              />
+            </slot>
+          </div>
+        </div>
+      </Portal>
+    </div>
+  </div>
+</template>
+
+<script>
+import { ButtonGeneric } from '@/components/Button'
+import SvgIcon from '@/components/SvgIcon'
+
+export default {
+  name: 'ButtonDropdown',
+
+  components: {
+    ButtonGeneric,
+    SvgIcon
+  },
+
+  props: {
+    classes: {
+      type: String,
+      required: false,
+      default: ''
+    },
+
+    items: {
+      type: Array,
+      required: true
+    },
+
+    title: {
+      type: String,
+      required: false,
+      default: null
+    }
+  },
+
+  data () {
+    return {
+      showDropdown: false
+    }
+  },
+
+  computed: {
+    hasPrimaryButton () {
+      return !!this.$slots.primaryButton
+    },
+
+    dropdownButtonClasses () {
+      return {
+        ...this.classes.split(' ').reduce((classes, className) => {
+          classes[className] = true
+
+          return classes
+        }, {}),
+        'ButtonDropdown__button--nolabel': this.hasPrimaryButton
+      }
+    },
+
+    arrowViewbox () {
+      if (this.showDropdown) {
+        return '0 2 12 16'
+      }
+
+      return '0 -2 12 16'
+    },
+
+    dropdownStyle () {
+      const buttonDropdown = this.$refs.buttonDropdown
+
+      if (!buttonDropdown) {
+        return ''
+      }
+
+      const height = buttonDropdown.clientHeight
+      const position = buttonDropdown.getBoundingClientRect()
+
+      return [
+        `top: ${position.top + height}px`,
+        `left: ${position.left}px`,
+        'z-index: 10'
+      ].join(';')
+    }
+  },
+
+  methods: {
+    toggleDropdown () {
+      this.showDropdown = !this.showDropdown
+    },
+
+    triggerClose () {
+      this.showDropdown = false
+    }
+  }
+}
+</script>
+
+<style scoped>
+.ButtonDropdown {
+  @apply .relative;
+}
+
+.ButtonDropdown__button__arrow--active {
+  transform: rotate(180deg);
+}
+
+.ButtonDropdown__list {
+  @apply .absolute .pin-l .flex-col .mt-1 .rounded;
+  top: 100%;
+}
+</style>
+
+<style>
+.ButtonDropdown__button--nolabel {
+  @apply .border-l .rounded-tl-none .rounded-bl-none;
+  border-left-color: var(--theme-header-text)
+}
+.ButtonDropdown__list__item button {
+  @apply .rounded-none;
+}
+.ButtonDropdown__list__item:first-child button {
+  @apply .rounded-t;
+}
+.ButtonDropdown__list__item:last-child button {
+  @apply .rounded-b;
+}
+</style>
diff --git a/src/renderer/components/Button/ButtonModal.vue b/src/renderer/components/Button/ButtonModal.vue
index a7391eb930..6e2274a9fd 100644
--- a/src/renderer/components/Button/ButtonModal.vue
+++ b/src/renderer/components/Button/ButtonModal.vue
@@ -51,6 +51,12 @@ export default {
     label: {
       type: String,
       required: true
+    },
+
+    disabled: {
+      type: Boolean,
+      required: false,
+      default: false
     }
   },
 
@@ -62,7 +68,12 @@ export default {
     emitToggle () {
       this.$emit('toggle', this.isOpen)
     },
+
     toggle () {
+      if (this.disabled) {
+        return
+      }
+
       this.isOpen = !this.isOpen
       this.emitToggle()
     }
diff --git a/src/renderer/components/Button/index.js b/src/renderer/components/Button/index.js
index f755aed50a..1c2b4cf6f0 100644
--- a/src/renderer/components/Button/index.js
+++ b/src/renderer/components/Button/index.js
@@ -8,9 +8,13 @@ import ButtonReload from './ButtonReload'
 import ButtonSwitch from './ButtonSwitch'
 import ButtonLayout from './ButtonLayout'
 
+// Last because of order
+import ButtonDropdown from './ButtonDropdown'
+
 export {
   ButtonClipboard,
   ButtonClose,
+  ButtonDropdown,
   ButtonGeneric,
   ButtonIconGeneric,
   ButtonLetter,
diff --git a/src/renderer/components/Input/InputAddress.vue b/src/renderer/components/Input/InputAddress.vue
index 06507377cd..7518952c60 100644
--- a/src/renderer/components/Input/InputAddress.vue
+++ b/src/renderer/components/Input/InputAddress.vue
@@ -16,6 +16,7 @@
       :is-disabled="isDisabled"
       :is-focused="isFocused"
       :is-invalid="invalid"
+      :warning-text="warningText"
       class="InputAddress text-left"
     >
       <div
@@ -91,6 +92,11 @@ export default {
       required: false,
       default: false
     },
+    isRequired: {
+      type: Boolean,
+      required: false,
+      default: true
+    },
     label: {
       type: String,
       required: false,
@@ -120,6 +126,11 @@ export default {
       type: Boolean,
       required: false,
       default: false
+    },
+    warningText: {
+      type: String,
+      required: false,
+      default: null
     }
   },
 
@@ -180,7 +191,7 @@ export default {
       ]
       const contacts = this.$store.getters['wallet/contactsByProfileId'](this.currentProfile.id)
 
-      const source = unionBy(wallets, contacts, 'address')
+      const source = unionBy(wallets, contacts, 'address').filter(wallet => wallet && !!wallet.address)
 
       const addresses = map(source, (wallet) => {
         const address = {
@@ -197,7 +208,7 @@ export default {
       })
 
       const results = orderBy(addresses, (object) => {
-        return object.name || object.address.toLowerCase()
+        return (object.name || object.address).toLowerCase()
       })
 
       return results.reduce((wallets, wallet, index) => {
@@ -370,13 +381,27 @@ export default {
       this.$nextTick(() => {
         this.$refs.input.setSelectionRange(this.inputValue.length, this.dropdownValue.length)
       })
+    },
+
+    reset () {
+      this.model = ''
+      this.$nextTick(() => {
+        this.$v.$reset()
+      })
     }
   },
 
   validations: {
     model: {
-      required,
+      required (value) {
+        return this.isRequired ? required(value) : true
+      },
+
       isValid (value) {
+        if (!this.isRequired && value.replace(/\s+/, '') === '') {
+          return true
+        }
+
         return WalletService.validateAddress(value, this.pubKeyHash)
       }
     }
diff --git a/src/renderer/components/Input/InputCurrency.vue b/src/renderer/components/Input/InputCurrency.vue
index 9fbee70291..4b7b94a152 100644
--- a/src/renderer/components/Input/InputCurrency.vue
+++ b/src/renderer/components/Input/InputCurrency.vue
@@ -40,7 +40,6 @@
 import { includes, isString } from 'lodash'
 import { required } from 'vuelidate/lib/validators'
 import { MARKET } from '@config'
-import store from '@/store'
 import InputField from './InputField'
 import BigNumber from '@/plugins/bignumber'
 
@@ -365,7 +364,7 @@ export default {
      * @return {Boolean}
      */
     currencyValidator (currency) {
-      const currentNetwork = this.walletNetwork || store.getters['session/network']
+      const currentNetwork = this.walletNetwork || this.$store.getters['session/network']
       const currencies = [
         currentNetwork.token,
         currentNetwork.subunit,
@@ -374,6 +373,13 @@ export default {
         ...Object.values(MARKET.currencies).map(currency => currency.symbol)
       ]
       return includes(currencies, currency)
+    },
+
+    reset () {
+      this.inputValue = ''
+      this.$nextTick(() => {
+        this.$v.model.$reset()
+      })
     }
   },
 
diff --git a/src/renderer/components/Input/InputDelegate.vue b/src/renderer/components/Input/InputDelegate.vue
index 91a60ac2b8..76aeafd227 100644
--- a/src/renderer/components/Input/InputDelegate.vue
+++ b/src/renderer/components/Input/InputDelegate.vue
@@ -66,7 +66,7 @@ import { MenuDropdown } from '@/components/Menu'
 import Cycled from 'cycled'
 import InputField from './InputField'
 import truncate from '@/filters/truncate'
-import { includes, isEmpty, map, orderBy } from 'lodash'
+import { isEmpty, orderBy } from 'lodash'
 
 export default {
   name: 'InputDelegate',
@@ -120,7 +120,7 @@ export default {
     },
 
     delegates () {
-      return this.$store.getters['delegate/bySessionNetwork']
+      return Object.values(this.$store.getters['delegate/bySessionNetwork'] || {}).filter(delegate => !delegate.isResigned)
     },
 
     error () {
@@ -168,7 +168,7 @@ export default {
         return []
       }
 
-      const delegates = map(this.delegates, (object) => {
+      const delegates = this.delegates.map(object => {
         const delegate = {
           name: null,
           username: object.username,
@@ -187,7 +187,7 @@ export default {
 
       return results.reduce((delegates, delegate, index) => {
         Object.values(delegate).forEach(prop => {
-          if (includes(prop.toLowerCase(), this.inputValue.toLowerCase())) {
+          if (prop.toLowerCase().includes(this.inputValue.toLowerCase())) {
             delegates[delegate.username] = delegate.name
           }
         })
@@ -243,7 +243,7 @@ export default {
       // Verifies that the element that generated the blur was a dropdown item
       if (evt.relatedTarget) {
         const classList = evt.relatedTarget.classList || []
-        const isDropdownItem = includes(classList, 'MenuDropdownItem__button')
+        const isDropdownItem = classList.includes('MenuDropdownItem__button')
 
         if (!isDropdownItem) {
           this.closeDropdown()
diff --git a/src/renderer/components/Input/InputEditableList.vue b/src/renderer/components/Input/InputEditableList.vue
new file mode 100644
index 0000000000..13361c9be6
--- /dev/null
+++ b/src/renderer/components/Input/InputEditableList.vue
@@ -0,0 +1,146 @@
+<template>
+  <div
+    class="InputEditableList"
+    :class="{ 'InputEditableList--invalid': isInvalid || requiredAndEmpty }"
+  >
+    <div
+      class="InputField__wrapper relative appearance-none inline-flex items-end w-full"
+    >
+      <label
+        v-show="title"
+        class="InputField__label absolute pointer-events-none text-theme-page-text-light truncate"
+      >
+        {{ title }}
+      </label>
+    </div>
+
+    <div class="InputEditableList__list">
+      <div
+        v-for="(item, key) of items"
+        :key="key"
+        class="InputEditableList__list__item flex py-2 select-none"
+      >
+        <slot :item="item" />
+
+        <ButtonClose
+          v-if="!readonly"
+          icon-class="text-grey"
+          class="InputEditableList__list__item__remove flex-inline"
+          @click="emitRemove(key)"
+        />
+      </div>
+    </div>
+
+    <div
+      v-if="requiredAndEmpty"
+      class="InputEditableList__no-items text-center"
+    >
+      {{ noItemsMessage }}
+    </div>
+
+    <p
+      v-if="helperText"
+      class="InputEditableList__helper-text"
+    >
+      {{ helperText }}
+    </p>
+  </div>
+</template>
+
+<script>
+import { ButtonClose } from '@/components/Button'
+
+export default {
+  name: 'InputEditableList',
+
+  components: {
+    ButtonClose
+  },
+
+  props: {
+    title: {
+      type: String,
+      required: false,
+      default: null
+    },
+
+    value: {
+      type: Array,
+      required: true
+    },
+
+    required: {
+      type: Boolean,
+      required: false,
+      default: true
+    },
+
+    readonly: {
+      type: Boolean,
+      required: false,
+      default: false
+    },
+
+    helperText: {
+      type: String,
+      required: false,
+      default: null
+    },
+
+    isInvalid: {
+      type: Boolean,
+      required: false,
+      default: false
+    },
+
+    noItemsMessage: {
+      type: String,
+      required: false,
+      default: function () {
+        return this.$t('INPUT_EDITABLE_LIST.NO_ITEMS')
+      }
+    }
+  },
+
+  data: vm => ({
+    items: vm.value
+  }),
+
+  computed: {
+    requiredAndEmpty () {
+      return this.required && (!this.items || !this.items.length)
+    }
+  },
+
+  watch: {
+    value (newValue) {
+      this.items = newValue
+    }
+  },
+
+  methods: {
+    emitRemove (index) {
+      this.$emit('remove', index)
+    }
+  }
+}
+</script>
+
+<style scoped>
+.InputEditableList__list {
+  @apply .overflow-y-auto;
+}
+.InputEditableList__list .ButtonClose {
+  @apply .mr-0 !important;
+}
+.InputEditableList--invalid .InputEditableList__no-items,
+.InputEditableList--invalid .InputField__label,
+.InputEditableList--invalid .InputEditableList__helper-text {
+  @apply .text-red-dark;
+}
+.InputField__label {
+    font-weight: 600;
+    bottom: 0;
+    transform: scale(.75);
+}
+</style>
diff --git a/src/renderer/components/Input/InputFee.vue b/src/renderer/components/Input/InputFee.vue
index 585cb2b9d8..b77446af3a 100644
--- a/src/renderer/components/Input/InputFee.vue
+++ b/src/renderer/components/Input/InputFee.vue
@@ -92,6 +92,12 @@ export default {
       required: true
     },
 
+    transactionGroup: {
+      type: Number,
+      required: false,
+      default: 1
+    },
+
     showInsufficientFunds: {
       type: Boolean,
       required: false,
@@ -145,8 +151,8 @@ export default {
       return this.$t('INPUT_FEE.ERROR.NOT_VALID')
     },
     maxV1fee () {
-      const defaultMaxV1Fee = V1.fees[this.transactionType]
-      const staticFee = this.$store.getters['transaction/staticFee'](this.transactionType)
+      const defaultMaxV1Fee = V1.fees[`GROUP_${this.transactionGroup}`][this.transactionType]
+      const staticFee = this.$store.getters['transaction/staticFee'](this.transactionType, this.transactionGroup)
       return staticFee || defaultMaxV1Fee
     },
     isStaticFee () {
@@ -167,9 +173,19 @@ export default {
       }
 
       const { feeStatistics } = this.feeNetwork
-      const transactionStatistics = feeStatistics.find(feeConfig => feeConfig.type === this.transactionType)
-      if (transactionStatistics) {
-        return transactionStatistics.fees
+      if (feeStatistics) {
+        let transactionStatistics
+        if (feeStatistics[0]) {
+          transactionStatistics = Object.values(feeStatistics).find(feeConfig => feeConfig.type === this.transactionType)
+        } else if (feeStatistics[this.transactionGroup]) {
+          transactionStatistics = Object.values(feeStatistics[this.transactionGroup]).find(feeConfig => {
+            return feeConfig.type === this.transactionType
+          })
+        }
+
+        if (transactionStatistics) {
+          return transactionStatistics.fees
+        }
       }
 
       return {
diff --git a/src/renderer/components/Input/InputPublicKey.vue b/src/renderer/components/Input/InputPublicKey.vue
new file mode 100644
index 0000000000..c8a87a25f5
--- /dev/null
+++ b/src/renderer/components/Input/InputPublicKey.vue
@@ -0,0 +1,111 @@
+<template>
+  <InputText
+    ref="publicKey"
+    v-model="$v.model.$model"
+    :is-invalid="!!error"
+    :helper-text="error"
+    :label="publicKeyLabel"
+    :maxlength="66"
+    class="InputPublicKey"
+    name="publicKey"
+  />
+</template>
+
+<script>
+import InputText from './InputText'
+import { Identities } from '@arkecosystem/crypto'
+
+export default {
+  name: 'InputPublicKey',
+
+  components: {
+    InputText
+  },
+
+  model: {
+    prop: 'value',
+    event: 'input'
+  },
+
+  props: {
+    isRequired: {
+      type: Boolean,
+      required: false,
+      default: true
+    },
+
+    value: {
+      type: String,
+      required: false,
+      default: ''
+    }
+  },
+
+  data: vm => ({
+    inputValue: vm.value
+  }),
+
+  computed: {
+    model: {
+      get () {
+        return this.inputValue
+      },
+
+      set (value) {
+        this.inputValue = value
+        this.$v.model.$touch()
+        this.$emit('input', value)
+      }
+    },
+
+    publicKeyLabel () {
+      return this.$t('INPUT_PUBLIC_KEY.TITLE')
+    },
+
+    error () {
+      if (this.$v.model.$dirty && this.$v.model.$invalid) {
+        if (!this.$v.model.isValid) {
+          return this.$t('INPUT_PUBLIC_KEY.INVALID')
+        }
+      }
+
+      return null
+    }
+  },
+
+  watch: {
+    value (value) {
+      this.inputValue = value
+    }
+  },
+
+  methods: {
+    reset () {
+      this.model = ''
+      this.$nextTick(() => {
+        this.$v.$reset()
+      })
+    }
+  },
+
+  validations: {
+    model: {
+      isValid (value) {
+        if (!this.isRequired && value.replace(/\s+/, '') === '') {
+          return true
+        }
+
+        try {
+          Identities.Address.fromPublicKey(value)
+
+          return true
+        } catch (error) {
+          //
+        }
+
+        return false
+      }
+    }
+  }
+}
+</script>
diff --git a/src/renderer/components/Input/InputText.vue b/src/renderer/components/Input/InputText.vue
index 93da552198..9f640d47e1 100644
--- a/src/renderer/components/Input/InputText.vue
+++ b/src/renderer/components/Input/InputText.vue
@@ -171,6 +171,13 @@ export default {
 
     blur () {
       this.$refs.input.blur()
+    },
+
+    reset () {
+      this.model = ''
+      this.$nextTick(() => {
+        this.$v.$reset()
+      })
     }
   },
 
diff --git a/src/renderer/components/Input/index.js b/src/renderer/components/Input/index.js
index 8d202da211..c02e0a6ce9 100644
--- a/src/renderer/components/Input/index.js
+++ b/src/renderer/components/Input/index.js
@@ -1,10 +1,12 @@
 import InputAddress from './InputAddress'
 import InputCurrency from './InputCurrency'
 import InputDelegate from './InputDelegate'
+import InputEditableList from './InputEditableList'
 import InputFee from './InputFee'
 import InputField from './InputField'
 import InputLanguage from './InputLanguage'
 import InputPassword from './InputPassword'
+import InputPublicKey from './InputPublicKey'
 import InputSelect from './InputSelect'
 import InputSwitch from './InputSwitch'
 import InputText from './InputText'
@@ -16,10 +18,12 @@ export {
   InputAddress,
   InputCurrency,
   InputDelegate,
+  InputEditableList,
   InputFee,
   InputField,
   InputLanguage,
   InputPassword,
+  InputPublicKey,
   InputSelect,
   InputSwitch,
   InputText
diff --git a/src/renderer/components/Menu/MenuDropdown/MenuDropdownAlternativeHandler.vue b/src/renderer/components/Menu/MenuDropdown/MenuDropdownAlternativeHandler.vue
index 96e2a803f6..0ea4f1e1b0 100644
--- a/src/renderer/components/Menu/MenuDropdown/MenuDropdownAlternativeHandler.vue
+++ b/src/renderer/components/Menu/MenuDropdown/MenuDropdownAlternativeHandler.vue
@@ -8,7 +8,7 @@
           'rotate-vertical': isOpen
         }"
         name="arrow-dropdown"
-        view-box="0 0 18 18"
+        view-box="0 0 8 8"
         class="transition align-middle"
       />
     </span>
diff --git a/src/renderer/components/Menu/MenuDropdown/MenuDropdownHandler.vue b/src/renderer/components/Menu/MenuDropdown/MenuDropdownHandler.vue
index e19b732d83..0688e42f7b 100644
--- a/src/renderer/components/Menu/MenuDropdown/MenuDropdownHandler.vue
+++ b/src/renderer/components/Menu/MenuDropdown/MenuDropdownHandler.vue
@@ -19,7 +19,7 @@
       <SvgIcon
         :class="{ 'opacity-25': iconDisabled }"
         name="arrow-dropdown"
-        view-box="0 0 20 20"
+        view-box="0 0 10 10"
       />
     </span>
   </button>
diff --git a/src/renderer/components/Menu/MenuTab/MenuTab.vue b/src/renderer/components/Menu/MenuTab/MenuTab.vue
index 9418f6f520..0aeba59dfb 100644
--- a/src/renderer/components/Menu/MenuTab/MenuTab.vue
+++ b/src/renderer/components/Menu/MenuTab/MenuTab.vue
@@ -1,7 +1,7 @@
 <template>
   <div class="MenuTab bg-theme-feature overflow-hidden">
     <nav class="MenuTab__nav bg-theme-feature-item-alternative text-theme-feature-item-alternative-text">
-      <div class="inline-flex justify-start items-center">
+      <div class="MenuTab__nav__items inline-flex justify-start items-center">
         <button
           v-for="item in items"
           :key="item.tab"
@@ -11,7 +11,7 @@
             'MenuTab__nav__item--clickable': !!item.onClick,
           }"
           :disabled="item.isDisabled"
-          class="MenuTab__nav__item text-inherit appearance-none cursor-pointer font-semibold px-5 py-4 flex justify-center items-center hover:bg-theme-feature-item-hover hover:text-theme-feature-item-selected-text"
+          class="MenuTab__nav__item text-inherit appearance-none cursor-pointer font-semibold px-5 py-4 flex justify-center items-center bg-theme-feature-item-alternative hover:bg-theme-feature-item-hover hover:text-theme-feature-item-selected-text"
           @click="item.onClick ? item.onClick() : switchToTab(item.tab)"
         >
           <template v-if="item.$slots.header">
@@ -93,7 +93,7 @@ export default {
 
 <style lang="postcss" scoped>
 .MenuTab__nav__item--active {
-  @apply .bg-theme-feature .text-theme-page-text
+  @apply .bg-theme-switch-button .text-theme-button-text;
 }
 
 .MenuTab__nav__item--clickable {
@@ -101,10 +101,10 @@ export default {
 }
 
 .MenuTab__nav__item--disabled {
-  @apply .text-theme-feature-item-alternative-text .opacity-50
+  @apply .text-theme-feature-item-alternative-text .opacity-50;
 }
 
 .MenuTab__nav__item--disabled:hover {
-  @apply .bg-transparent
+  @apply .bg-transparent;
 }
 </style>
diff --git a/src/renderer/components/Modal/ModalLoader.vue b/src/renderer/components/Modal/ModalLoader.vue
index db453e2b2b..728b561859 100644
--- a/src/renderer/components/Modal/ModalLoader.vue
+++ b/src/renderer/components/Modal/ModalLoader.vue
@@ -2,6 +2,7 @@
   <ModalWindow
     v-if="isVisible"
     :allow-close="showClose"
+    class="ModalLoader"
     container-classes="max-w-md sm:w-md"
     portal-target="loading"
     @close="toggle"
diff --git a/src/renderer/components/Network/NetworkCustomPeerModal.vue b/src/renderer/components/Modal/ModalPeer.vue
similarity index 67%
rename from src/renderer/components/Network/NetworkCustomPeerModal.vue
rename to src/renderer/components/Modal/ModalPeer.vue
index 6481d6eb8f..c39f910a8d 100644
--- a/src/renderer/components/Network/NetworkCustomPeerModal.vue
+++ b/src/renderer/components/Modal/ModalPeer.vue
@@ -1,11 +1,11 @@
 <template>
   <ModalWindow
-    :allow-close="!showLoadingModal"
+    :allow-close="allowClose"
     @close="emitClose"
   >
     <section class="flex flex-col">
       <h2 class="mb-1">
-        {{ $t('MODAL_PEER.TITLE') }}
+        {{ title }}
       </h2>
 
       <InputText
@@ -18,6 +18,7 @@
         :title="$t('MODAL_PEER.HOST')"
         :placeholder="$t('MODAL_PEER.PLACEHOLDER.HOST')"
         name="host"
+        class="mb-2"
       />
 
       <InputText
@@ -30,6 +31,7 @@
         :title="$t('MODAL_PEER.PORT')"
         :placeholder="$t('MODAL_PEER.PLACEHOLDER.PORT')"
         name="port"
+        class="mb-2"
       />
 
       <div class="flex mt-5">
@@ -38,25 +40,20 @@
           class="mr-5"
           @click="emitClose"
         />
+
         <ButtonGeneric
           :disabled="$v.form.$invalid"
           :label="$t('MODAL_PEER.CONNECT')"
-          @click="validate"
+          @click="emitConnect"
         />
       </div>
-
-      <ModalLoader
-        :message="$t('MODAL_PEER.VALIDATING')"
-        :allow-close="true"
-        :visible="showLoadingModal"
-      />
     </section>
   </ModalWindow>
 </template>
 
 <script>
 import { numeric, required } from 'vuelidate/lib/validators'
-import { ModalLoader, ModalWindow } from '@/components/Modal'
+import ModalWindow from './ModalWindow'
 import { ButtonGeneric } from '@/components/Button'
 import { InputText } from '@/components/Input'
 
@@ -66,17 +63,40 @@ export default {
   components: {
     ButtonGeneric,
     InputText,
-    ModalLoader,
     ModalWindow
   },
 
+  props: {
+    title: {
+      type: String,
+      required: true
+    },
+
+    currentPeer: {
+      type: Object,
+      required: false,
+      default: () => ({})
+    },
+
+    closeTrigger: {
+      type: Function,
+      required: false,
+      default: null
+    },
+
+    allowClose: {
+      type: Boolean,
+      required: false,
+      default: false
+    }
+  },
+
   data () {
     return {
       form: {
         host: '',
         port: ''
-      },
-      showLoadingModal: false
+      }
     }
   },
 
@@ -111,42 +131,30 @@ export default {
   },
 
   mounted () {
-    const currentPeer = this.$store.getters['peer/current']()
-    if (currentPeer && currentPeer.isCustom) {
-      const scheme = currentPeer.isHttps ? 'https://' : 'http://'
-      this.form.host = `${scheme}${currentPeer.ip}`
-      this.form.port = currentPeer.port
+    if (this.currentPeer) {
+      if (this.currentPeer.host) {
+        this.form.host = this.currentPeer.host
+      } else if (this.currentPeer.ip) {
+        const scheme = this.currentPeer.isHttps ? 'https://' : 'http://'
+        this.form.host = `${scheme}${this.currentPeer.ip}`
+      }
+
+      if (this.currentPeer.port) {
+        this.form.port = this.currentPeer.port
+      }
     }
   },
 
   methods: {
-    async validate () {
-      this.showLoadingModal = true
-      const response = await this.$store.dispatch('peer/validatePeer', {
-        host: this.form.host,
-        port: this.form.port
+    emitConnect () {
+      this.$emit('connect', {
+        peer: this.form,
+        closeTrigger: this.closeTrigger
       })
-      if (response === false) {
-        this.$error(this.$t('PEER.CONNECT_FAILED'))
-      } else if (typeof response === 'string') {
-        this.$error(`${this.$t('PEER.CONNECT_FAILED')}: ${response}`)
-      } else {
-        response.isCustom = true
-        await this.$store.dispatch('peer/setCurrentPeer', response)
-        await this.$store.dispatch('peer/updateCurrentPeerStatus')
-        this.$success(`${this.$t('PEER.CONNECTED')}: ${this.form.host}:${this.form.port}`)
-        this.emitClose(true)
-      }
-      this.showLoadingModal = false
     },
 
-    emitClose (force = false) {
-      if (force) {
-        this.showLoadingModal = false
-      }
-      if (!this.showLoadingModal) {
-        this.$emit('close')
-      }
+    emitClose () {
+      this.$emit('close')
     }
   },
 
diff --git a/src/renderer/components/Modal/ModalWindow.vue b/src/renderer/components/Modal/ModalWindow.vue
index 05279206e7..138137825e 100644
--- a/src/renderer/components/Modal/ModalWindow.vue
+++ b/src/renderer/components/Modal/ModalWindow.vue
@@ -209,14 +209,14 @@ export default {
 }
 
 .ModalWindow--maximized .ModalWindow__container__content {
-  @apply overflow-hidden p-16 pt-16 bg-theme-modal shadow rounded-lg
+  @apply overflow-y-auto p-16 pt-16 bg-theme-modal shadow rounded-lg
 }
 .ModalWindow--minimized .ModalWindow__container__content {
   @apply overflow-y-auto px-8 pt-2 pb-5 bg-theme-modal shadow rounded-lg
 }
 .ModalWindow--minimized .ModalWindow__container {
   height: 200px!default;
-  @apply overflow-hidden
+  @apply .overflow-hidden;
 }
 </style>
 
diff --git a/src/renderer/components/Modal/index.js b/src/renderer/components/Modal/index.js
index 1dbba455ca..fda8bd2ec7 100644
--- a/src/renderer/components/Modal/index.js
+++ b/src/renderer/components/Modal/index.js
@@ -2,6 +2,7 @@ import ModalAdditionalLedgers from './ModalAdditionalLedgers'
 import ModalConfirmation from './ModalConfirmation'
 import ModalExportWallets from './ModalExportWallets'
 import ModalLoader from './ModalLoader'
+import ModalPeer from './ModalPeer'
 import ModalQrCode from './ModalQrCode'
 import ModalQrCodeScanner from './ModalQrCodeScanner'
 import ModalRename from './ModalRename'
@@ -11,8 +12,9 @@ export default ModalWindow
 export {
   ModalAdditionalLedgers,
   ModalConfirmation,
-  ModalLoader,
   ModalExportWallets,
+  ModalLoader,
+  ModalPeer,
   ModalQrCode,
   ModalQrCodeScanner,
   ModalRename,
diff --git a/src/renderer/components/Network/NetworkModal.vue b/src/renderer/components/Network/NetworkModal.vue
index 505905fc27..313b15b1ac 100644
--- a/src/renderer/components/Network/NetworkModal.vue
+++ b/src/renderer/components/Network/NetworkModal.vue
@@ -11,6 +11,7 @@
         v-if="showFull"
         v-model="configChoice"
         :choices="configChoices"
+        :selected-choice="configChoice"
         @select="onChoiceSelect"
       />
       <div
diff --git a/src/renderer/components/Network/index.js b/src/renderer/components/Network/index.js
index a20a275342..436352abd7 100644
--- a/src/renderer/components/Network/index.js
+++ b/src/renderer/components/Network/index.js
@@ -1,10 +1,7 @@
-import NetworkCustomPeerModal from './NetworkCustomPeerModal'
 import NetworkModal from './NetworkModal'
 import NetworkSelectionModal from './NetworkSelectionModal'
 
-export default NetworkCustomPeerModal
 export {
-  NetworkCustomPeerModal,
   NetworkModal,
   NetworkSelectionModal
 }
diff --git a/src/renderer/components/Selection/mixin-selection-image.js b/src/renderer/components/Selection/mixin-selection-image.js
index 66b79d86c9..639ac1c8c8 100644
--- a/src/renderer/components/Selection/mixin-selection-image.js
+++ b/src/renderer/components/Selection/mixin-selection-image.js
@@ -1,5 +1,5 @@
 import path from 'path'
-import { flatten, upperCase, sortBy } from 'lodash'
+import { flatten, sortBy } from 'lodash'
 import imageManager from '@/services/image-manager'
 
 export default {
@@ -16,7 +16,7 @@ export default {
      * the image path and its filename as title.
      */
     images () {
-      const componentName = upperCase(this.$options.name).replace(' ', '_')
+      const componentName = this.$options.name.toUpperCase().replace(' ', '_')
       const groups = imageManager.tree
 
       return this.categories.reduce((all, category) => {
diff --git a/src/renderer/components/Transaction/TransactionAmount.vue b/src/renderer/components/Transaction/TransactionAmount.vue
index 2e9b79b41a..adffc87ace 100644
--- a/src/renderer/components/Transaction/TransactionAmount.vue
+++ b/src/renderer/components/Transaction/TransactionAmount.vue
@@ -1,16 +1,17 @@
 <template>
   <span
     :class="{
-      'text-red': transaction.isSender && transaction.amount,
+      'text-red': transaction.isSender && totalAmount,
       'text-green': !transaction.isSender && isTransfer,
     }"
   >
     {{ transaction.isSender ? '-' : '+' }}
-    {{ formatter_networkCurrency(transaction.amount) }}
+    {{ formatter_networkCurrency(totalAmount) }}
   </span>
 </template>
 
 <script>
+import TransactionService from '@/services/transaction'
 
 export default {
   name: 'TransactionAmount',
@@ -23,6 +24,10 @@ export default {
   },
 
   computed: {
+    totalAmount () {
+      return TransactionService.getAmount(this, this.transaction)
+    },
+
     isTransfer () {
       if (this.transaction.type !== undefined) {
         // 0 = transfer, 6 = timelock transfer, 7 = multipayment
diff --git a/src/renderer/components/Transaction/TransactionConfirm/TransactionConfirm.vue b/src/renderer/components/Transaction/TransactionConfirm/TransactionConfirm.vue
index 98d64812f7..5d0d7c1f6d 100644
--- a/src/renderer/components/Transaction/TransactionConfirm/TransactionConfirm.vue
+++ b/src/renderer/components/Transaction/TransactionConfirm/TransactionConfirm.vue
@@ -1,7 +1,7 @@
 <template>
   <section class="TransactionConfirm">
     <TransactionDetail
-      :amount="formatter_networkCurrency(transaction.totalAmount)"
+      :amount="formatter_networkCurrency(totalAmount)"
       :recipient-address="transaction.recipientId"
       :sender-address="address"
       :type="transaction.type"
@@ -9,6 +9,7 @@
     />
     <Component
       :is="activeComponent"
+      v-if="activeComponent"
     />
 
     <footer class="mt-10 flex justify-between items-center">
@@ -27,12 +28,12 @@
         >
           {{ $t('TRANSACTION.SEND') }}
           <span class="px-2 py-1 bg-theme-button-inner-box rounded">
-            {{ formatter_networkCurrency(transaction.totalAmount) }}
+            {{ formatter_networkCurrency(totalAmount) }}
           </span>
         </button>
       </div>
 
-      <div>
+      <div v-if="showSave">
         <button
           v-tooltip="{ content: $t('TRANSACTION.SAVE_OFFLINE'), toggle: 'hover' }"
           class="TransactionConfirm__save-tx action-button pull-right flex items-center"
@@ -52,13 +53,20 @@
 
 <script>
 /* eslint-disable vue/no-unused-components */
-import { find } from 'lodash'
+import { TRANSACTION_GROUPS } from '@config'
 import TransactionConfirmDelegateRegistration from './TransactionConfirmDelegateRegistration'
+import TransactionConfirmDelegateResignation from './TransactionConfirmDelegateResignation'
+import TransactionConfirmIpfs from './TransactionConfirmIpfs'
+import TransactionConfirmMultiPayment from './TransactionConfirmMultiPayment'
+import TransactionConfirmMultiSignature from './TransactionConfirmMultiSignature'
 import TransactionConfirmSecondSignature from './TransactionConfirmSecondSignature'
 import TransactionConfirmTransfer from './TransactionConfirmTransfer'
 import TransactionConfirmVote from './TransactionConfirmVote'
+import TransactionConfirmBusiness from './TransactionConfirmBusiness'
+import TransactionConfirmBridgechain from './TransactionConfirmBridgechain'
 import TransactionDetail from '../TransactionDetail'
 import SvgIcon from '@/components/SvgIcon'
+import TransactionService from '@/services/transaction'
 
 export default {
   name: 'TransactionConfirm',
@@ -72,9 +80,15 @@ export default {
 
   components: {
     TransactionConfirmDelegateRegistration,
+    TransactionConfirmDelegateResignation,
+    TransactionConfirmIpfs,
+    TransactionConfirmMultiPayment,
+    TransactionConfirmMultiSignature,
     TransactionConfirmSecondSignature,
     TransactionConfirmTransfer,
     TransactionConfirmVote,
+    ...TransactionConfirmBusiness,
+    ...TransactionConfirmBridgechain,
     TransactionDetail,
     SvgIcon
   },
@@ -82,8 +96,7 @@ export default {
   props: {
     transaction: {
       type: Object,
-      required: true,
-      default: () => {}
+      required: true
     },
     wallet: {
       type: Object,
@@ -98,19 +111,41 @@ export default {
   }),
 
   computed: {
+    totalAmount () {
+      const amount = this.currency_toBuilder(this.transaction.fee)
+
+      if (this.transaction.asset && this.transaction.asset.payments) {
+        for (const payment of this.transaction.asset.payments) {
+          amount.add(payment.amount)
+        }
+      } else if (this.transaction.amount) {
+        amount.add(this.transaction.amount)
+      }
+
+      return amount.value
+    },
+
     currentWallet () {
       return this.wallet || this.wallet_fromRoute
     },
     address () {
       return this.currentWallet.address
+    },
+    showSave () {
+      return !TransactionService.isMultiSignature(this.transaction)
     }
   },
 
   mounted () {
-    const component = find(this.$options.components, item => item.transactionType === this.transaction.type)
+    const transactionGroup = this.transaction.typeGroup || TRANSACTION_GROUPS.STANDARD
+    const component = Object.values(this.$options.components).find(component => {
+      const group = component.transactionGroup || TRANSACTION_GROUPS.STANDARD
+
+      return group !== transactionGroup ? false : component.transactionType === this.transaction.type
+    })
 
     if (!component) {
-      throw new Error(`[TransactionConfirm] - Confirm for type ${this.type} not found.`)
+      throw new Error(`[TransactionConfirm] - Confirm for type ${this.transaction.type} (group ${transactionGroup}) not found.`)
     }
 
     this.activeComponent = component.name
@@ -137,7 +172,7 @@ export default {
         const path = await this.electron_writeFile(raw, defaultPath)
         this.$success(this.$t('TRANSACTION.SUCCESS.SAVE_OFFLINE', { path }))
       } catch (e) {
-        this.$error(this.$t('TRANSACTION.ERROR.SAVE_OFFLINE'))
+        this.$error(this.$t('TRANSACTION.ERROR.SAVE_OFFLINE', { error: e.message }))
       }
     }
   }
diff --git a/src/renderer/components/Transaction/TransactionConfirm/TransactionConfirmBridgechain/TransactionConfirmBridgechainRegistration.vue b/src/renderer/components/Transaction/TransactionConfirm/TransactionConfirmBridgechain/TransactionConfirmBridgechainRegistration.vue
new file mode 100644
index 0000000000..513f9c2e4b
--- /dev/null
+++ b/src/renderer/components/Transaction/TransactionConfirm/TransactionConfirmBridgechain/TransactionConfirmBridgechainRegistration.vue
@@ -0,0 +1,102 @@
+<template>
+  <ListDivided
+    class="TransactionConfirmBridgechainRegistration"
+    :is-floating-label="true"
+  >
+    <ListDividedItem
+      class="TransactionConfirmBridgechainRegistration__sender"
+      :label="$t('TRANSACTION.SENDER')"
+    >
+      {{ senderLabel }}
+      <span
+        v-if="senderLabel !== currentWallet.address"
+        class="text-sm text-theme-page-text-light"
+      >
+        {{ currentWallet.address }}
+      </span>
+    </ListDividedItem>
+
+    <ListDividedItem
+      class="TransactionConfirmBridgechainRegistration__name"
+      :label="$t('WALLET_BUSINESS.BRIDGECHAIN.NAME')"
+    >
+      {{ transaction.asset.bridgechainRegistration.name }}
+    </ListDividedItem>
+
+    <ListDividedItem
+      class="TransactionConfirmBridgechainRegistration__genesis-hash"
+      :label="$t('WALLET_BUSINESS.BRIDGECHAIN.GENESIS_HASH')"
+    >
+      <span
+        v-tooltip="{
+          content: transaction.asset.bridgechainRegistration.genesisHash,
+          trigger: 'hover',
+          classes: 'text-xs'
+        }"
+        class="cursor-default"
+      >
+        {{ transaction.asset.bridgechainRegistration.genesisHash | truncateMiddle(10) }}
+      </span>
+    </ListDividedItem>
+
+    <ListDividedItem
+      class="TransactionConfirmBridgechainRegistration__seed-nodes"
+      :label="$t('WALLET_BUSINESS.BRIDGECHAIN.SEED_NODES')"
+    >
+      <div
+        v-for="(seedNode, id) of transaction.asset.bridgechainRegistration.seedNodes"
+        :key="id"
+      >
+        {{ seedNode }}
+      </div>
+    </ListDividedItem>
+
+    <ListDividedItem
+      class="TransactionConfirmBridgechainRegistration__api-port"
+      :label="$t('WALLET_BUSINESS.BRIDGECHAIN.API_PORT')"
+    >
+      {{ apiPort }}
+    </ListDividedItem>
+
+    <ListDividedItem
+      class="TransactionConfirmBridgechainRegistration__bridgechain-repo"
+      :label="$t('WALLET_BUSINESS.BRIDGECHAIN.BRIDGECHAIN_REPOSITORY')"
+    >
+      {{ transaction.asset.bridgechainRegistration.bridgechainRepository }}
+    </ListDividedItem>
+  </ListDivided>
+</template>
+
+<script>
+import { TRANSACTION_GROUPS, TRANSACTION_TYPES } from '@config'
+import { ListDivided, ListDividedItem } from '@/components/ListDivided'
+
+export default {
+  name: 'TransactionConfirmBridgechainRegistration',
+
+  transactionGroup: TRANSACTION_GROUPS.MAGISTRATE,
+
+  transactionType: TRANSACTION_TYPES.GROUP_2.BRIDGECHAIN_REGISTRATION,
+
+  inject: ['currentWallet', 'transaction'],
+
+  components: {
+    ListDivided,
+    ListDividedItem
+  },
+
+  computed: {
+    senderLabel () {
+      return this.wallet_formatAddress(this.currentWallet.address)
+    },
+
+    apiPort () {
+      if (!this.transaction.asset.bridgechainRegistration.ports['@arkecosystem/core-api']) {
+        return '-'
+      }
+
+      return this.transaction.asset.bridgechainRegistration.ports['@arkecosystem/core-api']
+    }
+  }
+}
+</script>
diff --git a/src/renderer/components/Transaction/TransactionConfirm/TransactionConfirmBridgechain/TransactionConfirmBridgechainResignation.vue b/src/renderer/components/Transaction/TransactionConfirm/TransactionConfirmBridgechain/TransactionConfirmBridgechainResignation.vue
new file mode 100644
index 0000000000..5cdf03dfe6
--- /dev/null
+++ b/src/renderer/components/Transaction/TransactionConfirm/TransactionConfirmBridgechain/TransactionConfirmBridgechainResignation.vue
@@ -0,0 +1,45 @@
+<template>
+  <ListDivided
+    class="TransactionConfirmBridgechainResignation"
+    :is-floating-label="true"
+  >
+    <ListDividedItem
+      class="TransactionConfirmBridgechainResignation__sender"
+      :label="$t('TRANSACTION.SENDER')"
+    >
+      {{ senderLabel }}
+      <span
+        v-if="senderLabel !== currentWallet.address"
+        class="text-sm text-theme-page-text-light"
+      >
+        {{ currentWallet.address }}
+      </span>
+    </ListDividedItem>
+  </ListDivided>
+</template>
+
+<script>
+import { TRANSACTION_GROUPS, TRANSACTION_TYPES } from '@config'
+import { ListDivided, ListDividedItem } from '@/components/ListDivided'
+
+export default {
+  name: 'TransactionConfirmBridgechainResignation',
+
+  transactionType: TRANSACTION_TYPES.GROUP_2.BRIDGECHAIN_RESIGNATION,
+
+  transactionGroup: TRANSACTION_GROUPS.MAGISTRATE,
+
+  inject: ['currentWallet'],
+
+  components: {
+    ListDivided,
+    ListDividedItem
+  },
+
+  computed: {
+    senderLabel () {
+      return this.wallet_formatAddress(this.currentWallet.address)
+    }
+  }
+}
+</script>
diff --git a/src/renderer/components/Transaction/TransactionConfirm/TransactionConfirmBridgechain/TransactionConfirmBridgechainUpdate.vue b/src/renderer/components/Transaction/TransactionConfirm/TransactionConfirmBridgechain/TransactionConfirmBridgechainUpdate.vue
new file mode 100644
index 0000000000..adda2bae59
--- /dev/null
+++ b/src/renderer/components/Transaction/TransactionConfirm/TransactionConfirmBridgechain/TransactionConfirmBridgechainUpdate.vue
@@ -0,0 +1,72 @@
+<template>
+  <ListDivided
+    class="TransactionConfirmBridgechainUpdate"
+    :is-floating-label="true"
+  >
+    <ListDividedItem
+      class="TransactionConfirmBridgechainUpdate__sender"
+      :label="$t('TRANSACTION.SENDER')"
+    >
+      {{ senderLabel }}
+      <span
+        v-if="senderLabel !== currentWallet.address"
+        class="text-sm text-theme-page-text-light"
+      >
+        {{ currentWallet.address }}
+      </span>
+    </ListDividedItem>
+
+    <ListDividedItem
+      class="TransactionConfirmBridgechainUpdate__seed-nodes"
+      :label="$t('WALLET_BUSINESS.BRIDGECHAIN.SEED_NODES')"
+    >
+      <div
+        v-for="(seedNode, id) of transaction.asset.bridgechainUpdate.seedNodes"
+        :key="id"
+      >
+        {{ seedNode }}
+      </div>
+    </ListDividedItem>
+
+    <ListDividedItem
+      class="TransactionConfirmBridgechainUpdate__api-port"
+      :label="$t('WALLET_BUSINESS.BRIDGECHAIN.API_PORT')"
+    >
+      {{ apiPort }}
+    </ListDividedItem>
+  </ListDivided>
+</template>
+
+<script>
+import { TRANSACTION_GROUPS, TRANSACTION_TYPES } from '@config'
+import { ListDivided, ListDividedItem } from '@/components/ListDivided'
+
+export default {
+  name: 'TransactionConfirmBridgechainUpdate',
+
+  transactionGroup: TRANSACTION_GROUPS.MAGISTRATE,
+
+  transactionType: TRANSACTION_TYPES.GROUP_2.BRIDGECHAIN_UPDATE,
+
+  inject: ['currentWallet', 'transaction'],
+
+  components: {
+    ListDivided,
+    ListDividedItem
+  },
+
+  computed: {
+    senderLabel () {
+      return this.wallet_formatAddress(this.currentWallet.address)
+    },
+
+    apiPort () {
+      if (!this.transaction.asset.bridgechainUpdate.ports['@arkecosystem/core-api']) {
+        return '-'
+      }
+
+      return this.transaction.asset.bridgechainUpdate.ports['@arkecosystem/core-api']
+    }
+  }
+}
+</script>
diff --git a/src/renderer/components/Transaction/TransactionConfirm/TransactionConfirmBridgechain/index.js b/src/renderer/components/Transaction/TransactionConfirm/TransactionConfirmBridgechain/index.js
new file mode 100644
index 0000000000..ba859bd682
--- /dev/null
+++ b/src/renderer/components/Transaction/TransactionConfirm/TransactionConfirmBridgechain/index.js
@@ -0,0 +1,9 @@
+import TransactionConfirmBridgechainRegistration from './TransactionConfirmBridgechainRegistration'
+import TransactionConfirmBridgechainResignation from './TransactionConfirmBridgechainResignation'
+import TransactionConfirmBridgechainUpdate from './TransactionConfirmBridgechainUpdate'
+
+export default {
+  TransactionConfirmBridgechainRegistration,
+  TransactionConfirmBridgechainResignation,
+  TransactionConfirmBridgechainUpdate
+}
diff --git a/src/renderer/components/Transaction/TransactionConfirm/TransactionConfirmBusiness/TransactionConfirmBusinessRegistration.vue b/src/renderer/components/Transaction/TransactionConfirm/TransactionConfirmBusiness/TransactionConfirmBusinessRegistration.vue
new file mode 100644
index 0000000000..30a4bb52ad
--- /dev/null
+++ b/src/renderer/components/Transaction/TransactionConfirm/TransactionConfirmBusiness/TransactionConfirmBusinessRegistration.vue
@@ -0,0 +1,75 @@
+<template>
+  <ListDivided
+    class="TransactionConfirmBusinessRegistration"
+    :is-floating-label="true"
+  >
+    <ListDividedItem
+      class="TransactionConfirmBusinessRegistration__sender"
+      :label="$t('TRANSACTION.SENDER')"
+    >
+      {{ senderLabel }}
+      <span
+        v-if="senderLabel !== currentWallet.address"
+        class="text-sm text-theme-page-text-light"
+      >
+        {{ currentWallet.address }}
+      </span>
+    </ListDividedItem>
+
+    <ListDividedItem
+      class="TransactionConfirmBusinessRegistration__name"
+      :label="$t('WALLET_BUSINESS.NAME')"
+    >
+      {{ transaction.asset.businessRegistration.name }}
+    </ListDividedItem>
+
+    <ListDividedItem
+      class="TransactionConfirmBusinessRegistration__website"
+      :label="$t('WALLET_BUSINESS.WEBSITE')"
+    >
+      {{ transaction.asset.businessRegistration.website }}
+    </ListDividedItem>
+
+    <ListDividedItem
+      v-if="transaction.asset.businessRegistration.vat"
+      class="TransactionConfirmBusinessRegistration__vat"
+      :label="$t('WALLET_BUSINESS.VAT')"
+    >
+      {{ transaction.asset.businessRegistration.vat }}
+    </ListDividedItem>
+
+    <ListDividedItem
+      v-if="transaction.asset.businessRegistration.repository"
+      class="TransactionConfirmBusinessRegistration__repository"
+      :label="$t('WALLET_BUSINESS.REPOSITORY')"
+    >
+      {{ transaction.asset.businessRegistration.repository }}
+    </ListDividedItem>
+  </ListDivided>
+</template>
+
+<script>
+import { TRANSACTION_GROUPS, TRANSACTION_TYPES } from '@config'
+import { ListDivided, ListDividedItem } from '@/components/ListDivided'
+
+export default {
+  name: 'TransactionConfirmBusinessRegistration',
+
+  transactionGroup: TRANSACTION_GROUPS.MAGISTRATE,
+
+  transactionType: TRANSACTION_TYPES.GROUP_2.BUSINESS_REGISTRATION,
+
+  inject: ['currentWallet', 'transaction'],
+
+  components: {
+    ListDivided,
+    ListDividedItem
+  },
+
+  computed: {
+    senderLabel () {
+      return this.wallet_formatAddress(this.currentWallet.address)
+    }
+  }
+}
+</script>
diff --git a/src/renderer/components/Transaction/TransactionConfirm/TransactionConfirmBusiness/TransactionConfirmBusinessResignation.vue b/src/renderer/components/Transaction/TransactionConfirm/TransactionConfirmBusiness/TransactionConfirmBusinessResignation.vue
new file mode 100644
index 0000000000..48589f7382
--- /dev/null
+++ b/src/renderer/components/Transaction/TransactionConfirm/TransactionConfirmBusiness/TransactionConfirmBusinessResignation.vue
@@ -0,0 +1,45 @@
+<template>
+  <ListDivided
+    class="TransactionConfirmBusinessResignation"
+    :is-floating-label="true"
+  >
+    <ListDividedItem
+      class="TransactionConfirmBusinessResignation__sender"
+      :label="$t('TRANSACTION.SENDER')"
+    >
+      {{ senderLabel }}
+      <span
+        v-if="senderLabel !== currentWallet.address"
+        class="text-sm text-theme-page-text-light"
+      >
+        {{ currentWallet.address }}
+      </span>
+    </ListDividedItem>
+  </ListDivided>
+</template>
+
+<script>
+import { TRANSACTION_GROUPS, TRANSACTION_TYPES } from '@config'
+import { ListDivided, ListDividedItem } from '@/components/ListDivided'
+
+export default {
+  name: 'TransactionConfirmBusinessResignation',
+
+  transactionType: TRANSACTION_TYPES.GROUP_2.BUSINESS_RESIGNATION,
+
+  transactionGroup: TRANSACTION_GROUPS.MAGISTRATE,
+
+  inject: ['currentWallet'],
+
+  components: {
+    ListDivided,
+    ListDividedItem
+  },
+
+  computed: {
+    senderLabel () {
+      return this.wallet_formatAddress(this.currentWallet.address)
+    }
+  }
+}
+</script>
diff --git a/src/renderer/components/Transaction/TransactionConfirm/TransactionConfirmBusiness/TransactionConfirmBusinessUpdate.vue b/src/renderer/components/Transaction/TransactionConfirm/TransactionConfirmBusiness/TransactionConfirmBusinessUpdate.vue
new file mode 100644
index 0000000000..fc509792a7
--- /dev/null
+++ b/src/renderer/components/Transaction/TransactionConfirm/TransactionConfirmBusiness/TransactionConfirmBusinessUpdate.vue
@@ -0,0 +1,75 @@
+<template>
+  <ListDivided
+    class="TransactionConfirmBusinessUpdate"
+    :is-floating-label="true"
+  >
+    <ListDividedItem
+      class="TransactionConfirmBusinessUpdate__sender"
+      :label="$t('TRANSACTION.SENDER')"
+    >
+      {{ senderLabel }}
+      <span
+        v-if="senderLabel !== currentWallet.address"
+        class="text-sm text-theme-page-text-light"
+      >
+        {{ currentWallet.address }}
+      </span>
+    </ListDividedItem>
+
+    <ListDividedItem
+      class="TransactionConfirmBusinessUpdate__name"
+      :label="$t('WALLET_BUSINESS.NAME')"
+    >
+      {{ transaction.asset.businessUpdate.name }}
+    </ListDividedItem>
+
+    <ListDividedItem
+      class="TransactionConfirmBusinessUpdate__website"
+      :label="$t('WALLET_BUSINESS.WEBSITE')"
+    >
+      {{ transaction.asset.businessUpdate.website }}
+    </ListDividedItem>
+
+    <ListDividedItem
+      v-if="transaction.asset.businessUpdate.vat"
+      class="TransactionConfirmBusinessUpdate__vat"
+      :label="$t('WALLET_BUSINESS.VAT')"
+    >
+      {{ transaction.asset.businessUpdate.vat }}
+    </ListDividedItem>
+
+    <ListDividedItem
+      v-if="transaction.asset.businessUpdate.repository"
+      class="TransactionConfirmBusinessUpdate__repository"
+      :label="$t('WALLET_BUSINESS.REPOSITORY')"
+    >
+      {{ transaction.asset.businessUpdate.repository }}
+    </ListDividedItem>
+  </ListDivided>
+</template>
+
+<script>
+import { TRANSACTION_GROUPS, TRANSACTION_TYPES } from '@config'
+import { ListDivided, ListDividedItem } from '@/components/ListDivided'
+
+export default {
+  name: 'TransactionConfirmBusinessUpdate',
+
+  transactionGroup: TRANSACTION_GROUPS.MAGISTRATE,
+
+  transactionType: TRANSACTION_TYPES.GROUP_2.BUSINESS_UPDATE,
+
+  inject: ['currentWallet', 'transaction'],
+
+  components: {
+    ListDivided,
+    ListDividedItem
+  },
+
+  computed: {
+    senderLabel () {
+      return this.wallet_formatAddress(this.currentWallet.address)
+    }
+  }
+}
+</script>
diff --git a/src/renderer/components/Transaction/TransactionConfirm/TransactionConfirmBusiness/index.js b/src/renderer/components/Transaction/TransactionConfirm/TransactionConfirmBusiness/index.js
new file mode 100644
index 0000000000..ca0876b155
--- /dev/null
+++ b/src/renderer/components/Transaction/TransactionConfirm/TransactionConfirmBusiness/index.js
@@ -0,0 +1,9 @@
+import TransactionConfirmBusinessRegistration from './TransactionConfirmBusinessRegistration'
+import TransactionConfirmBusinessResignation from './TransactionConfirmBusinessResignation'
+import TransactionConfirmBusinessUpdate from './TransactionConfirmBusinessUpdate'
+
+export default {
+  TransactionConfirmBusinessRegistration,
+  TransactionConfirmBusinessResignation,
+  TransactionConfirmBusinessUpdate
+}
diff --git a/src/renderer/components/Transaction/TransactionConfirm/TransactionConfirmDelegateRegistration.vue b/src/renderer/components/Transaction/TransactionConfirm/TransactionConfirmDelegateRegistration.vue
index fbb0d2c8dd..e2b088e967 100644
--- a/src/renderer/components/Transaction/TransactionConfirm/TransactionConfirmDelegateRegistration.vue
+++ b/src/renderer/components/Transaction/TransactionConfirm/TransactionConfirmDelegateRegistration.vue
@@ -1,6 +1,12 @@
 <template>
-  <ListDivided :is-floating-label="true">
-    <ListDividedItem :label="$t('TRANSACTION.SENDER')">
+  <ListDivided
+    class="TransactionConfirmDelegateRegistration"
+    :is-floating-label="true"
+  >
+    <ListDividedItem
+      class="TransactionConfirmDelegateRegistration__sender"
+      :label="$t('TRANSACTION.SENDER')"
+    >
       {{ senderLabel }}
       <span
         v-if="senderLabel !== currentWallet.address"
@@ -10,8 +16,11 @@
       </span>
     </ListDividedItem>
 
-    <ListDividedItem :label="$t('WALLET_DELEGATES.USERNAME')">
-      {{ getUsername(transaction) }}
+    <ListDividedItem
+      class="TransactionConfirmDelegateRegistration__username"
+      :label="$t('WALLET_DELEGATES.USERNAME')"
+    >
+      {{ username }}
     </ListDividedItem>
   </ListDivided>
 </template>
@@ -23,7 +32,7 @@ import { ListDivided, ListDividedItem } from '@/components/ListDivided'
 export default {
   name: 'TransactionConfirmDelegateRegistration',
 
-  transactionType: TRANSACTION_TYPES.DELEGATE_REGISTRATION,
+  transactionType: TRANSACTION_TYPES.GROUP_1.DELEGATE_REGISTRATION,
 
   inject: ['currentWallet', 'transaction'],
 
@@ -35,14 +44,13 @@ export default {
   computed: {
     senderLabel () {
       return this.wallet_formatAddress(this.currentWallet.address)
-    }
-  },
+    },
 
-  methods: {
-    getUsername (transaction) {
-      if (transaction.asset && transaction.asset.delegate) {
-        return transaction.asset.delegate.username
+    username () {
+      if (this.transaction.asset && this.transaction.asset.delegate) {
+        return this.transaction.asset.delegate.username
       }
+
       return ''
     }
   }
diff --git a/src/renderer/components/Transaction/TransactionConfirm/TransactionConfirmDelegateResignation.vue b/src/renderer/components/Transaction/TransactionConfirm/TransactionConfirmDelegateResignation.vue
new file mode 100644
index 0000000000..43920f6d89
--- /dev/null
+++ b/src/renderer/components/Transaction/TransactionConfirm/TransactionConfirmDelegateResignation.vue
@@ -0,0 +1,43 @@
+<template>
+  <ListDivided
+    class="TransactionConfirmDelegateResignation"
+    :is-floating-label="true"
+  >
+    <ListDividedItem
+      class="TransactionConfirmDelegateResignation__sender"
+      :label="$t('TRANSACTION.SENDER')"
+    >
+      {{ senderLabel }}
+      <span
+        v-if="senderLabel !== currentWallet.address"
+        class="text-sm text-theme-page-text-light"
+      >
+        {{ currentWallet.address }}
+      </span>
+    </ListDividedItem>
+  </ListDivided>
+</template>
+
+<script>
+import { TRANSACTION_TYPES } from '@config'
+import { ListDivided, ListDividedItem } from '@/components/ListDivided'
+
+export default {
+  name: 'TransactionConfirmDelegateResignation',
+
+  transactionType: TRANSACTION_TYPES.GROUP_1.DELEGATE_RESIGNATION,
+
+  inject: ['currentWallet'],
+
+  components: {
+    ListDivided,
+    ListDividedItem
+  },
+
+  computed: {
+    senderLabel () {
+      return this.wallet_formatAddress(this.currentWallet.address)
+    }
+  }
+}
+</script>
diff --git a/src/renderer/components/Transaction/TransactionConfirm/TransactionConfirmIpfs.vue b/src/renderer/components/Transaction/TransactionConfirm/TransactionConfirmIpfs.vue
new file mode 100644
index 0000000000..219ec3cc4a
--- /dev/null
+++ b/src/renderer/components/Transaction/TransactionConfirm/TransactionConfirmIpfs.vue
@@ -0,0 +1,43 @@
+<template>
+  <ListDivided
+    class="TransactionConfirmIpfs"
+    :is-floating-label="true"
+  >
+    <ListDividedItem
+      class="TransactionConfirmIpfs__sender"
+      :label="$t('TRANSACTION.SENDER')"
+    >
+      {{ senderLabel }}
+      <span
+        v-if="senderLabel !== currentWallet.address"
+        class="text-sm text-theme-page-text-light"
+      >
+        {{ currentWallet.address }}
+      </span>
+    </ListDividedItem>
+  </ListDivided>
+</template>
+
+<script>
+import { TRANSACTION_TYPES } from '@config'
+import { ListDivided, ListDividedItem } from '@/components/ListDivided'
+
+export default {
+  name: 'TransactionConfirmIpfs',
+
+  transactionType: TRANSACTION_TYPES.GROUP_1.IPFS,
+
+  inject: ['currentWallet'],
+
+  components: {
+    ListDivided,
+    ListDividedItem
+  },
+
+  computed: {
+    senderLabel () {
+      return this.wallet_formatAddress(this.currentWallet.address)
+    }
+  }
+}
+</script>
diff --git a/src/renderer/components/Transaction/TransactionConfirm/TransactionConfirmMultiPayment.vue b/src/renderer/components/Transaction/TransactionConfirm/TransactionConfirmMultiPayment.vue
new file mode 100644
index 0000000000..ecfb11bf9a
--- /dev/null
+++ b/src/renderer/components/Transaction/TransactionConfirm/TransactionConfirmMultiPayment.vue
@@ -0,0 +1,68 @@
+<template>
+  <ListDivided
+    class="TransactionConfirmMultiPayment"
+    :is-floating-label="true"
+  >
+    <ListDividedItem
+      class="TransactionConfirmMultiPayment__sender"
+      :label="$t('TRANSACTION.SENDER')"
+    >
+      {{ senderLabel }}
+      <span
+        v-if="senderLabel !== currentWallet.address"
+        class="text-sm text-theme-page-text-light"
+      >
+        {{ currentWallet.address }}
+      </span>
+    </ListDividedItem>
+
+    <ListDividedItem
+      class="TransactionConfirmMultiPayment__recipients"
+      :label="$t('TRANSACTION.RECIPIENTS')"
+      item-value-class="items-center"
+    >
+      <TransactionMultiPaymentList
+        :title="null"
+        :items="payments"
+        readonly
+      />
+    </ListDividedItem>
+  </ListDivided>
+</template>
+
+<script>
+import { TRANSACTION_TYPES } from '@config'
+import { ListDivided, ListDividedItem } from '@/components/ListDivided'
+import TransactionMultiPaymentList from '@/components/Transaction/TransactionMultiPaymentList'
+
+export default {
+  name: 'TransactionConfirmMultiPayment',
+
+  transactionType: TRANSACTION_TYPES.GROUP_1.MULTI_PAYMENT,
+
+  inject: ['currentWallet', 'transaction'],
+
+  components: {
+    ListDivided,
+    ListDividedItem,
+    TransactionMultiPaymentList
+  },
+
+  computed: {
+    senderLabel () {
+      return this.wallet_formatAddress(this.currentWallet.address)
+    },
+
+    payments () {
+      return this.transaction.asset.payments
+    }
+  }
+}
+</script>
+
+<style scoped>
+.TransactionConfirmMultiPayment__recipients {
+  @apply .overflow-y-auto;
+  max-height: 200px;
+}
+</style>
diff --git a/src/renderer/components/Transaction/TransactionConfirm/TransactionConfirmMultiSignature.vue b/src/renderer/components/Transaction/TransactionConfirm/TransactionConfirmMultiSignature.vue
new file mode 100644
index 0000000000..6061d5ddde
--- /dev/null
+++ b/src/renderer/components/Transaction/TransactionConfirm/TransactionConfirmMultiSignature.vue
@@ -0,0 +1,43 @@
+<template>
+  <ListDivided
+    class="TransactionConfirmMultiSignature"
+    :is-floating-label="true"
+  >
+    <ListDividedItem
+      class="TransactionConfirmMultiSignature__sender"
+      :label="$t('TRANSACTION.SENDER')"
+    >
+      {{ senderLabel }}
+      <span
+        v-if="senderLabel !== currentWallet.address"
+        class="text-sm text-theme-page-text-light"
+      >
+        {{ currentWallet.address }}
+      </span>
+    </ListDividedItem>
+  </ListDivided>
+</template>
+
+<script>
+import { TRANSACTION_TYPES } from '@config'
+import { ListDivided, ListDividedItem } from '@/components/ListDivided'
+
+export default {
+  name: 'TransactionConfirmMultiSignature',
+
+  transactionType: TRANSACTION_TYPES.GROUP_1.MULTI_SIGNATURE,
+
+  inject: ['currentWallet'],
+
+  components: {
+    ListDivided,
+    ListDividedItem
+  },
+
+  computed: {
+    senderLabel () {
+      return this.wallet_formatAddress(this.currentWallet.address)
+    }
+  }
+}
+</script>
diff --git a/src/renderer/components/Transaction/TransactionConfirm/TransactionConfirmSecondSignature.vue b/src/renderer/components/Transaction/TransactionConfirm/TransactionConfirmSecondSignature.vue
index fcea35a066..4044f9fefa 100644
--- a/src/renderer/components/Transaction/TransactionConfirm/TransactionConfirmSecondSignature.vue
+++ b/src/renderer/components/Transaction/TransactionConfirm/TransactionConfirmSecondSignature.vue
@@ -1,6 +1,12 @@
 <template>
-  <ListDivided :is-floating-label="true">
-    <ListDividedItem :label="$t('TRANSACTION.SENDER')">
+  <ListDivided
+    class="TransactionConfirmSecondSignature"
+    :is-floating-label="true"
+  >
+    <ListDividedItem
+      class="TransactionConfirmSecondSignature__sender"
+      :label="$t('TRANSACTION.SENDER')"
+    >
       {{ senderLabel }}
       <span
         v-if="senderLabel !== currentWallet.address"
@@ -19,9 +25,9 @@ import { ListDivided, ListDividedItem } from '@/components/ListDivided'
 export default {
   name: 'TransactionConfirmSecondSignature',
 
-  transactionType: TRANSACTION_TYPES.SECOND_SIGNATURE,
+  transactionType: TRANSACTION_TYPES.GROUP_1.SECOND_SIGNATURE,
 
-  inject: ['currentWallet', 'transaction'],
+  inject: ['currentWallet'],
 
   components: {
     ListDivided,
diff --git a/src/renderer/components/Transaction/TransactionConfirm/TransactionConfirmTransfer.vue b/src/renderer/components/Transaction/TransactionConfirm/TransactionConfirmTransfer.vue
index 32fd84ec17..dc8b540c32 100644
--- a/src/renderer/components/Transaction/TransactionConfirm/TransactionConfirmTransfer.vue
+++ b/src/renderer/components/Transaction/TransactionConfirm/TransactionConfirmTransfer.vue
@@ -1,6 +1,12 @@
 <template>
-  <ListDivided :is-floating-label="true">
-    <ListDividedItem :label="$t('TRANSACTION.SENDER')">
+  <ListDivided
+    class="TransactionConfirmTransfer"
+    :is-floating-label="true"
+  >
+    <ListDividedItem
+      class="TransactionConfirmTransfer__sender"
+      :label="$t('TRANSACTION.SENDER')"
+    >
       {{ senderLabel }}
       <span
         v-if="senderLabel !== currentWallet.address"
@@ -10,11 +16,17 @@
       </span>
     </ListDividedItem>
 
-    <ListDividedItem :label="$t('TRANSACTION.AMOUNT')">
+    <ListDividedItem
+      class="TransactionConfirmTransfer__amount"
+      :label="$t('TRANSACTION.AMOUNT')"
+    >
       {{ formatter_networkCurrency(transaction.amount) }}
     </ListDividedItem>
 
-    <ListDividedItem :label="$t('TRANSACTION.RECIPIENT')">
+    <ListDividedItem
+      class="TransactionConfirmTransfer__recipient"
+      :label="$t('TRANSACTION.RECIPIENT')"
+    >
       {{ recipientLabel }}
       <span
         v-if="recipientLabel !== transaction.recipientId"
@@ -26,12 +38,16 @@
 
     <ListDividedItem
       v-if="transaction.vendorField"
+      class="TransactionConfirmTransfer__vendorfield"
       :label="$t('TRANSACTION.VENDOR_FIELD')"
     >
       {{ transaction.vendorField }}
     </ListDividedItem>
 
-    <ListDividedItem :label="$t('TRANSACTION.FEE')">
+    <ListDividedItem
+      class="TransactionConfirmTransfer__fee"
+      :label="$t('TRANSACTION.FEE')"
+    >
       {{ formatter_networkCurrency(transaction.fee) }}
     </ListDividedItem>
   </ListDivided>
@@ -44,7 +60,7 @@ import { ListDivided, ListDividedItem } from '@/components/ListDivided'
 export default {
   name: 'TransactionConfirmTransfer',
 
-  transactionType: TRANSACTION_TYPES.TRANSFER,
+  transactionType: TRANSACTION_TYPES.GROUP_1.TRANSFER,
 
   inject: ['currentWallet', 'transaction'],
 
diff --git a/src/renderer/components/Transaction/TransactionConfirm/TransactionConfirmVote.vue b/src/renderer/components/Transaction/TransactionConfirm/TransactionConfirmVote.vue
index 3641f54e3a..4760c47c0b 100644
--- a/src/renderer/components/Transaction/TransactionConfirm/TransactionConfirmVote.vue
+++ b/src/renderer/components/Transaction/TransactionConfirm/TransactionConfirmVote.vue
@@ -1,6 +1,12 @@
 <template>
-  <ListDivided :is-floating-label="true">
-    <ListDividedItem :label="$t('TRANSACTION.SENDER')">
+  <ListDivided
+    class="TransactionConfirmVote"
+    :is-floating-label="true"
+  >
+    <ListDividedItem
+      class="TransactionConfirmVote__sender"
+      :label="$t('TRANSACTION.SENDER')"
+    >
       {{ senderLabel }}
       <span
         v-if="senderLabel !== currentWallet.address"
@@ -19,9 +25,9 @@ import { ListDivided, ListDividedItem } from '@/components/ListDivided'
 export default {
   name: 'TransactionConfirmVote',
 
-  transactionType: TRANSACTION_TYPES.VOTE,
+  transactionType: TRANSACTION_TYPES.GROUP_1.VOTE,
 
-  inject: ['currentWallet', 'transaction'],
+  inject: ['currentWallet'],
 
   components: {
     ListDivided,
diff --git a/src/renderer/components/Transaction/TransactionConfirm/index.js b/src/renderer/components/Transaction/TransactionConfirm/index.js
index 392297bc9a..782cba03bc 100644
--- a/src/renderer/components/Transaction/TransactionConfirm/index.js
+++ b/src/renderer/components/Transaction/TransactionConfirm/index.js
@@ -1,6 +1,22 @@
 import TransactionConfirm from './TransactionConfirm'
+import TransactionConfirmDelegateRegistration from './TransactionConfirmDelegateRegistration'
+import TransactionConfirmDelegateResignation from './TransactionConfirmDelegateResignation'
+import TransactionConfirmIpfs from './TransactionConfirmIpfs'
+import TransactionConfirmMultiPayment from './TransactionConfirmMultiPayment'
+import TransactionConfirmMultiSignature from './TransactionConfirmMultiSignature'
+import TransactionConfirmSecondSignature from './TransactionConfirmSecondSignature'
+import TransactionConfirmTransfer from './TransactionConfirmTransfer'
+import TransactionConfirmVote from './TransactionConfirmVote'
 
 export default TransactionConfirm
 export {
-  TransactionConfirm
+  TransactionConfirm,
+  TransactionConfirmDelegateRegistration,
+  TransactionConfirmDelegateResignation,
+  TransactionConfirmIpfs,
+  TransactionConfirmMultiPayment,
+  TransactionConfirmMultiSignature,
+  TransactionConfirmSecondSignature,
+  TransactionConfirmTransfer,
+  TransactionConfirmVote
 }
diff --git a/src/renderer/components/Transaction/TransactionForm/TransactionForm.vue b/src/renderer/components/Transaction/TransactionForm/TransactionForm.vue
index 168572513b..e6c4f6cb0f 100644
--- a/src/renderer/components/Transaction/TransactionForm/TransactionForm.vue
+++ b/src/renderer/components/Transaction/TransactionForm/TransactionForm.vue
@@ -9,10 +9,18 @@
 
 <script>
 /* eslint-disable vue/no-unused-components */
+import { TRANSACTION_GROUPS } from '@config'
 import TransactionFormDelegateRegistration from './TransactionFormDelegateRegistration'
+import TransactionFormDelegateResignation from './TransactionFormDelegateResignation'
+import TransactionFormIpfs from './TransactionFormIpfs'
+import TransactionFormMultiPayment from './TransactionFormMultiPayment'
+import TransactionFormMultiSign from './TransactionFormMultiSign'
+import TransactionFormMultiSignature from './TransactionFormMultiSignature'
 import TransactionFormTransfer from './TransactionFormTransfer'
 import TransactionFormVote from './TransactionFormVote'
 import TransactionFormSecondSignature from './TransactionFormSecondSignature'
+import TransactionFormBusiness from './TransactionFormBusiness'
+import TransactionFormBridgechain from './TransactionFormBridgechain'
 import { find } from 'lodash'
 
 export default {
@@ -20,12 +28,25 @@ export default {
 
   components: {
     TransactionFormDelegateRegistration,
+    TransactionFormDelegateResignation,
+    TransactionFormIpfs,
+    TransactionFormMultiPayment,
+    TransactionFormMultiSign,
+    TransactionFormMultiSignature,
     TransactionFormTransfer,
     TransactionFormVote,
-    TransactionFormSecondSignature
+    TransactionFormSecondSignature,
+    ...TransactionFormBusiness,
+    ...TransactionFormBridgechain
   },
 
   props: {
+    group: {
+      type: Number,
+      required: false,
+      default: TRANSACTION_GROUPS.STANDARD
+    },
+
     type: {
       type: Number,
       required: true
@@ -38,10 +59,17 @@ export default {
 
   // TODO: Fetch fees remotely
   mounted () {
-    const component = find(this.$options.components, item => item.transactionType === this.type)
+    const component = find(this.$options.components, component => {
+      const group = component.transactionGroup || TRANSACTION_GROUPS.STANDARD
+      if (group !== this.group) {
+        return false
+      }
+
+      return component.transactionType === this.type
+    })
 
     if (!component) {
-      throw new Error(`[TransactionForm] - Form for type ${this.type} not found.`)
+      throw new Error(`[TransactionForm] - Form for type ${this.type} (group ${this.group}) not found.`)
     }
 
     this.activeComponent = component.name
diff --git a/src/renderer/components/Transaction/TransactionForm/TransactionFormBridgechain/TransactionFormBridgechainRegistration.js b/src/renderer/components/Transaction/TransactionForm/TransactionFormBridgechain/TransactionFormBridgechainRegistration.js
new file mode 100644
index 0000000000..e347826ebc
--- /dev/null
+++ b/src/renderer/components/Transaction/TransactionForm/TransactionFormBridgechain/TransactionFormBridgechainRegistration.js
@@ -0,0 +1,22 @@
+import { TRANSACTION_GROUPS, TRANSACTION_TYPES } from '@config'
+import mixin from './mixin'
+
+export default {
+  name: 'TransactionFormBridgechainRegistration',
+
+  transactionGroup: TRANSACTION_GROUPS.MAGISTRATE,
+
+  transactionType: TRANSACTION_TYPES.GROUP_2.BRIDGECHAIN_REGISTRATION,
+
+  mixins: [mixin],
+
+  methods: {
+    async buildTransaction (transactionData, isAdvancedFee = false, returnObject = false) {
+      return this.$client.buildBridgechainRegistration(transactionData, isAdvancedFee, returnObject)
+    },
+
+    transactionError () {
+      this.$error(this.$t('TRANSACTION.ERROR.VALIDATION.BRIDGECHAIN_REGISTRATION'))
+    }
+  }
+}
diff --git a/src/renderer/components/Transaction/TransactionForm/TransactionFormBridgechain/TransactionFormBridgechainResignation.vue b/src/renderer/components/Transaction/TransactionForm/TransactionFormBridgechain/TransactionFormBridgechainResignation.vue
new file mode 100644
index 0000000000..c4cf6b650a
--- /dev/null
+++ b/src/renderer/components/Transaction/TransactionForm/TransactionFormBridgechain/TransactionFormBridgechainResignation.vue
@@ -0,0 +1,178 @@
+<template>
+  <form
+    class="TransactionFormBridgechainResignation flex flex-col"
+    @submit.prevent
+  >
+    <template v-if="!bridgechain.isResigned">
+      <ListDivided :is-floating-label="true">
+        <ListDividedItem :label="$t('TRANSACTION.SENDER')">
+          {{ senderLabel }}
+          <span
+            v-if="senderLabel !== currentWallet.address"
+            class="text-sm text-theme-page-text-light"
+          >
+            {{ currentWallet.address }}
+          </span>
+        </ListDividedItem>
+
+        <ListDividedItem :label="$t('WALLET_BUSINESS.BRIDGECHAIN.NAME')">
+          {{ bridgechain.name }}
+        </ListDividedItem>
+      </ListDivided>
+
+      <InputFee
+        ref="fee"
+        :currency="walletNetwork.token"
+        :transaction-group="$options.transactionGroup"
+        :transaction-type="$options.transactionType"
+        :show-insufficient-funds="true"
+        class="TransactionFormBridgechainResignation__fee"
+        @input="onFee"
+      />
+
+      <div v-if="!isMultiSignature">
+        <div
+          v-if="currentWallet.isLedger"
+          class="TransactionFormBridgechainResignation__ledger-notice mt-10"
+        >
+          {{ $t('TRANSACTION.LEDGER_SIGN_NOTICE') }}
+        </div>
+
+        <InputPassword
+          v-else-if="currentWallet.passphrase"
+          ref="password"
+          v-model="$v.form.walletPassword.$model"
+          :label="$t('TRANSACTION.PASSWORD')"
+          :is-required="true"
+          class="TransactionFormBridgechainResignation__password mt-4"
+        />
+
+        <PassphraseInput
+          v-else
+          ref="passphrase"
+          v-model="$v.form.passphrase.$model"
+          :address="currentWallet.address"
+          :pub-key-hash="walletNetwork.version"
+          class="TransactionFormBridgechainResignation__passphrase mt-4"
+        />
+      </div>
+
+      <PassphraseInput
+        v-if="currentWallet.secondPublicKey"
+        ref="secondPassphrase"
+        v-model="$v.form.secondPassphrase.$model"
+        :label="$t('TRANSACTION.SECOND_PASSPHRASE')"
+        :pub-key-hash="walletNetwork.version"
+        :public-key="currentWallet.secondPublicKey"
+        class="TransactionFormBridgechainResignation__second-password mt-5"
+      />
+
+      <button
+        :disabled="$v.form.$invalid"
+        class="TransactionFormBridgechainResignation__next blue-button mt-10 ml-0"
+        @click="onSubmit"
+      >
+        {{ $t('COMMON.NEXT') }}
+      </button>
+
+      <ModalLoader
+        ref="modalLoader"
+        :message="$t('ENCRYPTION.DECRYPTING')"
+        :visible="showEncryptLoader"
+      />
+      <ModalLoader
+        :message="$t('TRANSACTION.LEDGER_SIGN_WAIT')"
+        :visible="showLedgerLoader"
+      />
+
+      <Portal to="transaction-footer">
+        <footer class="ModalWindow__container__footer--warning">
+          {{ $t('TRANSACTION.FOOTER_TEXT.BRIDGECHAIN_RESIGNATION') }}
+        </footer>
+      </Portal>
+    </template>
+    <template v-else>
+      {{ $t('WALLET_BUSINESS.BRIDGECHAIN.NOT_REGISTERED') }}
+    </template>
+  </form>
+</template>
+
+<script>
+import { TRANSACTION_GROUPS, TRANSACTION_TYPES } from '@config'
+import { InputFee, InputPassword } from '@/components/Input'
+import { ListDivided, ListDividedItem } from '@/components/ListDivided'
+import { ModalLoader } from '@/components/Modal'
+import { PassphraseInput } from '@/components/Passphrase'
+import mixin from '../mixin'
+
+export default {
+  name: 'TransactionFormBridgechainResignation',
+
+  transactionGroup: TRANSACTION_GROUPS.MAGISTRATE,
+
+  transactionType: TRANSACTION_TYPES.GROUP_2.BRIDGECHAIN_RESIGNATION,
+
+  components: {
+    InputFee,
+    InputPassword,
+    ListDivided,
+    ListDividedItem,
+    ModalLoader,
+    PassphraseInput
+  },
+
+  mixins: [mixin],
+
+  props: {
+    bridgechain: {
+      type: Object,
+      required: true
+    }
+  },
+
+  data: () => ({
+    form: {
+      fee: 0,
+      passphrase: '',
+      walletPassword: ''
+    }
+  }),
+
+  methods: {
+    getTransactionData () {
+      const transactionData = {
+        bridgechainId: this.bridgechain.genesisHash,
+        address: this.currentWallet.address,
+        passphrase: this.form.passphrase,
+        fee: this.getFee(),
+        wif: this.form.wif,
+        networkWif: this.walletNetwork.wif,
+        multiSignature: this.currentWallet.multiSignature
+      }
+
+      if (this.currentWallet.secondPublicKey) {
+        transactionData.secondPassphrase = this.form.secondPassphrase
+      }
+
+      return transactionData
+    },
+
+    async buildTransaction (transactionData, isAdvancedFee = false, returnObject = false) {
+      return this.$client.buildBridgechainResignation(transactionData, isAdvancedFee, returnObject)
+    },
+
+    transactionError () {
+      this.$error(this.$t('TRANSACTION.ERROR.VALIDATION.BRIDGECHAIN_RESIGNATION'))
+    }
+  },
+
+  validations: {
+    form: {
+      fee: mixin.validators.fee,
+      passphrase: mixin.validators.passphrase,
+      walletPassword: mixin.validators.walletPassword,
+      secondPassphrase: mixin.validators.secondPassphrase
+    }
+  }
+}
+</script>
diff --git a/src/renderer/components/Transaction/TransactionForm/TransactionFormBridgechain/TransactionFormBridgechainUpdate.js b/src/renderer/components/Transaction/TransactionForm/TransactionFormBridgechain/TransactionFormBridgechainUpdate.js
new file mode 100644
index 0000000000..cf6ffea575
--- /dev/null
+++ b/src/renderer/components/Transaction/TransactionForm/TransactionFormBridgechain/TransactionFormBridgechainUpdate.js
@@ -0,0 +1,44 @@
+import { TRANSACTION_GROUPS, TRANSACTION_TYPES } from '@config'
+import mixin from './mixin'
+
+export default {
+  name: 'TransactionFormBridgechainUpdate',
+
+  transactionGroup: TRANSACTION_GROUPS.MAGISTRATE,
+
+  transactionType: TRANSACTION_TYPES.GROUP_2.BRIDGECHAIN_UPDATE,
+
+  mixins: [mixin],
+
+  props: {
+    bridgechain: {
+      type: Object,
+      required: true
+    }
+  },
+
+  mounted () {
+    this.form.asset.genesisHash = this.bridgechain.genesisHash
+    this.form.asset.bridgechainRepository = this.bridgechain.bridgechainRepository
+    this.form.asset.bridgechainAssetRepository = this.bridgechain.bridgechainAssetRepository
+
+    this.form.seedNodes = this.bridgechain.seedNodes.map(ip => ({
+      ip,
+      isInvalid: false
+    }))
+
+    if (this.bridgechain.ports['@arkecosystem/core-api']) {
+      this.form.apiPort = this.bridgechain.ports['@arkecosystem/core-api']
+    }
+  },
+
+  methods: {
+    async buildTransaction (transactionData, isAdvancedFee = false, returnObject = false) {
+      return this.$client.buildBridgechainUpdate(transactionData, isAdvancedFee, returnObject)
+    },
+
+    transactionError () {
+      this.$error(this.$t('TRANSACTION.ERROR.VALIDATION.BRIDGECHAIN_UPDATE'))
+    }
+  }
+}
diff --git a/src/renderer/components/Transaction/TransactionForm/TransactionFormBridgechain/index.js b/src/renderer/components/Transaction/TransactionForm/TransactionFormBridgechain/index.js
new file mode 100644
index 0000000000..d854e2c2f3
--- /dev/null
+++ b/src/renderer/components/Transaction/TransactionForm/TransactionFormBridgechain/index.js
@@ -0,0 +1,9 @@
+import TransactionFormBridgechainRegistration from './TransactionFormBridgechainRegistration'
+import TransactionFormBridgechainResignation from './TransactionFormBridgechainResignation'
+import TransactionFormBridgechainUpdate from './TransactionFormBridgechainUpdate'
+
+export default {
+  TransactionFormBridgechainRegistration,
+  TransactionFormBridgechainResignation,
+  TransactionFormBridgechainUpdate
+}
diff --git a/src/renderer/components/Transaction/TransactionForm/TransactionFormBridgechain/mixin.vue b/src/renderer/components/Transaction/TransactionForm/TransactionFormBridgechain/mixin.vue
new file mode 100644
index 0000000000..d2893b5bab
--- /dev/null
+++ b/src/renderer/components/Transaction/TransactionForm/TransactionFormBridgechain/mixin.vue
@@ -0,0 +1,526 @@
+<template>
+  <form
+    class="TransactionFormBridgechain flex flex-col"
+    @submit.prevent
+  >
+    <template>
+      <ListDivided :is-floating-label="true">
+        <ListDividedItem :label="$t('TRANSACTION.SENDER')">
+          {{ senderLabel }}
+          <span
+            v-if="senderLabel !== currentWallet.address"
+            class="text-sm text-theme-page-text-light"
+          >
+            {{ currentWallet.address }}
+          </span>
+        </ListDividedItem>
+      </ListDivided>
+
+      <div v-if="step === 1">
+        <div
+          class="flex"
+        >
+          <InputText
+            ref="seedNode"
+            v-model="$v.seedNode.$model"
+            :helper-text="seedNodeError"
+            :label="$t('TRANSACTION.BRIDGECHAIN.SEED_NODE')"
+            :is-invalid="!!seedNodeError"
+            name="seedNode"
+            class="TransactionFormBridgechain__seed-node mr-4 flex-1"
+          />
+
+          <ButtonGeneric
+            :disabled="seedNodeDisabled"
+            :label="$t('TRANSACTION.BRIDGECHAIN.BUTTON_ADD')"
+            class="TransactionFormBridgechain__add py-1 flex-inline h-8 mt-4 ml-4"
+            @click="addSeedNode"
+          />
+        </div>
+
+        <TransactionPeerList
+          :title="$t('TRANSACTION.BRIDGECHAIN.SEED_NODES')"
+          :items="$v.form.seedNodes.$model"
+          :helper-text="seedNodesError"
+          :is-invalid="!!seedNodesError"
+          class="TransactionFormBridgechain__seed-nodes mt-4"
+          @remove="emitRemoveSeedNode"
+        />
+      </div>
+
+      <div v-if="step === 2">
+        <div v-if="!isUpdate">
+          <InputText
+            v-model="$v.form.asset.name.$model"
+            :helper-text="nameError"
+            :label="$t('TRANSACTION.BRIDGECHAIN.NAME')"
+            :is-invalid="!!nameError"
+            class="TransactionFormBridgechain__name mb-5"
+            name="name"
+          />
+
+          <InputText
+            v-model="$v.form.asset.genesisHash.$model"
+            :helper-text="genesisHashError"
+            :label="$t('TRANSACTION.BRIDGECHAIN.GENESIS_HASH')"
+            :is-invalid="!!genesisHashError"
+            class="TransactionFormBridgechain__genesis-hash mb-5"
+            name="genesisHash"
+          />
+        </div>
+
+        <InputText
+          v-model="$v.form.asset.bridgechainRepository.$model"
+          :helper-text="bridgechainRepositoryError"
+          :label="$t('TRANSACTION.BRIDGECHAIN.BRIDGECHAIN_REPOSITORY')"
+          :is-invalid="!!bridgechainRepositoryError"
+          class="TransactionFormBridgechain__bridgechain-repository mb-5"
+          name="repository"
+        />
+
+        <InputText
+          v-model="$v.form.asset.bridgechainAssetRepository.$model"
+          :helper-text="bridgechainAssetRepositoryError"
+          :label="$t('TRANSACTION.BRIDGECHAIN.BRIDGECHAIN_ASSET_REPOSITORY')"
+          :is-invalid="!!bridgechainAssetRepositoryError"
+          class="TransactionFormBridgechain__bridgechain-asset-repository mb-5"
+          name="repository"
+        />
+
+        <InputText
+          v-model="$v.form.apiPort.$model"
+          :helper-text="apiPortError"
+          :label="$t('TRANSACTION.BRIDGECHAIN.API_PORT')"
+          :is-invalid="!!apiPortError"
+          type="number"
+          class="TransactionFormBridgechain__api-port mb-5"
+          name="apiPort"
+        />
+
+        <InputFee
+          ref="fee"
+          :currency="walletNetwork.token"
+          :transaction-group="$options.transactionGroup"
+          :transaction-type="$options.transactionType"
+          :show-insufficient-funds="true"
+          class="TransactionFormBridgechain__fee"
+          @input="onFee"
+        />
+
+        <div v-if="!isMultiSignature">
+          <div
+            v-if="currentWallet.isLedger"
+            class="TransactionFormBridgechain__ledger-notice mt-10"
+          >
+            {{ $t('TRANSACTION.LEDGER_SIGN_NOTICE') }}
+          </div>
+
+          <InputPassword
+            v-else-if="currentWallet.passphrase"
+            ref="password"
+            v-model="$v.form.walletPassword.$model"
+            :label="$t('TRANSACTION.PASSWORD')"
+            :is-required="true"
+            class="TransactionFormBridgechain__password mt-4"
+          />
+
+          <PassphraseInput
+            v-else
+            ref="passphrase"
+            v-model="$v.form.passphrase.$model"
+            :address="currentWallet.address"
+            :pub-key-hash="walletNetwork.version"
+            class="TransactionFormBridgechain__passphrase mt-4"
+          />
+        </div>
+
+        <PassphraseInput
+          v-if="currentWallet.secondPublicKey"
+          ref="secondPassphrase"
+          v-model="$v.form.secondPassphrase.$model"
+          :label="$t('TRANSACTION.SECOND_PASSPHRASE')"
+          :pub-key-hash="walletNetwork.version"
+          :public-key="currentWallet.secondPublicKey"
+          class="TransactionFormBridgechain__second-passphrase mt-5"
+        />
+      </div>
+
+      <footer class="mt-4 flex justify-between items-center">
+        <div class="self-start">
+          <button
+            :disabled="step === 1"
+            class="TransactionFormBridgechain__prev blue-button"
+            @click="previousStep"
+          >
+            {{ $t('COMMON.PREV') }}
+          </button>
+
+          <button
+            :disabled="!isFormValid"
+            class="TransactionFormBridgechain__next blue-button"
+            @click="nextStep"
+          >
+            {{ $t('COMMON.NEXT') }}
+          </button>
+        </div>
+      </footer>
+
+      <ModalLoader
+        ref="modalLoader"
+        :message="$t('ENCRYPTION.DECRYPTING')"
+        :visible="showEncryptLoader"
+      />
+      <ModalLoader
+        :message="$t('TRANSACTION.LEDGER_SIGN_WAIT')"
+        :visible="showLedgerLoader"
+      />
+      <ModalLoader
+        :message="$t('MODAL_PEER.VALIDATING')"
+        :allow-close="true"
+        :visible="showValidatingModal"
+      />
+    </template>
+  </form>
+</template>
+
+<script type="text/javascript">
+import { ipAddress, maxLength, minLength, numeric, required, url } from 'vuelidate/lib/validators'
+import { ButtonGeneric } from '@/components/Button'
+import { InputFee, InputPassword, InputText } from '@/components/Input'
+import { ListDivided, ListDividedItem } from '@/components/ListDivided'
+import { ModalLoader } from '@/components/Modal'
+import { PassphraseInput } from '@/components/Passphrase'
+import TransactionPeerList from '@/components/Transaction/TransactionPeerList'
+import mixin from '@/components/Transaction/TransactionForm/mixin'
+
+const maxNameLength = 40
+const maxSeedNodes = 10
+const minRepositoryLength = 12
+
+export default {
+  components: {
+    ButtonGeneric,
+    InputFee,
+    InputPassword,
+    InputText,
+    ListDivided,
+    ListDividedItem,
+    ModalLoader,
+    PassphraseInput,
+    TransactionPeerList
+  },
+
+  mixins: [mixin],
+
+  data: () => ({
+    step: 1,
+    seedNode: '',
+    showValidatingModal: false,
+    invalidSeeds: [],
+    form: {
+      fee: 0,
+      passphrase: '',
+      walletPassword: '',
+      apiPort: 4003,
+      seedNodes: [],
+      asset: {
+        name: '',
+        ports: {},
+        genesisHash: '',
+        bridgechainRepository: '',
+        bridgechainAssetRepository: ''
+      }
+    }
+  }),
+
+  computed: {
+    isUpdate () {
+      return !!this.bridgechain
+    },
+
+    isFormValid () {
+      if (this.step === 1) {
+        return !this.$v.form.seedNodes.$invalid
+      }
+
+      return !this.$v.form.$invalid
+    },
+
+    nameError () {
+      if (this.$v.form.asset.name.$dirty && this.$v.form.asset.name.$invalid) {
+        if (!this.$v.form.asset.name.required) {
+          return this.$t('VALIDATION.REQUIRED', [this.$t('TRANSACTION.BRIDGECHAIN.NAME')])
+        } else if (!this.$v.form.asset.name.tooLong) {
+          return this.$t('VALIDATION.TOO_LONG', [this.$t('TRANSACTION.BRIDGECHAIN.NAME')])
+        } else if (!this.$v.form.asset.name.validName) {
+          return this.$t('VALIDATION.NAME_ERROR')
+        }
+      }
+
+      return null
+    },
+
+    seedNodeDisabled () {
+      return !this.$v.seedNode.$model.length || !!this.seedNodeError
+    },
+
+    seedNodeError () {
+      if (this.$v.seedNode.$dirty && this.$v.seedNode.$invalid) {
+        if (!this.$v.seedNode.isValidSeed) {
+          return this.$t('VALIDATION.INVALID_SEED')
+        } else if (!this.$v.seedNode.isUnique) {
+          return this.$t('TRANSACTION.BRIDGECHAIN.ERROR_DUPLICATE')
+        } else if (!this.$v.seedNode.belowMax) {
+          return this.$t('VALIDATION.TOO_MANY', [this.$t('TRANSACTION.BRIDGECHAIN.SEED_NODES')])
+        }
+      }
+
+      return null
+    },
+
+    seedNodesError () {
+      if (this.$v.form.seedNodes.$dirty && this.$v.form.seedNodes.$invalid) {
+        if (!this.$v.form.seedNodes.required) {
+          return this.$t('VALIDATION.REQUIRED', [this.$t('TRANSACTION.BRIDGECHAIN.SEED_NODES')])
+        } else if (!this.$v.form.seedNodes.belowMax) {
+          return this.$t('VALIDATION.TOO_MANY', [this.$t('TRANSACTION.BRIDGECHAIN.SEED_NODES')])
+        }
+      }
+
+      return null
+    },
+
+    genesisHashError () {
+      if (this.$v.form.asset.genesisHash.$dirty && this.$v.form.asset.genesisHash.$invalid) {
+        if (!this.$v.form.asset.genesisHash.isValidHash) {
+          return this.$t('VALIDATION.NOT_VALID', [this.$t('TRANSACTION.BRIDGECHAIN.GENESIS_HASH')])
+        }
+      }
+
+      return null
+    },
+
+    bridgechainRepositoryError () {
+      if (this.$v.form.asset.bridgechainRepository.$dirty && this.$v.form.asset.bridgechainRepository.$invalid) {
+        if (!this.$v.form.asset.bridgechainRepository.url) {
+          return this.$t('VALIDATION.INVALID_URL')
+        } else if (!this.$v.form.asset.bridgechainRepository.tooShort) {
+          return this.$t('VALIDATION.TOO_SHORT', [this.$t('TRANSACTION.BRIDGECHAIN.BRIDGECHAIN_REPOSITORY')])
+        }
+      }
+
+      return null
+    },
+
+    bridgechainAssetRepositoryError () {
+      if (this.$v.form.asset.bridgechainAssetRepository.$dirty && this.$v.form.asset.bridgechainAssetRepository.$invalid) {
+        if (!this.$v.form.asset.bridgechainAssetRepository.url) {
+          return this.$t('VALIDATION.INVALID_URL')
+        }
+      }
+
+      return null
+    },
+
+    apiPortError () {
+      if (this.$v.form.apiPort.$dirty && this.$v.form.apiPort.$invalid) {
+        if (!this.$v.form.apiPort.required) {
+          return this.$t('VALIDATION.REQUIRED', [this.$t('TRANSACTION.BRIDGECHAIN.API_PORT')])
+        } else if (!this.$v.form.apiPort.isNumeric) {
+          return this.$t('VALIDATION.NOT_NUMERIC', [this.$t('TRANSACTION.BRIDGECHAIN.API_PORT')])
+        } else if (!this.$v.form.apiPort.isValidPort) {
+          return this.$t('VALIDATION.INVALID_PORT')
+        }
+      }
+
+      return null
+    }
+  },
+
+  methods: {
+    getTransactionData () {
+      if (this.isUpdate) {
+        this.form.asset.bridgechainId = this.form.asset.genesisHash
+      }
+      this.form.asset.seedNodes = this.form.seedNodes.map(seedNode => seedNode.ip)
+
+      const transactionData = {
+        address: this.currentWallet.address,
+        asset: this.form.asset,
+        passphrase: this.form.passphrase,
+        fee: this.getFee(),
+        wif: this.form.wif,
+        networkWif: this.walletNetwork.wif,
+        multiSignature: this.currentWallet.multiSignature
+      }
+
+      if (this.currentWallet.secondPublicKey) {
+        transactionData.secondPassphrase = this.form.secondPassphrase
+      }
+
+      transactionData.asset.ports['@arkecosystem/core-api'] = parseInt(this.form.apiPort)
+
+      return transactionData
+    },
+
+    previousStep () {
+      if (this.step === 2) {
+        this.step = 1
+      }
+    },
+
+    async nextStep () {
+      if (this.step === 1) {
+        this.step = 2
+
+        this.$v.form.fee.$touch()
+      } else {
+        await this.validateSeeds()
+
+        if (!this.invalidSeeds.length) {
+          this.$v.form.fee.$model = this.$refs.fee.fee
+          this.onSubmit()
+        } else {
+          this.step = 1
+        }
+      }
+    },
+
+    addSeedNode () {
+      if (this.$v.seedNode.$invalid) {
+        return
+      }
+
+      this.form.seedNodes.push({
+        ip: this.seedNode,
+        isInvalid: false
+      })
+
+      this.$refs.seedNode.reset()
+      this.$v.seedNode.$reset()
+    },
+
+    emitRemoveSeedNode (index) {
+      if (!Object.prototype.hasOwnProperty.call(this.$v.form.seedNodes.$model, index)) {
+        return
+      }
+
+      this.$v.form.seedNodes.$model = [
+        ...this.form.seedNodes.slice(0, index),
+        ...this.form.seedNodes.slice(index + 1)
+      ]
+    },
+
+    async validateSeeds () {
+      this.showValidatingModal = true
+
+      const invalidSeeds = []
+      for (const seedNode of this.form.seedNodes) {
+        let isValid = true
+
+        try {
+          const response = await this.$store.dispatch('peer/validatePeer', {
+            ip: seedNode.ip,
+            port: this.form.apiPort,
+            nethash: this.form.asset.genesisHash
+          })
+
+          if (response === false || typeof response === 'string') {
+            isValid = false
+          }
+        } catch (error) {
+          isValid = false
+          this.$logger.error('Could not validate seeds: ', error)
+        }
+
+        if (!isValid) {
+          seedNode.isInvalid = true
+          invalidSeeds.push(seedNode)
+        }
+      }
+
+      this.invalidSeeds = invalidSeeds
+      if (invalidSeeds.length) {
+        this.$error(this.$tc('TRANSACTION.BRIDGECHAIN.INVALID_SEEDS', invalidSeeds.length))
+      }
+
+      this.showValidatingModal = false
+    }
+  },
+
+  validations: {
+    seedNode: {
+      isUnique (value) {
+        return !this.form.seedNodes.find(seedNode => seedNode.ip === value)
+      },
+      isValidSeed (value) {
+        return ipAddress(value)
+      },
+      belowMax (value) {
+        return this.$v.form.seedNodes.$model.length < maxSeedNodes
+      }
+    },
+
+    form: {
+      fee: mixin.validators.fee,
+      passphrase: mixin.validators.passphrase,
+      walletPassword: mixin.validators.walletPassword,
+      secondPassphrase: mixin.validators.secondPassphrase,
+
+      apiPort: {
+        required,
+        isNumeric: numeric,
+
+        isValidPort (value) {
+          return parseInt(value) < 65536
+        }
+      },
+
+      seedNodes: {
+        required,
+        belowMax (value) {
+          return value.length < maxSeedNodes
+        }
+      },
+
+      asset: {
+        name: {
+          required (value) {
+            return this.bridgechain ? true : required(value)
+          },
+          tooLong (value) {
+            return this.bridgechain ? true : maxLength(maxNameLength)(value)
+          },
+          validName (value) {
+            return this.bridgechain ? true : /^[a-zA-Z0-9_-]+$/.test(value)
+          }
+        },
+
+        genesisHash: {
+          isValidHash (value) {
+            return this.bridgechain ? true : /^[a-z0-9]{64}$/.test(value)
+          },
+          required (value) {
+            return this.bridgechain ? true : required(value)
+          }
+        },
+
+        bridgechainRepository: {
+          tooShort (value) {
+            return required(value) && minLength(minRepositoryLength)(value)
+          },
+          url (value) {
+            return url(value)
+          }
+        },
+
+        bridgechainAssetRepository: {
+          url (value) {
+            return url(value)
+          }
+        }
+      }
+    }
+  }
+}
+</script>
diff --git a/src/renderer/components/Transaction/TransactionForm/TransactionFormBusiness/TransactionFormBusinessRegistration.js b/src/renderer/components/Transaction/TransactionForm/TransactionFormBusiness/TransactionFormBusinessRegistration.js
new file mode 100644
index 0000000000..838c78f8cd
--- /dev/null
+++ b/src/renderer/components/Transaction/TransactionForm/TransactionFormBusiness/TransactionFormBusinessRegistration.js
@@ -0,0 +1,22 @@
+import { TRANSACTION_GROUPS, TRANSACTION_TYPES } from '@config'
+import mixin from './mixin'
+
+export default {
+  name: 'TransactionFormBusinessRegistration',
+
+  transactionGroup: TRANSACTION_GROUPS.MAGISTRATE,
+
+  transactionType: TRANSACTION_TYPES.GROUP_2.BUSINESS_REGISTRATION,
+
+  mixins: [mixin],
+
+  methods: {
+    async buildTransaction (transactionData, isAdvancedFee = false, returnObject = false) {
+      return this.$client.buildBusinessRegistration(transactionData, isAdvancedFee, returnObject)
+    },
+
+    transactionError () {
+      this.$error(this.$t('TRANSACTION.ERROR.VALIDATION.BUSINESS_REGISTRATION'))
+    }
+  }
+}
diff --git a/src/renderer/components/Transaction/TransactionForm/TransactionFormBusiness/TransactionFormBusinessResignation.vue b/src/renderer/components/Transaction/TransactionForm/TransactionFormBusiness/TransactionFormBusinessResignation.vue
new file mode 100644
index 0000000000..2193b8179a
--- /dev/null
+++ b/src/renderer/components/Transaction/TransactionForm/TransactionFormBusiness/TransactionFormBusinessResignation.vue
@@ -0,0 +1,177 @@
+<template>
+  <form
+    class="TransactionFormBusinessResignation flex flex-col"
+    @submit.prevent
+  >
+    <template v-if="canResignBusiness">
+      <ListDivided :is-floating-label="true">
+        <ListDividedItem :label="$t('TRANSACTION.SENDER')">
+          {{ senderLabel }}
+          <span
+            v-if="senderLabel !== currentWallet.address"
+            class="text-sm text-theme-page-text-light"
+          >
+            {{ currentWallet.address }}
+          </span>
+        </ListDividedItem>
+
+        <ListDividedItem :label="$t('TRANSACTION.BUSINESS_NAME')">
+          {{ currentWallet.business.name }}
+        </ListDividedItem>
+      </ListDivided>
+
+      <InputFee
+        ref="fee"
+        :currency="walletNetwork.token"
+        :transaction-group="$options.transactionGroup"
+        :transaction-type="$options.transactionType"
+        :show-insufficient-funds="true"
+        class="TransactionFormBusinessResignation__fee"
+        @input="onFee"
+      />
+
+      <div v-if="!isMultiSignature">
+        <div
+          v-if="currentWallet.isLedger"
+          class="TransactionFormBusinessResignation__ledger-notice mt-10"
+        >
+          {{ $t('TRANSACTION.LEDGER_SIGN_NOTICE') }}
+        </div>
+
+        <InputPassword
+          v-else-if="currentWallet.passphrase"
+          ref="password"
+          v-model="$v.form.walletPassword.$model"
+          :label="$t('TRANSACTION.PASSWORD')"
+          :is-required="true"
+          class="TransactionFormBusinessResignation__password mt-4"
+        />
+
+        <PassphraseInput
+          v-else
+          ref="passphrase"
+          v-model="$v.form.passphrase.$model"
+          :address="currentWallet.address"
+          :pub-key-hash="walletNetwork.version"
+          class="TransactionFormBusinessResignation__passphrase mt-4"
+        />
+      </div>
+
+      <PassphraseInput
+        v-if="currentWallet.secondPublicKey"
+        ref="secondPassphrase"
+        v-model="$v.form.secondPassphrase.$model"
+        :label="$t('TRANSACTION.SECOND_PASSPHRASE')"
+        :pub-key-hash="walletNetwork.version"
+        :public-key="currentWallet.secondPublicKey"
+        class="TransactionFormBusinessResignation__second-passphrase mt-5"
+      />
+
+      <button
+        :disabled="$v.form.$invalid"
+        class="TransactionFormBusinessResignation__next blue-button mt-10 ml-0"
+        @click="onSubmit"
+      >
+        {{ $t('COMMON.NEXT') }}
+      </button>
+
+      <ModalLoader
+        ref="modalLoader"
+        :message="$t('ENCRYPTION.DECRYPTING')"
+        :visible="showEncryptLoader"
+      />
+      <ModalLoader
+        :message="$t('TRANSACTION.LEDGER_SIGN_WAIT')"
+        :visible="showLedgerLoader"
+      />
+
+      <Portal to="transaction-footer">
+        <footer class="ModalWindow__container__footer--warning">
+          {{ $t('TRANSACTION.FOOTER_TEXT.BUSINESS_RESIGNATION') }}
+        </footer>
+      </Portal>
+    </template>
+    <template v-else>
+      {{ $t('WALLET_BUSINESS.NOT_REGISTERED') }}
+    </template>
+  </form>
+</template>
+
+<script>
+import { TRANSACTION_GROUPS, TRANSACTION_TYPES } from '@config'
+import { InputFee, InputPassword } from '@/components/Input'
+import { ListDivided, ListDividedItem } from '@/components/ListDivided'
+import { ModalLoader } from '@/components/Modal'
+import { PassphraseInput } from '@/components/Passphrase'
+import WalletService from '@/services/wallet'
+import mixin from '../mixin'
+
+export default {
+  name: 'TransactionFormBusinessResignation',
+
+  transactionGroup: TRANSACTION_GROUPS.MAGISTRATE,
+
+  transactionType: TRANSACTION_TYPES.GROUP_2.BUSINESS_RESIGNATION,
+
+  components: {
+    InputFee,
+    InputPassword,
+    ListDivided,
+    ListDividedItem,
+    ModalLoader,
+    PassphraseInput
+  },
+
+  mixins: [mixin],
+
+  data: () => ({
+    form: {
+      fee: 0,
+      passphrase: '',
+      walletPassword: ''
+    }
+  }),
+
+  computed: {
+    canResignBusiness () {
+      return WalletService.canResignBusiness(this.currentWallet)
+    }
+  },
+
+  methods: {
+    getTransactionData () {
+      const transactionData = {
+        address: this.currentWallet.address,
+        passphrase: this.form.passphrase,
+        fee: this.getFee(),
+        wif: this.form.wif,
+        networkWif: this.walletNetwork.wif,
+        multiSignature: this.currentWallet.multiSignature
+      }
+
+      if (this.currentWallet.secondPublicKey) {
+        transactionData.secondPassphrase = this.form.secondPassphrase
+      }
+
+      return transactionData
+    },
+
+    async buildTransaction (transactionData, isAdvancedFee = false, returnObject = false) {
+      return this.$client.buildBusinessResignation(transactionData, isAdvancedFee, returnObject)
+    },
+
+    transactionError () {
+      this.$error(this.$t('TRANSACTION.ERROR.VALIDATION.BUSINESS_RESIGNATION'))
+    }
+  },
+
+  validations: {
+    form: {
+      fee: mixin.validators.fee,
+      passphrase: mixin.validators.passphrase,
+      walletPassword: mixin.validators.walletPassword,
+      secondPassphrase: mixin.validators.secondPassphrase
+    }
+  }
+}
+</script>
diff --git a/src/renderer/components/Transaction/TransactionForm/TransactionFormBusiness/TransactionFormBusinessUpdate.js b/src/renderer/components/Transaction/TransactionForm/TransactionFormBusiness/TransactionFormBusinessUpdate.js
new file mode 100644
index 0000000000..ec001ca2e6
--- /dev/null
+++ b/src/renderer/components/Transaction/TransactionForm/TransactionFormBusiness/TransactionFormBusinessUpdate.js
@@ -0,0 +1,29 @@
+import { TRANSACTION_GROUPS, TRANSACTION_TYPES } from '@config'
+import mixin from './mixin'
+
+export default {
+  name: 'TransactionFormBusinessUpdate',
+
+  transactionGroup: TRANSACTION_GROUPS.MAGISTRATE,
+
+  transactionType: TRANSACTION_TYPES.GROUP_2.BUSINESS_UPDATE,
+
+  mixins: [mixin],
+
+  mounted () {
+    this.form.asset.name = this.wallet_fromRoute.business.name
+    this.form.asset.website = this.wallet_fromRoute.business.website
+    this.form.asset.vat = this.wallet_fromRoute.business.vat
+    this.form.asset.repository = this.wallet_fromRoute.business.repository
+  },
+
+  methods: {
+    async buildTransaction (transactionData, isAdvancedFee = false, returnObject = false) {
+      return this.$client.buildBusinessUpdate(transactionData, isAdvancedFee, returnObject)
+    },
+
+    transactionError () {
+      this.$error(this.$t('TRANSACTION.ERROR.VALIDATION.BUSINESS_UPDATE'))
+    }
+  }
+}
diff --git a/src/renderer/components/Transaction/TransactionForm/TransactionFormBusiness/index.js b/src/renderer/components/Transaction/TransactionForm/TransactionFormBusiness/index.js
new file mode 100644
index 0000000000..e6a27dd46d
--- /dev/null
+++ b/src/renderer/components/Transaction/TransactionForm/TransactionFormBusiness/index.js
@@ -0,0 +1,9 @@
+import TransactionFormBusinessRegistration from './TransactionFormBusinessRegistration'
+import TransactionFormBusinessResignation from './TransactionFormBusinessResignation'
+import TransactionFormBusinessUpdate from './TransactionFormBusinessUpdate'
+
+export default {
+  TransactionFormBusinessRegistration,
+  TransactionFormBusinessResignation,
+  TransactionFormBusinessUpdate
+}
diff --git a/src/renderer/components/Transaction/TransactionForm/TransactionFormBusiness/mixin.vue b/src/renderer/components/Transaction/TransactionForm/TransactionFormBusiness/mixin.vue
new file mode 100644
index 0000000000..d5f7a07d81
--- /dev/null
+++ b/src/renderer/components/Transaction/TransactionForm/TransactionFormBusiness/mixin.vue
@@ -0,0 +1,281 @@
+<template>
+  <form
+    class="TransactionFormBusiness flex flex-col"
+    @submit.prevent
+  >
+    <template>
+      <ListDivided :is-floating-label="true">
+        <ListDividedItem :label="$t('TRANSACTION.SENDER')">
+          {{ senderLabel }}
+          <span
+            v-if="senderLabel !== currentWallet.address"
+            class="text-sm text-theme-page-text-light"
+          >
+            {{ currentWallet.address }}
+          </span>
+        </ListDividedItem>
+      </ListDivided>
+
+      <InputText
+        v-model="$v.form.asset.name.$model"
+        :helper-text="nameError"
+        :label="nameLabel"
+        :is-invalid="!!nameError"
+        class="TransactionFormBusiness__name mb-5"
+        name="name"
+      />
+
+      <InputText
+        v-model="$v.form.asset.website.$model"
+        :helper-text="websiteError"
+        :label="$t('WALLET_BUSINESS.WEBSITE')"
+        :is-invalid="!!websiteError"
+        class="TransactionFormBusiness__website mb-5"
+        name="website"
+      />
+
+      <InputText
+        v-model="$v.form.asset.vat.$model"
+        :helper-text="vatError"
+        :label="vatLabel"
+        :is-invalid="!!vatError"
+        class="TransactionFormBusiness__vat mb-5"
+        name="vat"
+      />
+
+      <InputText
+        v-model="$v.form.asset.repository.$model"
+        :helper-text="repositoryError"
+        :label="repositoryLabel"
+        :is-invalid="!!repositoryError"
+        class="TransactionFormBusiness__repository mb-5"
+        name="repository"
+      />
+
+      <InputFee
+        ref="fee"
+        :currency="walletNetwork.token"
+        :transaction-group="$options.transactionGroup"
+        :transaction-type="$options.transactionType"
+        :show-insufficient-funds="true"
+        class="TransactionFormBusiness__fee"
+        @input="onFee"
+      />
+
+      <div v-if="!isMultiSignature">
+        <div
+          v-if="currentWallet.isLedger"
+          class="TransactionFormBusiness__ledger-notice mt-10"
+        >
+          {{ $t('TRANSACTION.LEDGER_SIGN_NOTICE') }}
+        </div>
+
+        <InputPassword
+          v-else-if="currentWallet.passphrase"
+          ref="password"
+          v-model="$v.form.walletPassword.$model"
+          :label="$t('TRANSACTION.PASSWORD')"
+          :is-required="true"
+          class="TransactionFormBusiness__password mt-4"
+        />
+
+        <PassphraseInput
+          v-else
+          ref="passphrase"
+          v-model="$v.form.passphrase.$model"
+          :address="currentWallet.address"
+          :pub-key-hash="walletNetwork.version"
+          class="TransactionFormBusiness__passphrase mt-4"
+        />
+      </div>
+
+      <PassphraseInput
+        v-if="currentWallet.secondPublicKey"
+        ref="secondPassphrase"
+        v-model="$v.form.secondPassphrase.$model"
+        :label="$t('TRANSACTION.SECOND_PASSPHRASE')"
+        :pub-key-hash="walletNetwork.version"
+        :public-key="currentWallet.secondPublicKey"
+        class="TransactionFormBusiness__second-passphrase mt-5"
+      />
+
+      <button
+        :disabled="$v.form.$invalid"
+        class="TransactionFormBusiness__next blue-button mt-10 ml-0"
+        @click="onSubmit"
+      >
+        {{ $t('COMMON.NEXT') }}
+      </button>
+
+      <ModalLoader
+        ref="modalLoader"
+        :message="$t('ENCRYPTION.DECRYPTING')"
+        :visible="showEncryptLoader"
+      />
+      <ModalLoader
+        :message="$t('TRANSACTION.LEDGER_SIGN_WAIT')"
+        :visible="showLedgerLoader"
+      />
+    </template>
+  </form>
+</template>
+
+<script type="text/javascript">
+import { maxLength, minLength, required, url } from 'vuelidate/lib/validators'
+import { InputFee, InputPassword, InputText } from '@/components/Input'
+import { ListDivided, ListDividedItem } from '@/components/ListDivided'
+import { ModalLoader } from '@/components/Modal'
+import { PassphraseInput } from '@/components/Passphrase'
+import mixin from '@/components/Transaction/TransactionForm/mixin'
+
+const maxNameLength = 40
+const minVatLength = 8
+const maxVatLength = 15
+const minRepositoryLength = 12
+
+export default {
+  components: {
+    InputFee,
+    InputPassword,
+    InputText,
+    ListDivided,
+    ListDividedItem,
+    ModalLoader,
+    PassphraseInput
+  },
+
+  mixins: [mixin],
+
+  data: () => ({
+    form: {
+      fee: 0,
+      passphrase: '',
+      walletPassword: '',
+      asset: {
+        name: '',
+        website: '',
+        vat: '',
+        repository: ''
+      }
+    }
+  }),
+
+  computed: {
+    nameLabel () {
+      return `${this.$t('WALLET_BUSINESS.NAME')} - ${this.$t('VALIDATION.MAX_LENGTH', [maxNameLength])}`
+    },
+
+    nameError () {
+      if (this.$v.form.asset.name.$dirty && this.$v.form.asset.name.$invalid) {
+        if (!this.$v.form.asset.name.required) {
+          return this.$t('VALIDATION.REQUIRED', [this.$t('WALLET_BUSINESS.NAME')])
+        } else if (!this.$v.form.asset.name.tooLong) {
+          return this.$t('VALIDATION.TOO_LONG', [this.$t('WALLET_BUSINESS.NAME')])
+        } else if (!this.$v.form.asset.name.validName) {
+          return this.$t('VALIDATION.NAME_ERROR')
+        }
+      }
+
+      return null
+    },
+
+    websiteError () {
+      if (this.$v.form.asset.website.$dirty && this.$v.form.asset.website.$invalid) {
+        if (!this.$v.form.asset.website.required) {
+          return this.$t('VALIDATION.REQUIRED', [this.$t('WALLET_BUSINESS.WEBSITE')])
+        } else if (!this.$v.form.asset.website.url) {
+          return this.$t('VALIDATION.INVALID_URL')
+        }
+      }
+
+      return null
+    },
+
+    vatLabel () {
+      return `${this.$t('WALLET_BUSINESS.VAT')} - ${this.$t('VALIDATION.MIN_LENGTH', [minVatLength])} ${this.$t('VALIDATION.MAX_LENGTH', [maxVatLength])}`
+    },
+
+    vatError () {
+      if (this.$v.form.asset.vat.$dirty && this.$v.form.asset.vat.$invalid) {
+        if (!this.$v.form.asset.vat.tooShort) {
+          return this.$t('VALIDATION.TOO_SHORT', [this.$t('WALLET_BUSINESS.VAT')])
+        } else if (!this.$v.form.asset.vat.tooLong) {
+          return this.$t('VALIDATION.TOO_LONG', [this.$t('WALLET_BUSINESS.VAT')])
+        }
+      }
+
+      return null
+    },
+
+    repositoryLabel () {
+      return `${this.$t('WALLET_BUSINESS.REPOSITORY')} - ${this.$t('VALIDATION.MIN_LENGTH', [minRepositoryLength])}`
+    },
+
+    repositoryError () {
+      if (this.$v.form.asset.repository.$dirty && this.$v.form.asset.repository.$invalid) {
+        if (!this.$v.form.asset.repository.url) {
+          return this.$t('VALIDATION.INVALID_URL')
+        } else if (!this.$v.form.asset.repository.tooShort) {
+          return this.$t('VALIDATION.TOO_SHORT', [this.$t('WALLET_BUSINESS.REPOSITORY')])
+        }
+      }
+
+      return null
+    }
+  },
+
+  methods: {
+    getTransactionData () {
+      const transactionData = {
+        address: this.currentWallet.address,
+        asset: this.form.asset,
+        passphrase: this.form.passphrase,
+        fee: this.getFee(),
+        wif: this.form.wif,
+        networkWif: this.walletNetwork.wif,
+        multiSignature: this.currentWallet.multiSignature
+      }
+
+      if (this.currentWallet.secondPublicKey) {
+        transactionData.secondPassphrase = this.form.secondPassphrase
+      }
+
+      return transactionData
+    }
+  },
+
+  validations: {
+    form: {
+      fee: mixin.validators.fee,
+      passphrase: mixin.validators.passphrase,
+      walletPassword: mixin.validators.walletPassword,
+      secondPassphrase: mixin.validators.secondPassphrase,
+
+      asset: {
+        name: {
+          required,
+          tooLong: maxLength(maxNameLength),
+          validName: value => {
+            return /^[a-zA-Z0-9_-]+$/.test(value)
+          }
+        },
+
+        website: {
+          required,
+          url
+        },
+
+        vat: {
+          tooShort: minLength(minVatLength),
+          tooLong: maxLength(maxVatLength)
+        },
+
+        repository: {
+          tooShort: minLength(minRepositoryLength),
+          url
+        }
+      }
+    }
+  }
+}
+</script>
diff --git a/src/renderer/components/Transaction/TransactionForm/TransactionFormDelegateRegistration.vue b/src/renderer/components/Transaction/TransactionForm/TransactionFormDelegateRegistration.vue
index 0a366d1a0c..1134648e8b 100644
--- a/src/renderer/components/Transaction/TransactionForm/TransactionFormDelegateRegistration.vue
+++ b/src/renderer/components/Transaction/TransactionForm/TransactionFormDelegateRegistration.vue
@@ -21,7 +21,7 @@
         :helper-text="usernameError"
         :label="$t('WALLET_DELEGATES.USERNAME')"
         :is-invalid="!!usernameError"
-        class="mb-5"
+        class="TransactionFormDelegateRegistration__username mb-5"
         name="username"
       />
 
@@ -30,29 +30,36 @@
         :currency="walletNetwork.token"
         :transaction-type="$options.transactionType"
         :show-insufficient-funds="true"
+        class="TransactionFormDelegateRegistration__fee"
         @input="onFee"
       />
 
-      <div
-        v-if="currentWallet.isLedger"
-        class="mt-10"
-      >
-        {{ $t('TRANSACTION.LEDGER_SIGN_NOTICE') }}
+      <div v-if="!isMultiSignature">
+        <div
+          v-if="currentWallet.isLedger"
+          class="TransactionFormDelegateRegistration__ledger-notice mt-10"
+        >
+          {{ $t('TRANSACTION.LEDGER_SIGN_NOTICE') }}
+        </div>
+
+        <InputPassword
+          v-else-if="currentWallet.passphrase"
+          ref="password"
+          v-model="$v.form.walletPassword.$model"
+          :label="$t('TRANSACTION.PASSWORD')"
+          :is-required="true"
+          class="TransactionFormDelegateRegistration__password mt-4"
+        />
+
+        <PassphraseInput
+          v-else
+          ref="passphrase"
+          v-model="$v.form.passphrase.$model"
+          :address="currentWallet.address"
+          :pub-key-hash="walletNetwork.version"
+          class="TransactionFormDelegateRegistration__passphrase mt-4"
+        />
       </div>
-      <InputPassword
-        v-else-if="currentWallet.passphrase"
-        ref="password"
-        v-model="$v.form.walletPassword.$model"
-        :label="$t('TRANSACTION.PASSWORD')"
-        :is-required="true"
-      />
-      <PassphraseInput
-        v-else
-        ref="passphrase"
-        v-model="$v.form.passphrase.$model"
-        :address="currentWallet.address"
-        :pub-key-hash="walletNetwork.version"
-      />
 
       <PassphraseInput
         v-if="currentWallet.secondPublicKey"
@@ -61,12 +68,12 @@
         :label="$t('TRANSACTION.SECOND_PASSPHRASE')"
         :pub-key-hash="walletNetwork.version"
         :public-key="currentWallet.secondPublicKey"
-        class="mt-5"
+        class="TransactionFormDelegateRegistration__second-passphrase mt-5"
       />
 
       <button
         :disabled="$v.form.$invalid"
-        class="blue-button mt-10 ml-0"
+        class="TransactionFormDelegateRegistration__next blue-button mt-10 ml-0"
         @click="onSubmit"
       >
         {{ $t('COMMON.NEXT') }}
@@ -106,7 +113,7 @@ import mixin from './mixin'
 export default {
   name: 'TransactionFormDelegateRegistration',
 
-  transactionType: TRANSACTION_TYPES.DELEGATE_REGISTRATION,
+  transactionType: TRANSACTION_TYPES.GROUP_1.DELEGATE_REGISTRATION,
 
   components: {
     InputFee,
@@ -155,7 +162,8 @@ export default {
         passphrase: this.form.passphrase,
         fee: this.getFee(),
         wif: this.form.wif,
-        networkWif: this.walletNetwork.wif
+        networkWif: this.walletNetwork.wif,
+        multiSignature: this.currentWallet.multiSignature
       }
 
       if (this.currentWallet.secondPublicKey) {
@@ -167,6 +175,10 @@ export default {
 
     async buildTransaction (transactionData, isAdvancedFee = false, returnObject = false) {
       return this.$client.buildDelegateRegistration(transactionData, isAdvancedFee, returnObject)
+    },
+
+    transactionError () {
+      this.$error(this.$t('TRANSACTION.ERROR.VALIDATION.DELEGATE_REGISTRATION'))
     }
   },
 
diff --git a/src/renderer/components/Transaction/TransactionForm/TransactionFormDelegateResignation.vue b/src/renderer/components/Transaction/TransactionForm/TransactionFormDelegateResignation.vue
new file mode 100644
index 0000000000..3c95ae2dfc
--- /dev/null
+++ b/src/renderer/components/Transaction/TransactionForm/TransactionFormDelegateResignation.vue
@@ -0,0 +1,187 @@
+<template>
+  <form
+    class="TransactionFormDelegateResignation flex flex-col"
+    @submit.prevent
+  >
+    <template v-if="canResign">
+      <ListDivided :is-floating-label="true">
+        <ListDividedItem :label="$t('TRANSACTION.SENDER')">
+          {{ senderLabel }}
+          <span
+            v-if="senderLabel !== currentWallet.address"
+            class="text-sm text-theme-page-text-light"
+          >
+            {{ currentWallet.address }}
+          </span>
+        </ListDividedItem>
+
+        <ListDividedItem :label="$t('TRANSACTION.USERNAME')">
+          {{ username }}
+        </ListDividedItem>
+      </ListDivided>
+
+      <InputFee
+        ref="fee"
+        :currency="walletNetwork.token"
+        :transaction-type="$options.transactionType"
+        :show-insufficient-funds="true"
+        class="TransactionFormDelegateResignation__fee"
+        @input="onFee"
+      />
+
+      <div v-if="!isMultiSignature">
+        <div
+          v-if="currentWallet.isLedger"
+          class="TransactionFormDelegateResignation__ledger-notice mt-10"
+        >
+          {{ $t('TRANSACTION.LEDGER_SIGN_NOTICE') }}
+        </div>
+
+        <InputPassword
+          v-else-if="currentWallet.passphrase"
+          ref="password"
+          v-model="$v.form.walletPassword.$model"
+          :label="$t('TRANSACTION.PASSWORD')"
+          :is-required="true"
+          class="TransactionFormDelegateResignation__password mt-4"
+        />
+
+        <PassphraseInput
+          v-else
+          ref="passphrase"
+          v-model="$v.form.passphrase.$model"
+          :address="currentWallet.address"
+          :pub-key-hash="walletNetwork.version"
+          class="TransactionFormDelegateResignation__passphrase mt-4"
+        />
+      </div>
+
+      <PassphraseInput
+        v-if="currentWallet.secondPublicKey"
+        ref="secondPassphrase"
+        v-model="$v.form.secondPassphrase.$model"
+        :label="$t('TRANSACTION.SECOND_PASSPHRASE')"
+        :pub-key-hash="walletNetwork.version"
+        :public-key="currentWallet.secondPublicKey"
+        class="TransactionFormDelegateResignation__second-passphrase mt-5"
+      />
+
+      <button
+        :disabled="$v.form.$invalid"
+        class="TransactionFormDelegateResignation__next blue-button mt-10 ml-0"
+        @click="onSubmit"
+      >
+        {{ $t('COMMON.NEXT') }}
+      </button>
+
+      <ModalLoader
+        ref="modalLoader"
+        :message="$t('ENCRYPTION.DECRYPTING')"
+        :visible="showEncryptLoader"
+      />
+      <ModalLoader
+        :message="$t('TRANSACTION.LEDGER_SIGN_WAIT')"
+        :visible="showLedgerLoader"
+      />
+
+      <Portal to="transaction-footer">
+        <footer class="ModalWindow__container__footer--warning">
+          {{ $t('TRANSACTION.FOOTER_TEXT.DELEGATE_RESIGNATION') }}
+        </footer>
+      </Portal>
+    </template>
+    <template v-else>
+      {{ $t('WALLET_DELEGATES.NOT_REGISTERED') }}
+    </template>
+  </form>
+</template>
+
+<script>
+import { TRANSACTION_TYPES } from '@config'
+import { InputFee, InputPassword } from '@/components/Input'
+import { ListDivided, ListDividedItem } from '@/components/ListDivided'
+import { ModalLoader } from '@/components/Modal'
+import { PassphraseInput } from '@/components/Passphrase'
+import mixin from './mixin'
+
+export default {
+  name: 'TransactionFormDelegateResignation',
+
+  transactionType: TRANSACTION_TYPES.GROUP_1.DELEGATE_RESIGNATION,
+
+  components: {
+    InputFee,
+    InputPassword,
+    ListDivided,
+    ListDividedItem,
+    ModalLoader,
+    PassphraseInput
+  },
+
+  mixins: [mixin],
+
+  data: () => ({
+    form: {
+      fee: 0,
+      passphrase: '',
+      walletPassword: ''
+    }
+  }),
+
+  computed: {
+    canResign () {
+      if (this.username === null) {
+        return false
+      }
+
+      return this.currentWallet.isDelegate
+    },
+
+    username () {
+      const delegate = this.$store.getters['delegate/byAddress'](this.currentWallet.address)
+
+      if (!delegate || !delegate.username) {
+        return null
+      }
+
+      return this.$store.getters['delegate/byAddress'](this.currentWallet.address).username
+    }
+  },
+
+  methods: {
+    getTransactionData () {
+      const transactionData = {
+        address: this.currentWallet.address,
+        passphrase: this.form.passphrase,
+        fee: this.getFee(),
+        wif: this.form.wif,
+        networkWif: this.walletNetwork.wif,
+        multiSignature: this.currentWallet.multiSignature
+      }
+
+      if (this.currentWallet.secondPublicKey) {
+        transactionData.secondPassphrase = this.form.secondPassphrase
+      }
+
+      return transactionData
+    },
+
+    async buildTransaction (transactionData, isAdvancedFee = false, returnObject = false) {
+      return this.$client.buildDelegateResignation(transactionData, isAdvancedFee, returnObject)
+    },
+
+    transactionError () {
+      this.$error(this.$t('TRANSACTION.ERROR.VALIDATION.DELEGATE_RESIGNATION'))
+    }
+  },
+
+  validations: {
+    form: {
+      fee: mixin.validators.fee,
+      passphrase: mixin.validators.passphrase,
+      walletPassword: mixin.validators.walletPassword,
+      secondPassphrase: mixin.validators.secondPassphrase
+    }
+  }
+}
+</script>
diff --git a/src/renderer/components/Transaction/TransactionForm/TransactionFormIpfs.vue b/src/renderer/components/Transaction/TransactionForm/TransactionFormIpfs.vue
new file mode 100644
index 0000000000..2b98951bb7
--- /dev/null
+++ b/src/renderer/components/Transaction/TransactionForm/TransactionFormIpfs.vue
@@ -0,0 +1,182 @@
+<template>
+  <form
+    class="TransactionFormIpfs flex flex-col"
+    @submit.prevent
+  >
+    <template>
+      <ListDivided :is-floating-label="true">
+        <ListDividedItem :label="$t('TRANSACTION.SENDER')">
+          {{ senderLabel }}
+          <span
+            v-if="senderLabel !== currentWallet.address"
+            class="text-sm text-theme-page-text-light"
+          >
+            {{ currentWallet.address }}
+          </span>
+        </ListDividedItem>
+      </ListDivided>
+
+      <InputText
+        v-model="$v.form.hash.$model"
+        :helper-text="hashError"
+        :label="$t('WALLET_IPFS.HASH')"
+        :is-invalid="!!hashError"
+        class="TransactionFormIpfs__hash mb-5"
+        name="hash"
+      />
+
+      <InputFee
+        ref="fee"
+        :currency="walletNetwork.token"
+        :transaction-type="$options.transactionType"
+        :show-insufficient-funds="true"
+        class="TransactionFormIpfs__fee"
+        @input="onFee"
+      />
+
+      <div v-if="!isMultiSignature">
+        <div
+          v-if="currentWallet.isLedger"
+          class="TransactionFormIpfs__ledger-notice mt-10"
+        >
+          {{ $t('TRANSACTION.LEDGER_SIGN_NOTICE') }}
+        </div>
+
+        <InputPassword
+          v-else-if="currentWallet.passphrase"
+          ref="password"
+          v-model="$v.form.walletPassword.$model"
+          :label="$t('TRANSACTION.PASSWORD')"
+          :is-required="true"
+          class="TransactionFormIpfs__password mt-4"
+        />
+
+        <PassphraseInput
+          v-else
+          ref="passphrase"
+          v-model="$v.form.passphrase.$model"
+          :address="currentWallet.address"
+          :pub-key-hash="walletNetwork.version"
+          class="TransactionFormIpfs__passphrase mt-4"
+        />
+      </div>
+
+      <PassphraseInput
+        v-if="currentWallet.secondPublicKey"
+        ref="secondPassphrase"
+        v-model="$v.form.secondPassphrase.$model"
+        :label="$t('TRANSACTION.SECOND_PASSPHRASE')"
+        :pub-key-hash="walletNetwork.version"
+        :public-key="currentWallet.secondPublicKey"
+        class="TransactionFormIpfs__second-passphrase mt-5"
+      />
+
+      <button
+        :disabled="$v.form.$invalid"
+        class="TransactionFormIpfs__next blue-button mt-10 ml-0"
+        @click="onSubmit"
+      >
+        {{ $t('COMMON.NEXT') }}
+      </button>
+
+      <ModalLoader
+        ref="modalLoader"
+        :message="$t('ENCRYPTION.DECRYPTING')"
+        :visible="showEncryptLoader"
+      />
+      <ModalLoader
+        :message="$t('TRANSACTION.LEDGER_SIGN_WAIT')"
+        :visible="showLedgerLoader"
+      />
+    </template>
+  </form>
+</template>
+
+<script>
+import { TRANSACTION_TYPES } from '@config'
+import { InputFee, InputPassword, InputText } from '@/components/Input'
+import { ListDivided, ListDividedItem } from '@/components/ListDivided'
+import { ModalLoader } from '@/components/Modal'
+import { PassphraseInput } from '@/components/Passphrase'
+import mixin from './mixin'
+
+export default {
+  name: 'TransactionFormIpfs',
+
+  transactionType: TRANSACTION_TYPES.GROUP_1.IPFS,
+
+  components: {
+    InputFee,
+    InputPassword,
+    InputText,
+    ListDivided,
+    ListDividedItem,
+    ModalLoader,
+    PassphraseInput
+  },
+
+  mixins: [mixin],
+
+  data: () => ({
+    form: {
+      fee: 0,
+      hash: '',
+      passphrase: '',
+      walletPassword: ''
+    }
+  }),
+
+  computed: {
+    hashError () {
+      if (this.$v.form.hash.$dirty && !this.$v.form.hash.isValid) {
+        return this.$t('WALLET_IPFS.HASH_ERROR')
+      }
+
+      return null
+    }
+  },
+
+  methods: {
+    getTransactionData () {
+      const transactionData = {
+        address: this.currentWallet.address,
+        hash: this.form.hash,
+        passphrase: this.form.passphrase,
+        fee: this.getFee(),
+        wif: this.form.wif,
+        networkWif: this.walletNetwork.wif,
+        multiSignature: this.currentWallet.multiSignature
+      }
+
+      if (this.currentWallet.secondPublicKey) {
+        transactionData.secondPassphrase = this.form.secondPassphrase
+      }
+
+      return transactionData
+    },
+
+    async buildTransaction (transactionData, isAdvancedFee = false, returnObject = false) {
+      return this.$client.buildIpfs(transactionData, isAdvancedFee, returnObject)
+    },
+
+    transactionError () {
+      this.$error(this.$t('TRANSACTION.ERROR.VALIDATION.IPFS'))
+    }
+  },
+
+  validations: {
+    form: {
+      fee: mixin.validators.fee,
+      passphrase: mixin.validators.passphrase,
+      walletPassword: mixin.validators.walletPassword,
+      secondPassphrase: mixin.validators.secondPassphrase,
+
+      hash: {
+        isValid (value) {
+          return /^Qm/.test(value) && value.length >= 2 && value.length <= 90
+        }
+      }
+    }
+  }
+}
+</script>
diff --git a/src/renderer/components/Transaction/TransactionForm/TransactionFormMultiPayment.vue b/src/renderer/components/Transaction/TransactionForm/TransactionFormMultiPayment.vue
new file mode 100644
index 0000000000..ba54f933d0
--- /dev/null
+++ b/src/renderer/components/Transaction/TransactionForm/TransactionFormMultiPayment.vue
@@ -0,0 +1,437 @@
+<template>
+  <form
+    class="TransactionFormMultiPayment flex flex-col"
+    @submit.prevent
+  >
+    <ListDivided
+      v-if="senderLabel"
+      :is-floating-label="true"
+    >
+      <ListDividedItem :label="$t('TRANSACTION.SENDER')">
+        {{ senderLabel }}
+        <span
+          v-if="senderLabel !== currentWallet.address"
+          class="text-sm text-theme-page-text-light"
+        >
+          {{ currentWallet.address }}
+        </span>
+      </ListDividedItem>
+    </ListDivided>
+
+    <div
+      v-if="step === 1"
+    >
+      <InputAddress
+        ref="recipient"
+        v-model="$v.recipientId.$model"
+        :label="$t('TRANSACTION.RECIPIENT')"
+        :pub-key-hash="walletNetwork.version"
+        :show-suggestions="true"
+        :is-disabled="!currentWallet"
+        :warning-text="recipientWarning"
+        name="recipientId"
+        class="TransactionFormMultiPayment__recipient mb-5 mr-4 flex-1"
+      />
+
+      <div
+        class="flex"
+      >
+        <InputCurrency
+          ref="amount"
+          v-model="$v.amount.$model"
+          :alternative-currency="alternativeCurrency"
+          :currency="walletNetwork.token"
+          :is-invalid="$v.amount.$dirty && $v.amount.$invalid"
+          :label="$t('TRANSACTION.AMOUNT')"
+          :minimum-error="amountTooLowError"
+          :minimum-amount="minimumAmount"
+          :maximum-amount="maximumAvailableAmount"
+          :maximum-error="notEnoughBalanceError"
+          :required="true"
+          :is-disabled="!currentWallet"
+          :wallet-network="walletNetwork"
+          class="TransactionFormMultiPayment__amount flex-1"
+        />
+
+        <ButtonGeneric
+          :disabled="!validStep1"
+          :label="$t('TRANSACTION.MULTI_PAYMENT.BUTTON_ADD')"
+          class="TransactionFormMultiPayment__add py-1 flex-inline h-8 mt-4 ml-4"
+          @click="addRecipient"
+        />
+      </div>
+
+      <TransactionMultiPaymentList
+        :items="$v.form.recipients.$model"
+        :required="true"
+        class="TransactionModalMultiPayment__recipients mt-4"
+        @remove="emitRemoveRecipient"
+      />
+    </div>
+
+    <div v-if="step === 2">
+      <InputText
+        ref="vendorField"
+        v-model="$v.form.vendorField.$model"
+        :label="vendorFieldLabel"
+        :bip39-warning="true"
+        :helper-text="vendorFieldHelperText"
+        :maxlength="vendorFieldMaxLength"
+        name="vendorField"
+        class="TransactionFormMultiPayment__vendorfield mb-5"
+      />
+
+      <InputFee
+        ref="fee"
+        :currency="walletNetwork.token"
+        :transaction-type="$options.transactionType"
+        :is-disabled="!currentWallet"
+        :wallet="currentWallet"
+        :wallet-network="walletNetwork"
+        class="TransactionFormMultiPayment__fee"
+        @input="onFee"
+      />
+
+      <div v-if="!isMultiSignature">
+        <div
+          v-if="currentWallet.isLedger"
+          class="TransactionFormMultiPayment__ledger-notice mt-10"
+        >
+          {{ $t('TRANSACTION.LEDGER_SIGN_NOTICE') }}
+        </div>
+
+        <InputPassword
+          v-else-if="currentWallet.passphrase"
+          ref="password"
+          v-model="$v.form.walletPassword.$model"
+          :label="$t('TRANSACTION.PASSWORD')"
+          :is-required="true"
+          class="TransactionFormMultiPayment__password mt-4"
+        />
+
+        <PassphraseInput
+          v-else
+          ref="passphrase"
+          v-model="$v.form.passphrase.$model"
+          :address="currentWallet.address"
+          :pub-key-hash="walletNetwork.version"
+          :is-disabled="!currentWallet"
+          class="TransactionFormMultiPayment__passphrase mt-4"
+        />
+      </div>
+
+      <PassphraseInput
+        v-if="currentWallet.secondPublicKey"
+        ref="secondPassphrase"
+        v-model="$v.form.secondPassphrase.$model"
+        :label="$t('TRANSACTION.SECOND_PASSPHRASE')"
+        :pub-key-hash="walletNetwork.version"
+        :public-key="currentWallet.secondPublicKey"
+        class="TransactionFormMultiPayment__second-passphrase mt-5"
+      />
+    </div>
+
+    <footer class="mt-4 flex justify-between items-center">
+      <div class="self-start">
+        <button
+          :disabled="step === 1"
+          class="TransactionFormMultiPayment__prev blue-button"
+          @click="previousStep"
+        >
+          {{ $t('COMMON.PREV') }}
+        </button>
+
+        <button
+          :disabled="!isFormValid"
+          class="TransactionFormMultiPayment__next blue-button"
+          @click="nextStep"
+        >
+          {{ $t('COMMON.NEXT') }}
+        </button>
+      </div>
+    </footer>
+
+    <ModalLoader
+      :message="$t('ENCRYPTION.DECRYPTING')"
+      :visible="showEncryptLoader"
+    />
+    <ModalLoader
+      :message="$t('TRANSACTION.LEDGER_SIGN_WAIT')"
+      :visible="showLedgerLoader"
+    />
+  </form>
+</template>
+
+<script>
+import { required } from 'vuelidate/lib/validators'
+import { TRANSACTION_TYPES, VENDOR_FIELD } from '@config'
+import { ButtonGeneric } from '@/components/Button'
+import { InputAddress, InputCurrency, InputPassword, InputText, InputFee } from '@/components/Input'
+import { ListDivided, ListDividedItem } from '@/components/ListDivided'
+import { ModalLoader } from '@/components/Modal'
+import { PassphraseInput } from '@/components/Passphrase'
+import TransactionMultiPaymentList from '@/components/Transaction/TransactionMultiPaymentList'
+import mixin from './mixin'
+
+export default {
+  name: 'TransactionFormMultiPayment',
+
+  transactionType: TRANSACTION_TYPES.GROUP_1.MULTI_PAYMENT,
+
+  components: {
+    ButtonGeneric,
+    InputAddress,
+    InputCurrency,
+    InputPassword,
+    InputText,
+    InputFee,
+    ListDivided,
+    ListDividedItem,
+    ModalLoader,
+    PassphraseInput,
+    TransactionMultiPaymentList
+  },
+
+  mixins: [mixin],
+
+  data: vm => ({
+    step: 1,
+    amount: '',
+    recipientId: '',
+    form: {
+      recipients: [],
+      fee: 0,
+      passphrase: '',
+      walletPassword: '',
+      vendorField: ''
+    }
+  }),
+
+  computed: {
+    alternativeCurrency () {
+      return this.$store.getters['session/currency']
+    },
+
+    validStep1 () {
+      if (!this.$v.recipientId.$dirty || this.$v.recipientId.$invalid) {
+        return false
+      }
+
+      if (!this.$v.amount.$dirty || this.$v.amount.$invalid) {
+        return false
+      }
+
+      return true
+    },
+
+    isFormValid () {
+      if (this.step === 1) {
+        return !this.$v.form.recipients.$invalid
+      }
+
+      return !this.$v.form.$invalid
+    },
+
+    // Customize the message to display the minimum amount as subunit
+    amountTooLowError () {
+      const { fractionDigits } = this.walletNetwork
+      const minimumAmount = Math.pow(10, -fractionDigits)
+
+      return this.$t('INPUT_CURRENCY.ERROR.LESS_THAN_MINIMUM', {
+        amount: this.currency_simpleFormatCrypto(minimumAmount.toFixed(fractionDigits))
+      })
+    },
+
+    notEnoughBalanceError () {
+      return this.$t('TRANSACTION_FORM.ERROR.NOT_ENOUGH_BALANCE', {
+        balance: this.formatter_networkCurrency(this.currentWallet.balance)
+      })
+    },
+
+    minimumAmount () {
+      return this.currency_subToUnit(1)
+    },
+
+    maximumAvailableAmount () {
+      let availableAmount = this.currency_subToUnit(this.currentWallet.balance).minus(this.form.fee)
+
+      for (const recipient of this.form.recipients) {
+        availableAmount = availableAmount.minus(this.currency_subToUnit(recipient.amount))
+      }
+
+      return availableAmount
+    },
+
+    vendorFieldLabel () {
+      return `${this.$t('TRANSACTION.VENDOR_FIELD')} - ${this.$t('VALIDATION.MAX_LENGTH', [this.vendorFieldMaxLength])}`
+    },
+
+    vendorFieldHelperText () {
+      const vendorFieldLength = this.form.vendorField.length
+
+      if (vendorFieldLength === this.vendorFieldMaxLength) {
+        return this.$t('VALIDATION.VENDOR_FIELD.LIMIT_REACHED', [this.vendorFieldMaxLength])
+      } else if (vendorFieldLength) {
+        return this.$t('VALIDATION.VENDOR_FIELD.LIMIT_REMAINING', [
+          this.vendorFieldMaxLength - vendorFieldLength,
+          this.vendorFieldMaxLength
+        ])
+      }
+
+      return null
+    },
+
+    vendorFieldMaxLength () {
+      const vendorField = this.walletNetwork.vendorField
+
+      if (vendorField) {
+        return vendorField.maxLength
+      }
+
+      return VENDOR_FIELD.defaultMaxLength
+    },
+
+    recipientWarning () {
+      if (!this.$v.recipientId.$dirty) {
+        return null
+      }
+
+      if (this.form.recipients.some(recipient => recipient.address === this.$v.recipientId.$model)) {
+        return this.$t('TRANSACTION.MULTI_PAYMENT.WARNING_DUPLICATE')
+      }
+
+      return null
+    },
+
+    maximumRecipients () {
+      if (!this.session_network.constants || !this.session_network.constants.multiPaymentLimit) {
+        return 500
+      }
+
+      return this.session_network.constants.multiPaymentLimit
+    }
+  },
+
+  mounted () {
+    this.$v.recipientId.$touch()
+  },
+
+  methods: {
+    getTransactionData () {
+      const transactionData = {
+        address: this.currentWallet.address,
+        recipients: this.form.recipients,
+        vendorField: this.form.vendorField,
+        passphrase: this.form.passphrase,
+        fee: this.getFee(),
+        wif: this.form.wif,
+        networkWif: this.walletNetwork.wif,
+        multiSignature: this.currentWallet.multiSignature
+      }
+
+      if (this.currentWallet.secondPublicKey) {
+        transactionData.secondPassphrase = this.form.secondPassphrase
+      }
+
+      return transactionData
+    },
+
+    async buildTransaction (transactionData, isAdvancedFee = false, returnObject = false) {
+      return this.$client.buildMultiPayment(transactionData, isAdvancedFee, returnObject)
+    },
+
+    transactionError () {
+      this.$error(this.$t('TRANSACTION.ERROR.VALIDATION.MULTI_PAYMENT'))
+    },
+
+    addRecipient () {
+      if (this.$v.recipientId.$invalid || this.$v.amount.$invalid) {
+        return
+      }
+
+      this.$v.form.recipients.$model.push({
+        address: this.recipientId,
+        amount: this.currency_unitToSub(this.amount)
+      })
+
+      this.$refs.recipient.reset()
+      this.$v.recipientId.$reset()
+      this.$v.amount.$model = ''
+      this.$refs.amount.reset()
+    },
+
+    previousStep () {
+      if (this.step === 2) {
+        this.step = 1
+      }
+    },
+
+    nextStep () {
+      if (this.step === 1) {
+        this.step = 2
+      } else {
+        this.form.fee = this.$refs.fee.fee
+        this.onSubmit()
+      }
+    },
+
+    emitRemoveRecipient (index) {
+      if (!Object.prototype.hasOwnProperty.call(this.$v.form.recipients.$model, index)) {
+        return
+      }
+
+      this.$v.form.recipients.$model = [
+        ...this.form.recipients.slice(0, index),
+        ...this.form.recipients.slice(index + 1)
+      ]
+    }
+  },
+
+  validations: {
+    recipientId: {
+      required,
+      isValid (value) {
+        if (this.$refs.recipient) {
+          return !this.$refs.recipient.$v.$invalid
+        }
+
+        return false
+      }
+    },
+
+    amount: {
+      required,
+      isValid (value) {
+        if (this.$refs.amount) {
+          return !this.$refs.amount.$v.$invalid
+        }
+
+        return false
+      }
+    },
+
+    form: {
+      recipients: {
+        aboveMinimum () {
+          return this.form.recipients.length > 1
+        },
+
+        belowMaximum () {
+          return this.form.recipients.length < this.maximumRecipients
+        }
+      },
+      fee: mixin.validators.fee,
+      passphrase: mixin.validators.passphrase,
+      secondPassphrase: mixin.validators.secondPassphrase,
+      vendorField: {},
+      walletPassword: mixin.validators.walletPassword
+    }
+  }
+}
+</script>
+
+<style>
+.TransactionModalMultiPayment__recipients .InputEditableList__list {
+  max-height: 13rem;
+}
+</style>
diff --git a/src/renderer/components/Transaction/TransactionForm/TransactionFormMultiSign.vue b/src/renderer/components/Transaction/TransactionForm/TransactionFormMultiSign.vue
new file mode 100644
index 0000000000..7f8b6a7345
--- /dev/null
+++ b/src/renderer/components/Transaction/TransactionForm/TransactionFormMultiSign.vue
@@ -0,0 +1,131 @@
+<template>
+  <form
+    class="TransactionFormMultiSign flex flex-col"
+    @submit.prevent
+  >
+    <template>
+      <div
+        v-if="currentWallet.isLedger"
+        class="TransactionFormMultiSign__ledger-notice mt-10"
+      >
+        {{ $t('TRANSACTION.LEDGER_SIGN_NOTICE') }}
+      </div>
+
+      <InputPassword
+        v-else-if="currentWallet.passphrase"
+        ref="password"
+        v-model="$v.form.walletPassword.$model"
+        :label="$t('TRANSACTION.PASSWORD')"
+        :is-required="true"
+        class="TransactionFormMultiSign__password"
+      />
+
+      <PassphraseInput
+        v-else
+        ref="passphrase"
+        v-model="$v.form.passphrase.$model"
+        :address="currentWallet.address"
+        :pub-key-hash="walletNetwork.version"
+        class="TransactionFormMultiSign__passphrase"
+      />
+
+      <PassphraseInput
+        v-if="currentWallet.secondPublicKey"
+        ref="secondPassphrase"
+        v-model="$v.form.secondPassphrase.$model"
+        :label="$t('TRANSACTION.SECOND_PASSPHRASE')"
+        :pub-key-hash="walletNetwork.version"
+        :public-key="currentWallet.secondPublicKey"
+        class="TransactionFormMultiSign__second-passphrase mt-5"
+      />
+
+      <button
+        :disabled="$v.form.$invalid"
+        class="TransactionFormMultiSign__next blue-button mt-10 ml-0"
+        @click="onSubmit"
+      >
+        {{ $t('COMMON.NEXT') }}
+      </button>
+
+      <ModalLoader
+        ref="modalLoader"
+        :message="$t('ENCRYPTION.DECRYPTING')"
+        :visible="showEncryptLoader"
+      />
+      <ModalLoader
+        :message="$t('TRANSACTION.LEDGER_SIGN_WAIT')"
+        :visible="showLedgerLoader"
+      />
+    </template>
+  </form>
+</template>
+
+<script>
+import { TRANSACTION_TYPES } from '@config'
+import { InputPassword } from '@/components/Input'
+import { ModalLoader } from '@/components/Modal'
+import { PassphraseInput } from '@/components/Passphrase'
+import mixin from './mixin'
+
+export default {
+  name: 'TransactionFormMultiSign',
+
+  transactionType: TRANSACTION_TYPES.MULTI_SIGN,
+
+  components: {
+    InputPassword,
+    ModalLoader,
+    PassphraseInput
+  },
+
+  mixins: [mixin],
+
+  props: {
+    transaction: {
+      type: Object,
+      required: true
+    }
+  },
+
+  data: () => ({
+    form: {
+      passphrase: '',
+      walletPassword: ''
+    }
+  }),
+
+  methods: {
+    getTransactionData () {
+      const transactionData = {
+        publicKey: this.currentWallet.publicKey,
+        passphrase: this.form.passphrase,
+        wif: this.form.wif,
+        networkWif: this.walletNetwork.wif,
+        multiSignature: this.transaction.multiSignature
+      }
+
+      if (this.currentWallet.secondPublicKey) {
+        transactionData.secondPassphrase = this.form.secondPassphrase
+      }
+
+      return transactionData
+    },
+
+    async buildTransaction (transactionData) {
+      return this.$client.multiSign(this.transaction, transactionData)
+    },
+
+    transactionError () {
+      this.$error(this.$t('TRANSACTION.ERROR.VALIDATION.MULTI_SIGN'))
+    }
+  },
+
+  validations: {
+    form: {
+      passphrase: mixin.validators.passphrase,
+      walletPassword: mixin.validators.walletPassword,
+      secondPassphrase: mixin.validators.secondPassphrase
+    }
+  }
+}
+</script>
diff --git a/src/renderer/components/Transaction/TransactionForm/TransactionFormMultiSignature.vue b/src/renderer/components/Transaction/TransactionForm/TransactionFormMultiSignature.vue
new file mode 100644
index 0000000000..0b98eb783f
--- /dev/null
+++ b/src/renderer/components/Transaction/TransactionForm/TransactionFormMultiSignature.vue
@@ -0,0 +1,503 @@
+<template>
+  <form
+    class="TransactionFormMultiSignature flex flex-col"
+    @submit.prevent
+  >
+    <ListDivided
+      v-if="senderLabel"
+      :is-floating-label="true"
+    >
+      <ListDividedItem :label="$t('TRANSACTION.SENDER')">
+        {{ senderLabel }}
+        <span
+          v-if="senderLabel !== currentWallet.address"
+          class="text-sm text-theme-page-text-light"
+        >
+          {{ currentWallet.address }}
+        </span>
+      </ListDividedItem>
+    </ListDivided>
+
+    <div
+      v-if="step === 1"
+      class="TransactionFormMultiSignature__step-1"
+    >
+      <MenuTab
+        ref="menutab"
+        v-model="currentTab"
+        class="TransactionModalMultiSignature__menu-tabs"
+      >
+        <MenuTabItem
+          v-for="(tab, id) in tabs"
+          :key="id"
+          :tab="id"
+          :label="tab.text"
+          class="TransactionFormMultiSignature__menu-tab flex-1"
+        />
+      </MenuTab>
+
+      <div class="flex flex-row">
+        <div
+          v-if="addressTab"
+          class="TransactionFormMultiSignature__address-tab flex-1"
+        >
+          <InputAddress
+            ref="address"
+            v-model="$v.address.$model"
+            :label="$t('COMMON.ADDRESS')"
+            :pub-key-hash="walletNetwork.version"
+            :show-suggestions="true"
+            :is-disabled="!currentWallet"
+            :is-required="false"
+            :is-invalid="!!addressWarning"
+            :helper-text="addressWarning"
+            name="address"
+            class="TransactionFormMultiSignature__address"
+          />
+        </div>
+
+        <div
+          v-else-if="publicKeyTab"
+          class="flex-1"
+        >
+          <InputPublicKey
+            ref="publicKey"
+            v-model="$v.publicKey.$model"
+            :is-required="false"
+            :warning-text="publicKeyWarning"
+            class="TransactionFormMultiSignature__public-key"
+          />
+        </div>
+
+        <ButtonGeneric
+          :disabled="!validStep1"
+          :label="$t('TRANSACTION.MULTI_SIGNATURE.BUTTON_ADD')"
+          class="TransactionFormMultiSignature__add py-1 flex-inline h-8 mt-4 ml-4"
+          @click="addPublicKey"
+        />
+      </div>
+
+      <TransactionMultiSignatureList
+        :items="$v.form.publicKeys.$model"
+        class="TransactionModalMultiSignature__public-keys mt-4"
+        @remove="emitRemovePublicKey"
+      />
+    </div>
+
+    <div v-if="step === 2">
+      <InputText
+        ref="minKeys"
+        v-model="$v.form.minKeys.$model"
+        :label="$t('TRANSACTION.MULTI_SIGNATURE.MIN_KEYS')"
+        :helper-text="minKeysError"
+        :is-invalid="!!minKeysError"
+        name="minKeys"
+        type="number"
+        class="TransactionFormMultiSignature__min-keys mb-5"
+      />
+
+      <InputFee
+        ref="fee"
+        :currency="walletNetwork.token"
+        :transaction-type="$options.transactionType"
+        :is-disabled="!currentWallet"
+        :wallet="currentWallet"
+        :wallet-network="walletNetwork"
+        class="TransactionFormMultiSignature__fee"
+        @input="onFee"
+      />
+
+      <div
+        v-if="currentWallet.isLedger"
+        class="TransactionFormMultiSignature__ledger-notice mt-10"
+      >
+        {{ $t('TRANSACTION.LEDGER_SIGN_NOTICE') }}
+      </div>
+
+      <InputPassword
+        v-else-if="currentWallet.passphrase"
+        ref="password"
+        v-model="$v.form.walletPassword.$model"
+        :label="$t('TRANSACTION.PASSWORD')"
+        :is-required="true"
+        class="TransactionFormMultiSignature__password mt-4"
+      />
+
+      <PassphraseInput
+        v-else
+        ref="passphrase"
+        v-model="$v.form.passphrase.$model"
+        :address="currentWallet.address"
+        :pub-key-hash="walletNetwork.version"
+        :is-disabled="!currentWallet"
+        class="TransactionFormMultiSignature__passphrase mt-4"
+      />
+
+      <PassphraseInput
+        v-if="currentWallet.secondPublicKey"
+        ref="secondPassphrase"
+        v-model="$v.form.secondPassphrase.$model"
+        :label="$t('TRANSACTION.SECOND_PASSPHRASE')"
+        :pub-key-hash="walletNetwork.version"
+        :public-key="currentWallet.secondPublicKey"
+        class="TransactionFormMultiSignature__second-passphrase mt-5"
+      />
+    </div>
+
+    <footer class="mt-4 flex justify-between items-center">
+      <div class="self-start">
+        <button
+          :disabled="step === 1"
+          class="TransactionFormMultiSignature__prev blue-button"
+          @click="previousStep"
+        >
+          {{ $t('COMMON.PREV') }}
+        </button>
+
+        <button
+          :disabled="!isFormValid"
+          class="TransactionFormMultiSignature__next blue-button"
+          @click="nextStep"
+        >
+          {{ $t('COMMON.NEXT') }}
+        </button>
+      </div>
+    </footer>
+
+    <ModalLoader
+      :message="$t('ENCRYPTION.DECRYPTING')"
+      :visible="showEncryptLoader"
+    />
+    <ModalLoader
+      :message="$t('TRANSACTION.LEDGER_SIGN_WAIT')"
+      :visible="showLedgerLoader"
+    />
+  </form>
+</template>
+
+<script>
+import { required } from 'vuelidate/lib/validators'
+import { TRANSACTION_TYPES } from '@config'
+import { ButtonGeneric } from '@/components/Button'
+import { InputAddress, InputFee, InputPublicKey, InputPassword, InputText } from '@/components/Input'
+import { ListDivided, ListDividedItem } from '@/components/ListDivided'
+import { MenuTab, MenuTabItem } from '@/components/Menu'
+import { ModalLoader } from '@/components/Modal'
+import { PassphraseInput } from '@/components/Passphrase'
+import TransactionMultiSignatureList from '@/components/Transaction/TransactionMultiSignatureList'
+import mixin from './mixin'
+
+export default {
+  name: 'TransactionFormMultiSignature',
+
+  transactionType: TRANSACTION_TYPES.GROUP_1.MULTI_SIGNATURE,
+
+  components: {
+    ButtonGeneric,
+    InputAddress,
+    InputFee,
+    InputPassword,
+    InputPublicKey,
+    InputText,
+    ListDivided,
+    ListDividedItem,
+    MenuTab,
+    MenuTabItem,
+    ModalLoader,
+    PassphraseInput,
+    TransactionMultiSignatureList
+  },
+
+  mixins: [mixin],
+
+  data: vm => ({
+    step: 1,
+    currentTab: 0,
+    address: '',
+    publicKey: '',
+    form: {
+      publicKeys: [],
+      minKeys: null,
+      fee: 0,
+      passphrase: '',
+      walletPassword: ''
+    }
+  }),
+
+  computed: {
+    addressTab () {
+      return this.currentTab === 0
+    },
+
+    publicKeyTab () {
+      return this.currentTab === 1
+    },
+
+    tabs () {
+      return [
+        {
+          text: this.$t('TRANSACTION.MULTI_SIGNATURE.TAB.ADDRESS')
+        },
+        {
+          text: this.$t('TRANSACTION.MULTI_SIGNATURE.TAB.PUBLIC_KEY')
+        }
+      ]
+    },
+
+    validStep1 () {
+      if (this.addressTab) {
+        if (!this.$v.address.$dirty || this.$v.address.$invalid ||
+          this.addressWarning || this.address.replace(/\s+/, '') === '') {
+          return false
+        }
+      } else {
+        if (!this.$v.publicKey.$dirty || this.$v.publicKey.$invalid ||
+          this.publicKeyWarning || this.publicKey.replace(/\s+/, '') === '') {
+          return false
+        }
+      }
+
+      return true
+    },
+
+    isFormValid () {
+      if (this.step === 1) {
+        return !this.$v.form.publicKeys.$invalid
+      }
+
+      return !this.$v.form.$invalid
+    },
+
+    addressWarning () {
+      if (!this.$v.address.$dirty) {
+        return null
+      }
+
+      if (this.form.publicKeys.some(key => key.address === this.$v.address.$model)) {
+        return this.$t('TRANSACTION.MULTI_SIGNATURE.ERROR_DUPLICATE')
+      }
+
+      return null
+    },
+
+    publicKeyWarning () {
+      if (!this.$v.publicKey.$dirty) {
+        return null
+      }
+
+      if (this.form.publicKeys.some(key => key.publicKey === this.$v.publicKey.$model)) {
+        return this.$t('TRANSACTION.MULTI_SIGNATURE.ERROR_DUPLICATE')
+      }
+
+      return null
+    },
+
+    maximumPublicKeys () {
+      if (!this.session_network.constants || !this.session_network.constants.maxMultiSignatureParticipants) {
+        return 16
+      }
+
+      return this.session_network.constants.maxMultiSignatureParticipants
+    },
+
+    minKeysError () {
+      if (this.$v.form.minKeys.$dirty && this.$v.form.minKeys.$error) {
+        if (!this.$v.form.minKeys.required) {
+          return this.$t('VALIDATION.REQUIRED', [this.$t('TRANSACTION.MULTI_SIGNATURE.MIN_KEYS')])
+        } else if (!this.$v.form.minKeys.belowMaximum) {
+          return this.$t('TRANSACTION.MULTI_SIGNATURE.ERROR_MIN_KEYS_TOO_HIGH')
+        } else if (!this.$v.form.minKeys.aboveMinimum) {
+          return this.$t('TRANSACTION.MULTI_SIGNATURE.ERROR_MIN_KEYS_TOO_LOW')
+        }
+      }
+
+      return null
+    }
+  },
+
+  mounted () {
+    this.form.publicKeys.push({
+      address: this.currentWallet.address,
+      publicKey: this.currentWallet.publicKey
+    })
+    this.updateMinKeys()
+  },
+
+  methods: {
+    getTransactionData () {
+      const transactionData = {
+        address: this.currentWallet.address,
+        publicKeys: this.form.publicKeys.map(key => key.publicKey),
+        minKeys: this.form.minKeys,
+        passphrase: this.form.passphrase,
+        fee: this.getFee(),
+        wif: this.form.wif,
+        networkWif: this.walletNetwork.wif
+      }
+
+      if (this.currentWallet.secondPublicKey) {
+        transactionData.secondPassphrase = this.form.secondPassphrase
+      }
+
+      return transactionData
+    },
+
+    async buildTransaction (transactionData, isAdvancedFee = false, returnObject = false) {
+      const transaction = await this.$client.buildMultiSignature(transactionData, isAdvancedFee, returnObject)
+      if (!returnObject) {
+        transaction.multiSignature = transaction.asset.multiSignature
+      }
+
+      return transaction
+    },
+
+    transactionError () {
+      this.$error(this.$t('TRANSACTION.ERROR.VALIDATION.MULTI_SIGNATURE'))
+    },
+
+    async addPublicKey () {
+      const entry = {
+        address: null,
+        publicKey: null
+      }
+      if (this.addressTab) {
+        entry.address = this.address
+
+        let wallet = this.$store.getters['wallet/byAddress'](this.address)
+        if (wallet && wallet.publicKey) {
+          entry.publicKey = wallet.publicKey
+        } else {
+          wallet = await this.$client.fetchWallet(this.address)
+
+          if (wallet && wallet.publicKey) {
+            entry.publicKey = wallet.publicKey
+          } else {
+            this.$error(this.$t('TRANSACTION.MULTI_SIGNATURE.ERROR_PUBLIC_KEY_NOT_FOUND'))
+
+            return
+          }
+        }
+
+        this.$refs.address.reset()
+      } else {
+        entry.publicKey = this.publicKey
+
+        this.$refs.publicKey.reset()
+      }
+
+      const existingEntry = this.form.publicKeys.find(key => key.publicKey === entry.publicKey)
+      if (existingEntry) {
+        if (entry.address && !existingEntry.address) {
+          existingEntry.address = entry.address
+        }
+
+        this.$error(this.$t('TRANSACTION.MULTI_SIGNATURE.ERROR_PUBLIC_KEY_EXISTS'))
+
+        return
+      }
+
+      this.form.publicKeys.push(entry)
+      this.updateMinKeys()
+    },
+
+    updateMinKeys () {
+      this.$v.form.minKeys.$model = this.form.publicKeys.length
+    },
+
+    previousStep () {
+      if (this.step === 2) {
+        this.step = 1
+      }
+    },
+
+    nextStep () {
+      if (this.step === 1) {
+        this.step = 2
+      } else {
+        this.form.fee = this.$refs.fee.fee
+        this.onSubmit()
+      }
+    },
+
+    onFee (fee) {
+      this.$set(this.form, 'fee', fee)
+    },
+
+    emitRemovePublicKey (index) {
+      this.$v.form.publicKeys.$model = [
+        ...this.form.publicKeys.slice(0, index),
+        ...this.form.publicKeys.slice(index + 1)
+      ]
+    }
+  },
+
+  validations: {
+    publicKey: {
+      isValid (value) {
+        if (this.$refs.publicKey) {
+          return !this.$refs.publicKey.$v.$invalid
+        }
+
+        return false
+      }
+    },
+
+    address: {
+      isValid (value) {
+        if (this.$refs.address) {
+          return !this.$refs.address.$v.$invalid
+        }
+
+        return false
+      }
+    },
+
+    form: {
+      publicKeys: {
+        notEmpty () {
+          return !!this.form.publicKeys.length
+        },
+
+        aboveMinimum () {
+          return this.form.publicKeys.length > 1
+        },
+
+        belowMaximum () {
+          return this.form.publicKeys.length < this.maximumPublicKeys
+        }
+      },
+
+      minKeys: {
+        required,
+
+        belowMaximum (value) {
+          return value <= this.form.publicKeys.length
+        },
+
+        aboveMinimum (value) {
+          return value >= 1
+        }
+      },
+
+      fee: mixin.validators.fee,
+      passphrase: mixin.validators.passphrase,
+      secondPassphrase: mixin.validators.secondPassphrase,
+      walletPassword: mixin.validators.walletPassword
+    }
+  }
+}
+</script>
+
+<style>
+.TransactionModalMultiSignature__menu-tabs .MenuTab__nav__items {
+  @apply .flex;
+}
+
+.TransactionModalMultiSignature__menu-tabs .MenuTab__nav__item {
+  @apply .flex-1;
+}
+
+.TransactionModalMultiSignature__menu-tabs .MenuTab__content {
+  @apply .hidden;
+}
+</style>
diff --git a/src/renderer/components/Transaction/TransactionForm/TransactionFormSecondSignature.vue b/src/renderer/components/Transaction/TransactionForm/TransactionFormSecondSignature.vue
index bd7ebb6cf7..f58d33b9d6 100644
--- a/src/renderer/components/Transaction/TransactionForm/TransactionFormSecondSignature.vue
+++ b/src/renderer/components/Transaction/TransactionForm/TransactionFormSecondSignature.vue
@@ -32,17 +32,19 @@
       <Collapse
         :is-open="!isPassphraseStep"
         :animation-duration="{ enter: 0, leave: 0 }"
+        class="TransactionFormSecondSignature__step-1"
       >
         <PassphraseWords
           v-show="showPassphraseWords"
           :passphrase-words="passphraseWords"
+          class="TransactionFormSecondSignature__passphrase-words"
         />
 
         <button
           :disabled="isGenerating || !showPassphraseWords"
           :class="{ 'hidden': !showPassphraseWords }"
           type="button"
-          class="blue-button mt-5"
+          class="TransactionFormSecondSignature__step-1__next blue-button mt-5"
           @click="toggleStep"
         >
           {{ $t('COMMON.NEXT') }}
@@ -51,12 +53,13 @@
 
       <Collapse
         :is-open="isPassphraseStep"
+        class="TransactionFormSecondSignature__step-2"
       >
         <PassphraseVerification
           ref="passphraseVerification"
           :passphrase="passphraseWords"
           :word-positions="wordPositions"
-          class="mb-10"
+          class="TransactionFormSecondSignature__passphrase-verification mb-10"
           @verified="onVerification"
         />
 
@@ -65,34 +68,40 @@
           :currency="walletNetwork.token"
           :transaction-type="$options.transactionType"
           :show-insufficient-funds="true"
+          class="TransactionFormSecondSignature__fee"
           @input="onFee"
         />
 
-        <div
-          v-if="currentWallet.isLedger"
-          class="mt-10"
-        >
-          {{ $t('TRANSACTION.LEDGER_SIGN_NOTICE') }}
+        <div v-if="!isMultiSignature">
+          <div
+            v-if="currentWallet.isLedger"
+            class="TransactionFormSecondSignature__ledger-notice mt-10"
+          >
+            {{ $t('TRANSACTION.LEDGER_SIGN_NOTICE') }}
+          </div>
+
+          <InputPassword
+            v-else-if="currentWallet.passphrase"
+            ref="password"
+            v-model="$v.form.walletPassword.$model"
+            :label="$t('TRANSACTION.PASSWORD')"
+            :is-required="true"
+            class="TransactionFormSecondSignature__password mt-4"
+          />
+
+          <PassphraseInput
+            v-else
+            ref="passphrase"
+            v-model="$v.form.passphrase.$model"
+            :address="currentWallet.address"
+            :pub-key-hash="walletNetwork.version"
+            class="TransactionFormSecondSignature__passphrase mt-4"
+          />
         </div>
-        <InputPassword
-          v-else-if="currentWallet.passphrase"
-          ref="password"
-          v-model="$v.form.walletPassword.$model"
-          :label="$t('TRANSACTION.PASSWORD')"
-          :is-required="true"
-        />
-        <PassphraseInput
-          v-else
-          ref="passphrase"
-          v-model="$v.form.passphrase.$model"
-          :address="currentWallet.address"
-          :pub-key-hash="walletNetwork.version"
-          class="mt-5"
-        />
 
         <button
           type="button"
-          class="blue-button mt-5 mr-4"
+          class="TransactionFormSecondSignature__back blue-button mt-5 mr-4"
           @click="toggleStep"
         >
           {{ $t('COMMON.BACK') }}
@@ -101,7 +110,7 @@
         <button
           :disabled="$v.form.$invalid || !isPassphraseVerified"
           type="button"
-          class="blue-button mt-5"
+          class="TransactionFormSecondSignature__step-2__next blue-button mt-5"
           @click="onSubmit"
         >
           {{ $t('COMMON.NEXT') }}
@@ -122,7 +131,7 @@
         v-if="!isPassphraseStep && showPassphraseWords"
         to="transaction-footer"
       >
-        <footer class="ModalWindow__container__footer--warning flex flex-row justify-between">
+        <footer class="TransactionFormSecondSignature__footer ModalWindow__container__footer--warning">
           <div class="flex w-80">
             {{ $t('WALLET_SECOND_SIGNATURE.INSTRUCTIONS') }}
           </div>
@@ -163,7 +172,7 @@ import mixin from './mixin'
 export default {
   name: 'TransactionFormSecondSignature',
 
-  transactionType: TRANSACTION_TYPES.SECOND_SIGNATURE,
+  transactionType: TRANSACTION_TYPES.GROUP_1.SECOND_SIGNATURE,
 
   components: {
     ButtonClipboard,
@@ -195,6 +204,7 @@ export default {
   }),
 
   computed: {
+    // TODO: doesn't need to be computed
     wordPositions () {
       return [3, 6, 9]
     },
@@ -204,13 +214,16 @@ export default {
       if (/\u3000/.test(this.secondPassphrase)) {
         return this.secondPassphrase.split('\u3000')
       }
+
       return this.secondPassphrase.split(' ')
     }
   },
 
   watch: {
     isPassphraseStep () {
-      this.$refs.passphraseVerification.focusFirst()
+      if (this.isPassphraseStep) {
+        this.$refs.passphraseVerification.focusFirst()
+      }
     }
   },
 
@@ -226,7 +239,8 @@ export default {
         secondPassphrase: this.secondPassphrase,
         fee: this.getFee(),
         wif: this.form.wif,
-        networkWif: this.walletNetwork.wif
+        networkWif: this.walletNetwork.wif,
+        multiSignature: this.currentWallet.multiSignature
       }
     },
 
@@ -234,6 +248,10 @@ export default {
       return this.$client.buildSecondSignatureRegistration(transactionData, isAdvancedFee, returnObject)
     },
 
+    transactionError () {
+      this.$error(this.$t('TRANSACTION.ERROR.VALIDATION.SECOND_SIGNATURE'))
+    },
+
     postSubmit () {
       this.reset()
 
@@ -245,6 +263,7 @@ export default {
       this.isPassphraseStep = !this.isPassphraseStep
     },
 
+    // TODO: must be a better way of doing this without a timeout?
     displayPassphraseWords () {
       this.isGenerating = true
       setTimeout(() => {
@@ -253,6 +272,7 @@ export default {
       }, 300)
     },
 
+    // TODO: must be a better way of doing this without a timeout?
     generateNewPassphrase () {
       this.reset()
       this.isGenerating = true
@@ -269,12 +289,14 @@ export default {
     reset () {
       this.isPassphraseStep = false
       this.isPassphraseVerified = false
-      if (!this.currentWallet.passphrase && !this.currentWallet.isLedger) {
-        this.$set(this.form, 'passphrase', '')
-        this.$refs.passphrase.reset()
-      } else if (!this.currentWallet.isLedger) {
-        this.$set(this.form, 'walletPassword', '')
-        this.$refs.password.reset()
+      if (!this.isMultiSignature) {
+        if (!this.currentWallet.passphrase && !this.currentWallet.isLedger) {
+          this.$set(this.form, 'passphrase', '')
+          this.$refs.passphrase.reset()
+        } else if (!this.currentWallet.isLedger) {
+          this.$set(this.form, 'walletPassword', '')
+          this.$refs.password.reset()
+        }
       }
       this.$v.$reset()
     }
@@ -298,4 +320,8 @@ export default {
 .TransactionFormSecondSignature /deep/ .Collapse__handler {
   display: none
 }
+
+.TransactionFormSecondSignature__footer {
+  @apply .flex .flex-row .justify-between;
+}
 </style>
diff --git a/src/renderer/components/Transaction/TransactionForm/TransactionFormTransfer.vue b/src/renderer/components/Transaction/TransactionForm/TransactionFormTransfer.vue
index 3bbb7d653b..31f6a48375 100644
--- a/src/renderer/components/Transaction/TransactionForm/TransactionFormTransfer.vue
+++ b/src/renderer/components/Transaction/TransactionForm/TransactionFormTransfer.vue
@@ -1,6 +1,6 @@
 <template>
   <form
-    class="flex flex-col"
+    class="TransactionFormTransfer flex flex-col"
     @submit.prevent
   >
     <ListDivided
@@ -22,7 +22,7 @@
       v-if="schema && schema.address"
       v-model="$v.wallet.$model"
       :compatible-address="$v.form.recipientId.$model"
-      class="mb-5"
+      class="TransactionFormTransfer__wallet mb-5"
       profile-class="mb-5"
       @select="ensureAvailableAmount"
     />
@@ -35,7 +35,7 @@
       :show-suggestions="true"
       :is-disabled="!currentWallet"
       name="recipientId"
-      class="mb-5"
+      class="TransactionFormTransfer__recipient mb-5"
     />
 
     <div class="flex items-baseline mb-5">
@@ -53,7 +53,7 @@
         :required="true"
         :is-disabled="!currentWallet"
         :wallet-network="walletNetwork"
-        class="flex-1 mr-3"
+        class="TransactionFormTransfer__amount flex-1 mr-3"
         @blur="ensureAvailableAmount"
         @input="setSendAll(false, false)"
       />
@@ -61,7 +61,8 @@
       <InputSwitch
         v-model="isSendAllActive"
         :text="$t('TRANSACTION.SEND_ALL')"
-        :is-disabled="!canSendAll() || !currentWallet"
+        :is-disabled="!canSendAll || !currentWallet"
+        class="TransactionFormTransfer__send-all"
         @change="setSendAll"
       />
     </div>
@@ -75,7 +76,7 @@
       :is-disabled="!currentWallet"
       :maxlength="vendorFieldMaxLength"
       name="vendorField"
-      class="mb-5"
+      class="TransactionFormTransfer__vendorfield mb-5"
     />
 
     <InputFee
@@ -85,32 +86,37 @@
       :is-disabled="!currentWallet"
       :wallet="currentWallet"
       :wallet-network="walletNetwork"
+      class="TransactionFormTransfer__fee"
       @input="onFee"
     />
 
-    <div
-      v-if="currentWallet && currentWallet.isLedger"
-      class="mt-10"
-    >
-      {{ $t('TRANSACTION.LEDGER_SIGN_NOTICE') }}
+    <div v-if="!isMultiSignature">
+      <div
+        v-if="currentWallet && currentWallet.isLedger"
+        class="TransactionFormTransfer__ledger-notice mt-10"
+      >
+        {{ $t('TRANSACTION.LEDGER_SIGN_NOTICE') }}
+      </div>
+
+      <InputPassword
+        v-else-if="currentWallet && currentWallet.passphrase"
+        ref="password"
+        v-model="$v.form.walletPassword.$model"
+        :label="$t('TRANSACTION.PASSWORD')"
+        :is-required="true"
+        class="TransactionFormTransfer__password mt-4"
+      />
+
+      <PassphraseInput
+        v-else
+        ref="passphrase"
+        v-model="$v.form.passphrase.$model"
+        :address="currentWallet && currentWallet.address"
+        :pub-key-hash="walletNetwork.version"
+        :is-disabled="!currentWallet"
+        class="TransactionFormTransfer__passphrase mt-4"
+      />
     </div>
-    <InputPassword
-      v-else-if="currentWallet && currentWallet.passphrase"
-      ref="password"
-      v-model="$v.form.walletPassword.$model"
-      class="mt-4"
-      :label="$t('TRANSACTION.PASSWORD')"
-      :is-required="true"
-    />
-    <PassphraseInput
-      v-else
-      ref="passphrase"
-      v-model="$v.form.passphrase.$model"
-      class="mt-4"
-      :address="currentWallet && currentWallet.address"
-      :pub-key-hash="walletNetwork.version"
-      :is-disabled="!currentWallet"
-    />
 
     <PassphraseInput
       v-if="currentWallet && currentWallet.secondPublicKey"
@@ -119,14 +125,14 @@
       :label="$t('TRANSACTION.SECOND_PASSPHRASE')"
       :pub-key-hash="walletNetwork.version"
       :public-key="currentWallet.secondPublicKey"
-      class="mt-5"
+      class="TransactionFormTransfer__second-passphrase mt-5"
     />
 
     <footer class="mt-10 flex justify-between items-center">
       <div class="self-start">
         <button
           :disabled="$v.form.$invalid"
-          class="blue-button"
+          class="TransactionFormTransfer__next blue-button"
           @click="onSubmit"
         >
           {{ $t('COMMON.NEXT') }}
@@ -156,8 +162,8 @@
       :note="$t('TRANSACTION.CONFIRM_SEND_ALL_NOTE')"
       container-classes="SendAllConfirmation"
       portal-target="loading"
-      @close="emitCancelSendAll"
-      @cancel="emitCancelSendAll"
+      @close="cancelSendAll"
+      @cancel="cancelSendAll"
       @continue="enableSendAll"
     />
     <ModalLoader
@@ -186,7 +192,7 @@ import mixin from './mixin'
 export default {
   name: 'TransactionFormTransfer',
 
-  transactionType: TRANSACTION_TYPES.TRANSFER,
+  transactionType: TRANSACTION_TYPES.GROUP_1.TRANSFER,
 
   components: {
     InputAddress,
@@ -260,12 +266,16 @@ export default {
 
     maximumAvailableAmount () {
       if (!this.currentWallet) {
-        return 0
+        return this.currency_subToUnit(0)
       }
 
       return this.currency_subToUnit(this.currentWallet.balance).minus(this.form.fee)
     },
 
+    canSendAll () {
+      return this.maximumAvailableAmount > 0
+    },
+
     senderLabel () {
       return this.currentWallet ? this.wallet_formatAddress(this.currentWallet.address) : null
     },
@@ -281,7 +291,7 @@ export default {
       }
 
       const profile = this.$store.getters['profile/byId'](this.currentWallet.profileId)
-      if (!profile.id) {
+      if (!profile || !profile.id) {
         return sessionNetwork
       }
 
@@ -336,34 +346,71 @@ export default {
   },
 
   mounted () {
-    // Note: we set this here and not in the data property so validation is triggered properly when fields get pre-populated
-    if (this.schema) {
+    this.populateSchema()
+
+    if (this.currentWallet && this.currentWallet.id) {
+      this.$set(this, 'wallet', this.currentWallet)
+      this.$v.wallet.$touch()
+    }
+  },
+
+  methods: {
+    getTransactionData () {
+      const transactionData = {
+        address: this.currentWallet.address,
+        amount: this.currency_unitToSub(this.form.amount),
+        recipientId: this.form.recipientId,
+        vendorField: this.form.vendorField,
+        passphrase: this.form.passphrase,
+        fee: this.getFee(),
+        wif: this.form.wif,
+        networkWif: this.walletNetwork.wif,
+        networkId: this.walletNetwork.id,
+        multiSignature: this.currentWallet.multiSignature
+      }
+
+      if (this.currentWallet.secondPublicKey) {
+        transactionData.secondPassphrase = this.form.secondPassphrase
+      }
+
+      return transactionData
+    },
+
+    async buildTransaction (transactionData, isAdvancedFee = false, returnObject = false) {
+      return this.$client.buildTransfer(transactionData, isAdvancedFee, returnObject)
+    },
+
+    populateSchema () {
+      if (!this.schema) {
+        return
+      }
+
       this.$set(this.form, 'amount', this.schema.amount || '')
       this.$set(this.form, 'recipientId', this.schema.address || '')
       this.$set(this.form, 'vendorField', this.schema.vendorField || '')
       if (this.schema.wallet) {
-        const currentProfile = this.$store.getters['session/profileId']
+        const currentProfileId = this.$store.getters['session/profileId']
         const ledgerWallets = this.$store.getters['ledger/isConnected'] ? this.$store.getters['ledger/wallets'] : []
-        const profiles = this.$store.getters['profile/all']
         const wallets = []
 
         let foundNetwork = !this.schema.nethash
-
-        if (currentProfile) {
+        if (currentProfileId) {
           if (this.schema.nethash) {
-            const profile = this.$store.getters['profile/byId'](currentProfile)
+            const profile = this.$store.getters['profile/byId'](currentProfileId)
             const network = this.$store.getters['network/byId'](profile.networkId)
             if (network.nethash === this.schema.nethash) {
               foundNetwork = true
-              wallets.push(...this.$store.getters['wallet/byProfileId'](currentProfile))
+              wallets.push(...this.$store.getters['wallet/byProfileId'](currentProfileId))
             }
           } else {
-            wallets.push(...this.$store.getters['wallet/byProfileId'](currentProfile))
+            wallets.push(...this.$store.getters['wallet/byProfileId'](currentProfileId))
           }
         }
+
         wallets.push(...ledgerWallets)
-        for (const profile of profiles) {
-          if (currentProfile !== profile.id) {
+
+        for (const profile of this.$store.getters['profile/all']) {
+          if (currentProfileId !== profile.id) {
             if (this.schema.nethash) {
               const network = this.$store.getters['network/byId'](profile.networkId)
               if (network.nethash === this.schema.nethash) {
@@ -375,6 +422,7 @@ export default {
             }
           }
         }
+
         const wallet = wallets.filter(wallet => wallet.address === this.schema.wallet)
         if (wallet.length) {
           this.currentWallet = wallet[0]
@@ -387,37 +435,10 @@ export default {
           this.$error(`${this.$t('TRANSACTION.ERROR.WALLET_NOT_IMPORTED')}: ${this.schema.wallet}`)
         }
       }
-    }
-
-    if (this.currentWallet && this.currentWallet.id) {
-      this.$set(this, 'wallet', this.currentWallet || null)
-      this.$v.wallet.$touch()
-    }
-  },
-
-  methods: {
-    getTransactionData () {
-      const transactionData = {
-        address: this.currentWallet.address,
-        amount: this.currency_unitToSub(this.form.amount),
-        recipientId: this.form.recipientId,
-        vendorField: this.form.vendorField,
-        passphrase: this.form.passphrase,
-        fee: this.getFee(),
-        wif: this.form.wif,
-        networkWif: this.walletNetwork.wif,
-        networkId: this.walletNetwork.id
-      }
-
-      if (this.currentWallet.secondPublicKey) {
-        transactionData.secondPassphrase = this.form.secondPassphrase
-      }
-
-      return transactionData
     },
 
-    async buildTransaction (transactionData, isAdvancedFee = false, returnObject = false) {
-      return this.$client.buildTransfer(transactionData, isAdvancedFee, returnObject)
+    transactionError () {
+      this.$error(this.$t('TRANSACTION.ERROR.VALIDATION.TRANSFER'))
     },
 
     emitNext (transaction) {
@@ -436,9 +457,8 @@ export default {
       if (isActive) {
         this.confirmSendAll()
         this.previousAmount = this.form.amount
-      }
-      if (!isActive) {
-        if (setPreviousAmount && !this.previousAmount && this.previousAmount.length) {
+      } else {
+        if (setPreviousAmount && !!this.previousAmount) {
           this.$set(this.form, 'amount', this.previousAmount)
         }
         this.previousAmount = ''
@@ -447,12 +467,8 @@ export default {
       }
     },
 
-    canSendAll () {
-      return this.maximumAvailableAmount > 0
-    },
-
     ensureAvailableAmount () {
-      if (this.isSendAllActive && this.canSendAll()) {
+      if (this.isSendAllActive && this.canSendAll) {
         this.$set(this.form, 'amount', this.maximumAvailableAmount)
       }
     },
@@ -467,7 +483,7 @@ export default {
       this.showConfirmSendAll = true
     },
 
-    emitCancelSendAll () {
+    cancelSendAll () {
       this.showConfirmSendAll = false
       this.isSendAllActive = false
     },
@@ -479,7 +495,7 @@ export default {
         try {
           const transaction = JSON.parse(raw)
 
-          if (parseInt(transaction.type, 10) !== TRANSACTION_TYPES.TRANSFER) {
+          if (parseInt(transaction.type, 10) !== TRANSACTION_TYPES.GROUP_1.TRANSFER) {
             throw new Error(this.$t('VALIDATION.INVALID_TYPE'))
           }
 
@@ -531,20 +547,14 @@ export default {
       recipientId: {
         required,
         isValid (value) {
-          if (this.$refs.recipient) {
-            return !this.$refs.recipient.$v.$invalid
-          }
-          return false
+          return !this.$refs.recipient.$v.$invalid
         }
       },
 
       amount: {
         required,
         isValid (value) {
-          if (this.$refs.amount) {
-            return !this.$refs.amount.$v.$invalid
-          }
-          return false
+          return !this.$refs.amount.$v.$invalid
         }
       }
     }
diff --git a/src/renderer/components/Transaction/TransactionForm/TransactionFormVote.vue b/src/renderer/components/Transaction/TransactionForm/TransactionFormVote.vue
index 40160c11eb..c33234b649 100644
--- a/src/renderer/components/Transaction/TransactionForm/TransactionFormVote.vue
+++ b/src/renderer/components/Transaction/TransactionForm/TransactionFormVote.vue
@@ -1,9 +1,8 @@
 <template>
-  <div
-    class="TransactionFormVote"
-  >
+  <div class="TransactionFormVote">
     <Collapse
       :is-open="!isPassphraseStep"
+      class="TransactionFormVote__delegate-details"
     >
       <ListDivided :is-floating-label="true">
         <ListDividedItem :label="$t('TRANSACTION.SENDER')">
@@ -78,40 +77,44 @@
       </div>
     </Collapse>
 
-    <Collapse
-      :is-open="isPassphraseStep"
-    >
+    <Collapse :is-open="isPassphraseStep">
       <div class="mt-12">
         <InputFee
           ref="fee"
           :currency="walletNetwork.token"
           :transaction-type="$options.transactionType"
           :show-insufficient-funds="true"
+          class="TransactionFormVote__fee"
           @input="onFee"
         />
       </div>
 
-      <div
-        v-if="currentWallet.isLedger"
-        class="mt-10"
-      >
-        {{ $t('TRANSACTION.LEDGER_SIGN_NOTICE') }}
+      <div v-if="!isMultiSignature">
+        <div
+          v-if="currentWallet.isLedger"
+          class="TransactionFormVote__ledger-notice mt-10"
+        >
+          {{ $t('TRANSACTION.LEDGER_SIGN_NOTICE') }}
+        </div>
+
+        <InputPassword
+          v-else-if="currentWallet.passphrase"
+          ref="password"
+          v-model="$v.form.walletPassword.$model"
+          :label="$t('TRANSACTION.PASSWORD')"
+          :is-required="true"
+          class="TransactionFormVote__password mt-4"
+        />
+
+        <PassphraseInput
+          v-else
+          ref="passphrase"
+          v-model="$v.form.passphrase.$model"
+          :address="currentWallet.address"
+          :pub-key-hash="walletNetwork.version"
+          class="TransactionFormVote__passphrase mt-4"
+        />
       </div>
-      <InputPassword
-        v-else-if="currentWallet.passphrase"
-        ref="password"
-        v-model="$v.form.walletPassword.$model"
-        :label="$t('TRANSACTION.PASSWORD')"
-        :is-required="true"
-      />
-      <PassphraseInput
-        v-else
-        ref="passphrase"
-        v-model="$v.form.passphrase.$model"
-        :address="currentWallet.address"
-        :pub-key-hash="walletNetwork.version"
-        class="mt-5"
-      />
 
       <PassphraseInput
         v-if="currentWallet.secondPublicKey"
@@ -120,13 +123,13 @@
         :label="$t('TRANSACTION.SECOND_PASSPHRASE')"
         :pub-key-hash="walletNetwork.version"
         :public-key="currentWallet.secondPublicKey"
-        class="mt-5"
+        class="TransactionFormVote__second-passphrase mt-5"
       />
 
       <button
         :disabled="$v.form.$invalid"
         type="button"
-        class="blue-button mt-5"
+        class="TransactionFormVote__next blue-button mt-5"
         @click="onSubmit"
       >
         {{ $t('COMMON.NEXT') }}
@@ -158,7 +161,7 @@ import mixin from './mixin'
 export default {
   name: 'TransactionFormVote',
 
-  transactionType: TRANSACTION_TYPES.VOTE,
+  transactionType: TRANSACTION_TYPES.GROUP_1.VOTE,
 
   components: {
     Collapse,
@@ -203,7 +206,11 @@ export default {
 
   computed: {
     blocksProduced () {
-      return this.delegate.blocks.produced || '0'
+      if (!this.delegate.blocks || !this.delegate.blocks.produced) {
+        return 0
+      }
+
+      return this.delegate.blocks.produced
     },
 
     showVoteUnvoteButton () {
@@ -222,7 +229,7 @@ export default {
   watch: {
     isPassphraseStep () {
       // Ignore Ledger wallets
-      if (this.currentWallet.isLedger) {
+      if (this.currentWallet.isLedger || this.isMultiSignature) {
         return
       }
 
@@ -250,7 +257,8 @@ export default {
         ],
         fee: this.getFee(),
         wif: this.form.wif,
-        networkWif: this.walletNetwork.wif
+        networkWif: this.walletNetwork.wif,
+        multiSignature: this.currentWallet.multiSignature
       }
 
       if (this.currentWallet.secondPublicKey) {
@@ -264,6 +272,10 @@ export default {
       return this.$client.buildVote(transactionData, isAdvancedFee, returnObject)
     },
 
+    transactionError () {
+      this.$error(this.$t('TRANSACTION.ERROR.VALIDATION.VOTE'))
+    },
+
     postSubmit () {
       this.reset()
     },
@@ -272,8 +284,8 @@ export default {
       this.isPassphraseStep = !this.isPassphraseStep
     },
 
-    async fetchForged () {
-      const forged = await this.$client.fetchDelegateForged(this.delegate)
+    fetchForged () {
+      const forged = this.$client.fetchDelegateForged(this.delegate)
       this.forged = this.currency_format(this.currency_subToUnit(forged), { currencyFrom: 'network' })
     },
 
@@ -283,12 +295,14 @@ export default {
 
     reset () {
       this.isPassphraseStep = false
-      if (!this.currentWallet.passphrase && !this.currentWallet.isLedger) {
-        this.$set(this.form, 'passphrase', '')
-        this.$refs.passphrase.reset()
-      } else if (!this.currentWallet.isLedger) {
-        this.$set(this.form, 'walletPassword', '')
-        this.$refs.password.reset()
+      if (!this.isMultiSignature) {
+        if (!this.currentWallet.passphrase && !this.currentWallet.isLedger) {
+          this.$set(this.form, 'passphrase', '')
+          this.$refs.passphrase.reset()
+        } else if (!this.currentWallet.isLedger) {
+          this.$set(this.form, 'walletPassword', '')
+          this.$refs.password.reset()
+        }
       }
       this.$v.$reset()
     },
diff --git a/src/renderer/components/Transaction/TransactionForm/index.js b/src/renderer/components/Transaction/TransactionForm/index.js
index 47e76cf6b4..09b21fd430 100644
--- a/src/renderer/components/Transaction/TransactionForm/index.js
+++ b/src/renderer/components/Transaction/TransactionForm/index.js
@@ -1,5 +1,11 @@
 import TransactionForm from './TransactionForm'
 import TransactionFormDelegateRegistration from './TransactionFormDelegateRegistration'
+import TransactionFormDelegateResignation from './TransactionFormDelegateResignation'
+import TransactionFormIpfs from './TransactionFormIpfs'
+import TransactionFormMultiPayment from './TransactionFormMultiPayment'
+import TransactionFormMultiSign from './TransactionFormMultiSign'
+import TransactionFormMultiSignature from './TransactionFormMultiSignature'
+import TransactionFormSecondSignature from './TransactionFormSecondSignature'
 import TransactionFormTransfer from './TransactionFormTransfer'
 import TransactionFormVote from './TransactionFormVote'
 
@@ -7,6 +13,12 @@ export default TransactionForm
 export {
   TransactionForm,
   TransactionFormDelegateRegistration,
+  TransactionFormDelegateResignation,
+  TransactionFormIpfs,
+  TransactionFormMultiPayment,
+  TransactionFormMultiSign,
+  TransactionFormMultiSignature,
+  TransactionFormSecondSignature,
   TransactionFormTransfer,
   TransactionFormVote
 }
diff --git a/src/renderer/components/Transaction/TransactionForm/mixin.js b/src/renderer/components/Transaction/TransactionForm/mixin.js
index 55e9a640f8..10e5219297 100644
--- a/src/renderer/components/Transaction/TransactionForm/mixin.js
+++ b/src/renderer/components/Transaction/TransactionForm/mixin.js
@@ -17,7 +17,9 @@ export default {
 
     passphrase: {
       isValid (value) {
-        if (this.currentWallet.isLedger || this.currentWallet.passphrase) {
+        if (this.isMultiSignature) {
+          return true
+        } else if (this.currentWallet && (this.currentWallet.isLedger || this.currentWallet.passphrase)) {
           return true
         }
 
@@ -31,7 +33,9 @@ export default {
 
     walletPassword: {
       isValid (value) {
-        if (this.currentWallet.isLedger || !this.currentWallet.passphrase) {
+        if (this.isMultiSignature) {
+          return true
+        } else if (this.currentWallet && (this.currentWallet.isLedger || !this.currentWallet.passphrase)) {
           return true
         }
 
@@ -69,6 +73,10 @@ export default {
   },
 
   computed: {
+    isMultiSignature () {
+      return this.currentWallet && !!this.currentWallet.multiSignature
+    },
+
     currentWallet () {
       return this.wallet_fromRoute
     },
@@ -83,7 +91,9 @@ export default {
   },
 
   mounted () {
-    this.form.fee = this.$refs.fee.fee
+    if (this.$refs.fee) {
+      this.form.fee = this.$refs.fee.fee
+    }
   },
 
   methods: {
@@ -119,7 +129,7 @@ export default {
 
     async submit () {
       // Ensure that fee has value, even when the user has not interacted
-      if (!this.form.fee) {
+      if (!this.form.fee && this.$refs.fee) {
         this.$set(this.form, 'fee', this.$refs.fee.fee)
       }
 
@@ -128,7 +138,14 @@ export default {
       let success = true
       let transaction
       if (!this.currentWallet.isLedger) {
-        transaction = await this.buildTransaction(transactionData, this.$refs.fee && this.$refs.fee.isAdvancedFee)
+        try {
+          transaction = await this.buildTransaction(transactionData, this.$refs.fee && this.$refs.fee.isAdvancedFee)
+        } catch (error) {
+          this.$logger.error('Could not build transaction: ', error)
+          if (this.transactionError) {
+            this.transactionError(error)
+          }
+        }
       } else {
         success = false
         this.showLedgerLoader = true
diff --git a/src/renderer/components/Transaction/TransactionModal.vue b/src/renderer/components/Transaction/TransactionModal.vue
index ccd4f43646..81fa9a1e55 100644
--- a/src/renderer/components/Transaction/TransactionModal.vue
+++ b/src/renderer/components/Transaction/TransactionModal.vue
@@ -8,6 +8,7 @@
       <TransactionForm
         v-if="!transaction"
         v-bind="$attrs"
+        :group="group"
         :type="type"
         @built="onBuilt"
         @cancel="emitCancel"
@@ -41,10 +42,12 @@
 <script>
 import { camelCase, includes, findKey, upperFirst } from 'lodash'
 import { TRANSACTION_TYPES } from '@config'
-import WalletService from '@/services/wallet'
+import MultiSignature from '@/services/client-multisig'
 import { ModalLoader, ModalWindow } from '@/components/Modal'
 import TransactionForm from './TransactionForm'
 import TransactionConfirm from './TransactionConfirm'
+import TransactionService from '@/services/transaction'
+import WalletService from '@/services/wallet'
 
 export default {
   name: 'TransactionModal',
@@ -57,11 +60,29 @@ export default {
   },
 
   props: {
+    transactionOverride: {
+      type: Object,
+      required: false,
+      default: null
+    },
+
+    group: {
+      type: Number,
+      required: false,
+      default: 1,
+      validator: value => {
+        return Object.keys(TRANSACTION_TYPES).includes(`GROUP_${value}`)
+      }
+    },
+
     type: {
       type: Number,
       required: true,
-      validator: value => includes(TRANSACTION_TYPES, value)
+      validator: value => {
+        return value === TRANSACTION_TYPES.MULTI_SIGN || includes(TRANSACTION_TYPES.GROUP_1, value)
+      }
     },
+
     title: {
       type: String,
       required: false,
@@ -69,16 +90,20 @@ export default {
     }
   },
 
-  data: () => ({
+  data: vm => ({
     showBroadcastingTransactions: false,
     step: 0,
-    transaction: null,
+    transaction: vm.transactionOverride,
     walletOverride: null
   }),
 
   computed: {
     transactionKey () {
-      const key = findKey(TRANSACTION_TYPES, type => this.type === type)
+      if (this.type === TRANSACTION_TYPES.MULTI_SIGN) {
+        return 'MULTI_SIGN'
+      }
+
+      const key = findKey(TRANSACTION_TYPES[`GROUP_${this.group}`], type => this.type === type)
       if (key === 'VOTE' && this.transaction.asset.votes.length) {
         if (this.transaction.asset.votes[0].substring(0, 1) === '-') {
           return 'UNVOTE'
@@ -88,7 +113,11 @@ export default {
       return key
     },
     typeClass () {
-      const type = findKey(TRANSACTION_TYPES, type => this.type === type)
+      if (this.type === TRANSACTION_TYPES.MULTI_SIGN) {
+        return 'TransactionModalMultiSign'
+      }
+
+      const type = findKey(TRANSACTION_TYPES[`GROUP_${this.group}`], type => this.type === type)
       return `TransactionModal${upperFirst(camelCase(type))}`
     },
     typeName () {
@@ -122,7 +151,37 @@ export default {
       this.transaction = null
     },
 
+    async pushMultiSignature (sendToNetwork) {
+      const peer = this.$store.getters['session/multiSignaturePeer']
+      if (!peer) {
+        return
+      }
+
+      const response = await MultiSignature.sendTransaction(peer, this.transaction)
+      if (response && !sendToNetwork) {
+        this.$success(this.$t(`TRANSACTION.SUCCESS.${this.transactionKey}`))
+        this.emitSent(true, this.transaction)
+      } else if (!response) {
+        this.$error(this.$t(`TRANSACTION.ERROR.${this.transactionKey}`))
+      }
+
+      this.$eventBus.emit('wallet:reload:multi-signature')
+
+      this.showBroadcastingTransactions = false
+    },
+
     async onConfirm () {
+      if (TransactionService.isMultiSignature(this.transaction)) {
+        const isReady = TransactionService.isMultiSignatureReady(this.transaction)
+        await this.pushMultiSignature(isReady)
+
+        if (!isReady) {
+          return
+        }
+
+        this.transaction.timestamp = undefined
+      }
+
       // Produce the messages before closing the modal to avoid `$t` scope errors
       const messages = {
         success: this.$t(`TRANSACTION.SUCCESS.${this.transactionKey}`),
@@ -131,7 +190,8 @@ export default {
           fee: this.formatter_networkCurrency(this.transaction.fee)
         }),
         warningBroadcast: this.$t('TRANSACTION.WARNING.BROADCAST'),
-        nothingSent: this.$t('TRANSACTION.ERROR.NOTHING_SENT')
+        nothingSent: this.$t('TRANSACTION.ERROR.NOTHING_SENT'),
+        wrongNonce: this.$t('TRANSACTION.ERROR.WRONG_NONCE')
       }
 
       let responseArray
@@ -179,6 +239,7 @@ export default {
 
               success = true
               this.$success(messages.success)
+
               return
             }
           }
@@ -190,11 +251,21 @@ export default {
           const anyLowFee = Object.keys(errors).some(transactionId => {
             return errors[transactionId].some(error => error.type === 'ERR_LOW_FEE')
           })
+          const anyNotDuplicate = Object.keys(errors).some(transactionId => {
+            return errors[transactionId].some(error => !['ERR_DUPLICATE', 'ERR_FORGED', 'ERR_ALREADY_IN_POOL', 'ERR_LOW_FEE'].includes(error.type))
+          })
+          const wrongNonce = Object.keys(errors).some(transactionId => {
+            return errors[transactionId].some(error => {
+              return error.type === 'ERR_APPLY' && error.message.includes('Cannot apply a transaction with nonce')
+            })
+          })
 
           // Be clear with the user about the error cause
           if (anyLowFee) {
             this.$error(messages.errorLowFee)
-          } else {
+          } else if (wrongNonce) {
+            this.$error(messages.wrongNonce)
+          } else if (anyNotDuplicate) {
             this.$error(messages.error)
           }
         } else {
@@ -207,8 +278,6 @@ export default {
         this.showBroadcastingTransactions = false
         this.emitSent(success, this.transaction)
       }
-
-      this.emitClose()
     },
 
     emitSent (success, transaction = null) {
@@ -240,22 +309,36 @@ export default {
     },
 
     storeTransaction (transaction) {
-      const { id, type, amount, fee, senderPublicKey, vendorField } = transaction
+      const { type, typeGroup, amount, fee, senderPublicKey, vendorField } = transaction
+
+      let id = transaction.id
+      if (transaction.signatures) {
+        id = TransactionService.getId(transaction)
+      }
+
+      if (!transaction.timestamp) {
+        transaction.timestamp = Math.floor((new Date()).getTime() / 1000)
+      } else if (transaction.timestamp > Math.floor(new Date().getTime() / 1000)) {
+        transaction.timestamp = Math.floor(transaction.timestamp / 1000)
+      }
 
       if (!transaction.timestamp) {
         transaction.timestamp = Math.floor((new Date()).getTime() / 1000)
       }
 
-      const sender = WalletService.getAddressFromPublicKey(senderPublicKey, this.walletNetwork.version)
-      const epoch = new Date(this.walletNetwork.constants.epoch)
-      const timestamp = epoch.getTime() + transaction.timestamp * 1000
+      let timestamp = transaction.timestamp * 1000
+      if (transaction.version === 1) {
+        const epoch = new Date(this.walletNetwork.constants.epoch)
+        timestamp = epoch.getTime() + (transaction.timestamp * 1000)
+      }
 
       this.$store.dispatch('transaction/create', {
         id,
         type,
+        typeGroup: typeGroup || 1,
         amount,
         fee,
-        sender,
+        sender: WalletService.getAddressFromPublicKey(senderPublicKey, this.walletNetwork.version),
         timestamp,
         vendorField,
         confirmations: 0,
@@ -284,8 +367,19 @@ export default {
 .TransactionModal {
   max-width: 45rem
 }
+
 .TransactionModalTransfer {
   /* To allow more space on the fee slider */
   min-width: 38rem;
 }
+
+.TransactionModalBridgechainRegistration,
+.TransactionModalBridgechainUpdate,
+.TransactionModalBusinessRegistration,
+.TransactionModalBusinessUpdate,
+.TransactionModalIpfs,
+.TransactionModalMultiPayment,
+.TransactionModalMultiSignature {
+  min-width: 35rem;
+}
 </style>
diff --git a/src/renderer/components/Transaction/TransactionMultiPaymentList.vue b/src/renderer/components/Transaction/TransactionMultiPaymentList.vue
new file mode 100644
index 0000000000..c502b4577e
--- /dev/null
+++ b/src/renderer/components/Transaction/TransactionMultiPaymentList.vue
@@ -0,0 +1,113 @@
+<template>
+  <InputEditableList
+    v-model="items"
+    :title="title"
+    :readonly="readonly"
+    :required="required"
+    :helper-text="helperText"
+    :is-invalid="isInvalid"
+    :no-items-message="$t('TRANSACTION.MULTI_PAYMENT.NO_RECIPIENTS')"
+    class="TransactionMultiPaymentList"
+    @remove="emitRemove"
+  >
+    <div
+      slot-scope="{ item }"
+      class="flex flex-1"
+    >
+      <WalletIdenticon
+        :value="item.address || item.recipientId"
+        :size="50"
+        class="flex-inline"
+      />
+
+      <div class="flex-1 pl-4">
+        <div class="TransactionMultiPaymentList__recipient py-1">
+          <span class="font-bold">
+            {{ $t('TRANSACTION.RECIPIENT') }}:
+          </span>
+
+          <span>
+            {{ formatWalletAddress(item.address || item.recipientId) }}
+          </span>
+        </div>
+
+        <div class="TransactionMultiPaymentList__amount py-1">
+          <span class="font-bold">
+            {{ $t('TRANSACTION.AMOUNT') }}:
+          </span>
+
+          <span>
+            {{ formatter_networkCurrency(item.amount) }}
+          </span>
+        </div>
+      </div>
+    </div>
+  </InputEditableList>
+</template>
+
+<script>
+import truncate from '@/filters/truncate'
+import { InputEditableList } from '@/components/Input'
+import WalletIdenticon from '@/components/Wallet/WalletIdenticon'
+
+export default {
+  name: 'TransactionMultiPaymentList',
+
+  components: {
+    InputEditableList,
+    WalletIdenticon
+  },
+
+  props: {
+    title: {
+      type: String,
+      required: false,
+      default: 'Recipients'
+    },
+
+    items: {
+      type: Array,
+      required: true
+    },
+
+    readonly: {
+      type: Boolean,
+      required: false,
+      default: false
+    },
+
+    required: {
+      type: Boolean,
+      required: false,
+      default: false
+    },
+
+    helperText: {
+      type: String,
+      required: false,
+      default: null
+    },
+
+    isInvalid: {
+      type: Boolean,
+      required: false,
+      default: false
+    }
+  },
+
+  methods: {
+    formatWalletAddress (address) {
+      const walletName = this.wallet_name(address)
+      if (walletName && walletName !== address) {
+        address = `${truncate(walletName, 25)} (${this.wallet_truncate(address)})`
+      }
+
+      return address
+    },
+
+    emitRemove (index) {
+      this.$emit('remove', index)
+    }
+  }
+}
+</script>
diff --git a/src/renderer/components/Transaction/TransactionMultiSignatureList.vue b/src/renderer/components/Transaction/TransactionMultiSignatureList.vue
new file mode 100644
index 0000000000..1826fb41a1
--- /dev/null
+++ b/src/renderer/components/Transaction/TransactionMultiSignatureList.vue
@@ -0,0 +1,82 @@
+<template>
+  <InputEditableList
+    v-model="items"
+    :title="title"
+    :readonly="readonly"
+    :required="required"
+    :helper-text="helperText"
+    :is-invalid="isInvalid"
+    :no-items-message="$t('TRANSACTION.MULTI_SIGNATURE.NO_SIGNATURES')"
+    @remove="emitRemove"
+  >
+    <div
+      slot-scope="{ item }"
+      class="flex-1"
+    >
+      <span>
+        {{ item.publicKey | truncateMiddle(20) }}
+      </span>
+
+      <span v-if="item.address">
+        ({{ item.address | truncateMiddle(10) }})
+      </span>
+    </div>
+  </InputEditableList>
+</template>
+
+<script>
+import { InputEditableList } from '@/components/Input'
+/* eslint-disable-next-line no-unused-vars */
+import truncateMiddle from '@/filters/truncate-middle'
+
+export default {
+  name: 'TransactionMultiSignatureList',
+
+  components: {
+    InputEditableList
+  },
+
+  props: {
+    title: {
+      type: String,
+      required: false,
+      default: 'Public Keys'
+    },
+
+    items: {
+      type: Array,
+      required: true
+    },
+
+    readonly: {
+      type: Boolean,
+      required: false,
+      default: false
+    },
+
+    required: {
+      type: Boolean,
+      required: false,
+      default: false
+    },
+
+    helperText: {
+      type: String,
+      required: false,
+      default: null
+    },
+
+    isInvalid: {
+      type: Boolean,
+      required: false,
+      default: false
+    }
+  },
+
+  methods: {
+    emitRemove (index) {
+      this.$emit('remove', index)
+    }
+  }
+}
+</script>
diff --git a/src/renderer/components/Transaction/TransactionPeerList.vue b/src/renderer/components/Transaction/TransactionPeerList.vue
new file mode 100644
index 0000000000..67d590f1c1
--- /dev/null
+++ b/src/renderer/components/Transaction/TransactionPeerList.vue
@@ -0,0 +1,75 @@
+<template>
+  <InputEditableList
+    v-model="items"
+    :title="title"
+    :readonly="readonly"
+    :required="required"
+    :helper-text="helperText"
+    :is-invalid="isInvalid"
+    :no-items-message="$t('TRANSACTION.BRIDGECHAIN.NO_PEERS')"
+    @remove="emitRemove"
+  >
+    <div
+      slot-scope="{ item }"
+      class="flex flex-1"
+      :class="{ 'text-red': item.isInvalid }"
+    >
+      {{ item.ip }}
+    </div>
+  </InputEditableList>
+</template>
+
+<script>
+import { InputEditableList } from '@/components/Input'
+
+export default {
+  name: 'TransactionPeerList',
+
+  components: {
+    InputEditableList
+  },
+
+  props: {
+    title: {
+      type: String,
+      required: false,
+      default: 'Peers'
+    },
+
+    items: {
+      type: Array,
+      required: true
+    },
+
+    readonly: {
+      type: Boolean,
+      required: false,
+      default: false
+    },
+
+    required: {
+      type: Boolean,
+      required: false,
+      default: false
+    },
+
+    helperText: {
+      type: String,
+      required: false,
+      default: null
+    },
+
+    isInvalid: {
+      type: Boolean,
+      required: false,
+      default: false
+    }
+  },
+
+  methods: {
+    emitRemove (index) {
+      this.$emit('remove', index)
+    }
+  }
+}
+</script>
diff --git a/src/renderer/components/Transaction/TransactionShow.vue b/src/renderer/components/Transaction/TransactionShow/TransactionShow.vue
similarity index 76%
rename from src/renderer/components/Transaction/TransactionShow.vue
rename to src/renderer/components/Transaction/TransactionShow/TransactionShow.vue
index 7866153b99..eeee747390 100644
--- a/src/renderer/components/Transaction/TransactionShow.vue
+++ b/src/renderer/components/Transaction/TransactionShow/TransactionShow.vue
@@ -76,6 +76,18 @@
         </button>
       </ListDividedItem>
 
+      <ListDividedItem
+        v-if="transaction.asset && transaction.asset.businessRegistration"
+        :label="$t('TRANSACTION.BUSINESS_NAME')"
+        :value="transaction.asset.businessRegistration.name"
+      />
+
+      <ListDividedItem
+        v-if="transaction.asset && transaction.asset.bridgechainRegistration"
+        :label="$t('TRANSACTION.BRIDGECHAIN_NAME')"
+        :value="transaction.asset.bridgechainRegistration.name"
+      />
+
       <ListDividedItem
         :label="$t('TRANSACTION.SENDER')"
         item-value-class="flex items-center"
@@ -105,7 +117,7 @@
       </ListDividedItem>
 
       <ListDividedItem
-        v-if="transaction.recipient"
+        v-if="showRecipient"
         :label="$t('TRANSACTION.RECIPIENT')"
         item-value-class="flex items-center"
       >
@@ -150,6 +162,12 @@
         :value="formatter_networkCurrency(transaction.fee)"
       />
 
+      <ListDividedItem
+        v-if="transaction.nonce"
+        :label="$t('TRANSACTION.NONCE')"
+        :value="transaction.nonce"
+      />
+
       <ListDividedItem
         :label="$t('TRANSACTION.CONFIRMATIONS')"
         item-value-class="flex items-center"
@@ -179,6 +197,12 @@
         </span>
       </ListDividedItem>
 
+      <ListDividedItem
+        v-if="!!multiSignatureWalletAddress"
+        :value="multiSignatureWalletAddress"
+        :label="$t('TRANSACTION.MULTI_SIGNATURE.ADDRESS')"
+      />
+
       <ListDividedItem
         :label="$t('TRANSACTION.TIMESTAMP')"
         :value="formatter_date(transaction.timestamp)"
@@ -189,6 +213,19 @@
         :value="transaction.vendorField"
         :label="$t('TRANSACTION.VENDOR_FIELD')"
       />
+
+      <ListDividedItem
+        v-if="isMultiPayment"
+        class="TransactionShow__Recipients"
+        :label="$t('TRANSACTION.RECIPIENTS')"
+        item-value-class="items-center"
+      >
+        <TransactionMultiPaymentList
+          :title="null"
+          :items="transaction.asset.payments"
+          readonly
+        />
+      </ListDividedItem>
     </ListDivided>
 
     <div v-show="transaction.isExpired">
@@ -211,9 +248,9 @@ import { ListDivided, ListDividedItem } from '@/components/ListDivided'
 import { ModalWindow } from '@/components/Modal'
 import { ButtonClipboard, ButtonGeneric } from '@/components/Button'
 import SvgIcon from '@/components/SvgIcon'
-import TransactionAmount from './TransactionAmount'
-import TransactionStatusIcon from './TransactionStatusIcon'
+import { TransactionAmount, TransactionMultiPaymentList, TransactionStatusIcon } from '@/components/Transaction'
 import WalletAddress from '@/components/Wallet/WalletAddress'
+import WalletService from '@/services/wallet'
 import truncateMiddle from '@/filters/truncate-middle'
 
 export default {
@@ -227,6 +264,7 @@ export default {
     ButtonClipboard,
     SvgIcon,
     TransactionAmount,
+    TransactionMultiPaymentList,
     TransactionStatusIcon,
     WalletAddress
   },
@@ -246,15 +284,36 @@ export default {
     isWellConfirmed () {
       return this.transaction.confirmations >= (this.numberOfActiveDelegates || 51)
     },
+    isMultiPayment () {
+      return this.transaction.asset && this.transaction.asset.payments
+    },
     numberOfActiveDelegates () {
       return at(this, 'session_network.constants.activeDelegates') || 51
     },
     votePublicKey () {
-      if (this.transaction && this.transaction.asset && this.transaction.asset.votes) {
-        const vote = this.transaction.asset.votes[0]
+      const transaction = this.getTransaction()
+      if (transaction && transaction.asset && transaction.asset.votes) {
+        const vote = transaction.asset.votes[0]
         return vote.substr(1)
       }
       return ''
+    },
+
+    multiSignatureWalletAddress () {
+      const transaction = this.getTransaction()
+      if (!transaction.asset || !transaction.asset.multiSignature) {
+        return null
+      }
+
+      return WalletService.getAddressFromMultiSignatureAsset(transaction.asset.multiSignature)
+    },
+
+    showRecipient () {
+      if (this.transaction.asset && this.transaction.asset.payments) {
+        return false
+      }
+
+      return this.transaction.recipient
     }
   },
 
@@ -265,6 +324,14 @@ export default {
   },
 
   methods: {
+    getTransaction () {
+      if (this.transaction.raw) {
+        return this.transaction.raw
+      }
+
+      return this.transaction
+    },
+
     openTransaction () {
       this.network_openExplorer('transaction', this.transaction.id)
     },
@@ -309,6 +376,16 @@ export default {
 
 <style>
 .TransactionShow {
-  min-width: 35rem
+  @apply .overflow-auto;
+  min-width: 35rem;
+  max-height: 80vh;
+}
+
+.TransactionShow__Recipients {
+  @apply .pb-0;
+}
+
+.TransactionShow__Recipients.ListDividedItem > div {
+  @apply .flex-col .items-start;
 }
 </style>
diff --git a/src/renderer/components/Transaction/TransactionShow/TransactionShowMultiSignature.vue b/src/renderer/components/Transaction/TransactionShow/TransactionShowMultiSignature.vue
new file mode 100644
index 0000000000..1ec639f479
--- /dev/null
+++ b/src/renderer/components/Transaction/TransactionShow/TransactionShowMultiSignature.vue
@@ -0,0 +1,345 @@
+<template>
+  <ModalWindow
+    :title="$t('TRANSACTION.TRANSACTION')"
+    container-classes="TransactionShowMultiSignature"
+    @close="emitClose"
+  >
+    <ListDivided>
+      <ListDividedItem
+        :label="$t('TRANSACTION.ID')"
+        item-value-class="flex items-center"
+      >
+        <span
+          v-tooltip="{
+            content: transaction.id,
+            trigger: 'hover',
+            classes: 'text-xs'
+          }"
+          class="cursor-default"
+        >
+          {{ transaction.id | truncateMiddle(30) }}
+        </span>
+        <ButtonClipboard
+          :value="transaction.id"
+          :class="{ 'mr-2': transaction.confirmations }"
+          class="text-theme-page-text-light ml-2"
+        />
+        <button
+          v-if="transaction.confirmations"
+          v-tooltip="{
+            content: `${$t('TRANSACTION.OPEN_IN_EXPLORER')}`,
+            trigger: 'hover'
+          }"
+          class="flex items-center"
+          @click="openTransaction"
+        >
+          <SvgIcon
+            name="open-external"
+            view-box="0 0 12 12"
+            class="text-theme-page-text-light"
+          />
+        </button>
+      </ListDividedItem>
+
+      <ListDividedItem
+        v-if="transaction.blockId"
+        :label="$t('TRANSACTION.BLOCK_ID')"
+        item-value-class="flex items-center"
+      >
+        <span
+          v-tooltip="{
+            content: transaction.blockId,
+            trigger: 'hover',
+            classes: 'text-xs'
+          }"
+          class="cursor-default"
+        >
+          {{ transaction.blockId | truncateMiddle(30) }}
+        </span>
+        <ButtonClipboard
+          :value="transaction.blockId"
+          class="text-theme-page-text-light mx-2"
+        />
+        <button
+          v-tooltip="{
+            content: `${$t('TRANSACTION.OPEN_IN_EXPLORER')}`,
+            trigger: 'hover'
+          }"
+          class="flex items-center"
+          @click="openBlock"
+        >
+          <SvgIcon
+            name="open-external"
+            view-box="0 0 12 12"
+            class="text-theme-page-text-light"
+          />
+        </button>
+      </ListDividedItem>
+
+      <ListDividedItem
+        :label="$t('TRANSACTION.SENDER')"
+        item-value-class="flex items-center"
+      >
+        <WalletAddress
+          :address="getAddress(transaction)"
+          @click="emitClose"
+        />
+        <ButtonClipboard
+          :value="getAddress(transaction)"
+          class="text-theme-page-text-light mx-2"
+        />
+        <button
+          v-tooltip="{
+            content: `${$t('TRANSACTION.OPEN_IN_EXPLORER')}`,
+            trigger: 'hover'
+          }"
+          class="flex items-center"
+          @click="openAddress(getAddress(transaction))"
+        >
+          <SvgIcon
+            name="open-external"
+            view-box="0 0 12 12"
+            class="text-theme-page-text-light"
+          />
+        </button>
+      </ListDividedItem>
+
+      <ListDividedItem
+        v-if="transaction.recipient"
+        :label="$t('TRANSACTION.RECIPIENT')"
+        item-value-class="flex items-center"
+      >
+        <WalletAddress
+          :address="transaction.recipient"
+          @click="emitClose"
+        />
+        <ButtonClipboard
+          class="text-theme-page-text-light mx-2"
+          :value="votedDelegate ? votedDelegate.address : transaction.recipient"
+        />
+        <button
+          v-tooltip="{
+            content: `${$t('TRANSACTION.OPEN_IN_EXPLORER')}`,
+            trigger: 'hover'
+          }"
+          class="flex items-center"
+          @click="openAddress(votedDelegate ? votedDelegate.address : transaction.recipient)"
+        >
+          <SvgIcon
+            name="open-external"
+            view-box="0 0 12 12"
+            class="text-theme-page-text-light"
+          />
+        </button>
+      </ListDividedItem>
+
+      <ListDividedItem
+        :label="$t('TRANSACTION.AMOUNT')"
+        item-value-class="flex items-center"
+      >
+        <TransactionAmount :transaction="transaction" />
+        <TransactionStatusIcon
+          v-bind="transaction"
+          :show-waiting-confirmations="false"
+          class="ml-2"
+        />
+      </ListDividedItem>
+
+      <ListDividedItem
+        :label="$t('TRANSACTION.FEE')"
+        :value="formatter_networkCurrency(transaction.fee)"
+      />
+
+      <ListDividedItem
+        v-if="transaction.nonce"
+        :label="$t('TRANSACTION.NONCE')"
+        :value="transaction.nonce"
+      />
+
+      <ListDividedItem
+        :label="$t('TRANSACTION.TIMESTAMP')"
+        :value="formatter_date(transaction.timestamp)"
+      />
+
+      <ListDividedItem
+        v-if="transaction.vendorField"
+        :value="transaction.vendorField"
+        :label="$t('TRANSACTION.VENDOR_FIELD')"
+      />
+
+      <ListDividedItem
+        v-if="!!multiSignatureWalletAddress"
+        :value="multiSignatureWalletAddress"
+        :label="$t('TRANSACTION.MULTI_SIGNATURE.ADDRESS')"
+      />
+
+      <ListDividedItem
+        :value="totalCount"
+        :label="$t('TRANSACTION.MULTI_SIGNATURE.TOTAL_SIGNATURES')"
+      />
+    </ListDivided>
+
+    <div
+      v-if="canSign || canBeSent"
+      class="text-left"
+    >
+      <ButtonModal
+        v-if="canSign"
+        slot="primaryButton"
+        :label="$t('TRANSACTION.SIGN')"
+        class="ButtonGeneric blue-button"
+      >
+        <template slot-scope="{ toggle, isOpen }">
+          <TransactionModal
+            v-if="isOpen"
+            :type="-1"
+            :transaction="transaction"
+            @cancel="closeTransactionModal(toggle, isOpen)"
+            @sent="closeTransactionModal(toggle, isOpen)"
+          />
+        </template>
+      </ButtonModal>
+
+      <ButtonModal
+        v-if="canBeSent"
+        slot="primaryButton"
+        :label="$t('TRANSACTION.SEND')"
+        class="ButtonGeneric blue-button"
+      >
+        <template slot-scope="{ toggle, isOpen }">
+          <TransactionModal
+            v-if="isOpen"
+            :type="transaction.type"
+            :transaction-override="transaction"
+            @cancel="closeTransactionModal(toggle, isOpen)"
+            @sent="closeTransactionModal(toggle, isOpen)"
+          />
+        </template>
+      </ButtonModal>
+    </div>
+  </ModalWindow>
+</template>
+
+<script>
+import { TRANSACTION_TYPES } from '@config'
+import { ListDivided, ListDividedItem } from '@/components/ListDivided'
+import { ModalWindow } from '@/components/Modal'
+import { ButtonClipboard, ButtonModal } from '@/components/Button'
+import SvgIcon from '@/components/SvgIcon'
+import { TransactionAmount, TransactionModal, TransactionStatusIcon } from '@/components/Transaction'
+import TransactionService from '@/services/transaction'
+import WalletAddress from '@/components/Wallet/WalletAddress'
+import WalletService from '@/services/wallet'
+
+export default {
+  name: 'TransactionShowMultiSignature',
+
+  components: {
+    ListDivided,
+    ListDividedItem,
+    ModalWindow,
+    ButtonClipboard,
+    ButtonModal,
+    SvgIcon,
+    TransactionAmount,
+    TransactionModal,
+    TransactionStatusIcon,
+    WalletAddress
+  },
+
+  props: {
+    transaction: {
+      type: Object,
+      required: true
+    }
+  },
+
+  data: () => ({
+    votedDelegate: null
+  }),
+
+  computed: {
+    totalCount () {
+      return this.$t('COMMON.X_OF_Y', [
+        (this.transaction.signatures || []).length,
+        this.transaction.multiSignature.publicKeys.length
+      ])
+    },
+
+    canSign () {
+      return TransactionService.needsWalletSignature(this.transaction, WalletService.getPublicKeyFromWallet(this.wallet_fromRoute))
+    },
+
+    canBeSent () {
+      return TransactionService.isMultiSignatureReady(this.transaction)
+    },
+
+    votePublicKey () {
+      if (this.transaction && this.transaction.asset && this.transaction.asset.votes) {
+        const vote = this.transaction.asset.votes[0]
+        return vote.substr(1)
+      }
+      return ''
+    },
+
+    multiSignatureWalletAddress () {
+      if (this.transaction.type !== TRANSACTION_TYPES.GROUP_1.MULTI_SIGNATURE || !this.transaction.multiSignature) {
+        return null
+      }
+
+      return WalletService.getAddressFromMultiSignatureAsset(this.transaction.multiSignature)
+    }
+  },
+
+  async mounted () {
+    if (this.votePublicKey) {
+      this.determineVote()
+    }
+  },
+
+  methods: {
+    openTransaction () {
+      this.network_openExplorer('transaction', this.transaction.id)
+    },
+
+    openAddress (address) {
+      this.network_openExplorer('address', address)
+    },
+
+    openBlock (address) {
+      this.network_openExplorer('block', this.transaction.blockId)
+    },
+
+    closeTransactionModal (toggleMethod, isOpen) {
+      if (isOpen) {
+        toggleMethod()
+      }
+
+      this.emitClose()
+    },
+
+    emitClose () {
+      this.$emit('close', 'navigateToTransactions')
+    },
+
+    openAddressInWallet (address) {
+      this.$router.push({ name: 'wallet-show', params: { address } })
+      this.emitClose()
+    },
+
+    determineVote () {
+      this.votedDelegate = this.$store.getters['delegate/byPublicKey'](this.votePublicKey)
+    },
+
+    getAddress (transaction) {
+      return transaction.sender || WalletService.getAddressFromPublicKey(transaction.senderPublicKey, this.session_network.version)
+    }
+  }
+}
+</script>
+
+<style>
+.TransactionShowMultiSignature {
+  min-width: 35rem
+}
+</style>
diff --git a/src/renderer/components/Transaction/TransactionShow/index.js b/src/renderer/components/Transaction/TransactionShow/index.js
new file mode 100644
index 0000000000..99af825245
--- /dev/null
+++ b/src/renderer/components/Transaction/TransactionShow/index.js
@@ -0,0 +1,9 @@
+import TransactionShow from './TransactionShow'
+import TransactionShowMultiSignature from './TransactionShowMultiSignature'
+
+export default TransactionShow
+
+export {
+  TransactionShow,
+  TransactionShowMultiSignature
+}
diff --git a/src/renderer/components/Transaction/TransactionTable.vue b/src/renderer/components/Transaction/TransactionTable/TransactionTable.vue
similarity index 77%
rename from src/renderer/components/Transaction/TransactionTable.vue
rename to src/renderer/components/Transaction/TransactionTable/TransactionTable.vue
index 0dd14b5c3e..ca996b1a4b 100644
--- a/src/renderer/components/Transaction/TransactionTable.vue
+++ b/src/renderer/components/Transaction/TransactionTable/TransactionTable.vue
@@ -95,11 +95,33 @@
             :address="data.row.recipient"
             :address-length="8"
             :type="data.row.type"
+            :group="data.row.typeGroup"
             :asset="data.row.asset"
             tooltip-container=".TransactionTable"
           />
         </div>
 
+        <div
+          v-else-if="data.column.field === 'asset.ipfs'"
+          :class="[ isDashboard ? 'dashboard-address' : 'max-w-xxs' ]"
+        >
+          <a
+            class="flex items-center whitespace-no-wrap"
+            href="#"
+            @click.stop="electron_openExternal(getIpfsUrl(data.row))"
+          >
+            <span class="mr-1">
+              {{ data.formattedRow[data.column.field] }}
+            </span>
+
+            <SvgIcon
+              name="open-external"
+              view-box="0 0 12 12"
+              class="text-theme-page-text-light"
+            />
+          </a>
+        </div>
+
         <span
           v-else
           :class="{ 'word-break-all': data.column.field === 'vendorField' }"
@@ -122,10 +144,10 @@
 </template>
 
 <script>
+import { TRANSACTION_TYPES } from '@config'
 import SvgIcon from '@/components/SvgIcon'
 import truncateMiddle from '@/filters/truncate-middle'
-import TransactionShow from './TransactionShow'
-import TransactionStatusIcon from './TransactionStatusIcon'
+import { TransactionShow, TransactionStatusIcon } from '@/components/Transaction'
 import WalletAddress from '@/components/Wallet/WalletAddress'
 import TableWrapper from '@/components/utils/TableWrapper'
 
@@ -146,10 +168,17 @@ export default {
       required: false,
       default: false
     },
+
     isDashboard: {
       type: Boolean,
       required: false,
       default: false
+    },
+
+    transactionType: {
+      type: Number,
+      required: false,
+      default: null
     }
   },
 
@@ -168,7 +197,7 @@ export default {
         vendorFieldClass.push('xl:table-cell')
       }
 
-      return [
+      const columns = [
         {
           label: this.$t('TRANSACTION.ID'),
           field: 'id',
@@ -181,22 +210,36 @@ export default {
           formatFn: this.formatDate,
           tdClass: 'text-center',
           thClass: 'text-center'
-        },
-        {
-          label: this.$t('TRANSACTION.SENDER'),
-          field: 'sender'
-        },
-        {
-          label: this.$t('TRANSACTION.RECIPIENT'),
-          field: 'recipient'
-        },
-        {
-          label: this.$t('TRANSACTION.VENDOR_FIELD'),
-          field: 'vendorField',
-          formatFn: this.formatSmartbridge,
-          tdClass: vendorFieldClass.join(' '),
-          thClass: vendorFieldClass.join(' ')
-        },
+        }
+      ]
+
+      if (this.transactionType === TRANSACTION_TYPES.GROUP_1.IPFS) {
+        columns.push({
+          label: this.$t('TRANSACTION.HASH'),
+          field: 'asset.ipfs',
+          formatFn: this.formatHash
+        })
+      } else {
+        columns.push(...[
+          {
+            label: this.$t('TRANSACTION.SENDER'),
+            field: 'sender'
+          },
+          {
+            label: this.$t('TRANSACTION.RECIPIENT'),
+            field: 'recipient'
+          },
+          {
+            label: this.$t('TRANSACTION.VENDOR_FIELD'),
+            field: 'vendorField',
+            formatFn: this.formatSmartbridge,
+            tdClass: vendorFieldClass.join(' '),
+            thClass: vendorFieldClass.join(' ')
+          }
+        ])
+      }
+
+      columns.push(...[
         {
           label: this.$t('TRANSACTION.AMOUNT'),
           type: 'number',
@@ -205,7 +248,9 @@ export default {
           tdClass: 'text-right',
           thClass: 'text-right'
         }
-      ]
+      ])
+
+      return columns
     }
   },
 
@@ -233,6 +278,10 @@ export default {
       return value
     },
 
+    formatHash (value) {
+      return truncateMiddle(value, 10)
+    },
+
     formatRow (row) {
       const classes = [
         row.confirmations === 0 ? 'unconfirmed' : 'confirmed'
@@ -245,6 +294,10 @@ export default {
       return classes.join(' ')
     },
 
+    getIpfsUrl (row) {
+      return `https://cloudflare-ipfs.com/ipfs/${row.asset.ipfs}`
+    },
+
     openTransactions (id) {
       this.network_openExplorer('transaction', id)
     },
diff --git a/src/renderer/components/Transaction/TransactionTable/TransactionTableMultiSignature.vue b/src/renderer/components/Transaction/TransactionTable/TransactionTableMultiSignature.vue
new file mode 100644
index 0000000000..11f1b77bff
--- /dev/null
+++ b/src/renderer/components/Transaction/TransactionTable/TransactionTableMultiSignature.vue
@@ -0,0 +1,274 @@
+<template>
+  <div class="TransactionMultiSignatureTable w-full">
+    <TableWrapper
+      v-bind="$attrs"
+      :columns="columns"
+      :row-style-class="formatRow"
+      :no-data-message="$t('TABLE.NO_TRANSACTIONS')"
+      v-on="$listeners"
+      @on-row-click="onRowClick"
+      @on-sort-change="onSortChange"
+    >
+      <template
+        slot-scope="data"
+      >
+        <div
+          v-if="data.column.field === 'amount'"
+          class="flex items-center justify-end"
+        >
+          <span
+            v-tooltip="{
+              content: `${$t('TRANSACTION.AMOUNT')}: ${data.formattedRow['amount']}<br>${$t('TRANSACTION.FEE')}: ${formatAmount(data.row.fee)}`,
+              html: true,
+              classes: 'leading-loose',
+              trigger: 'hover',
+              container: '.TransactionMultiSignatureTable',
+              placement: 'left'
+            }"
+            class="font-bold mr-2 whitespace-no-wrap"
+          >
+            {{ data.row.isSender ? '-' : '+' }}
+            {{ data.formattedRow['amount'] }}
+          </span>
+        </div>
+
+        <div
+          v-else-if="data.column.field === 'sender'"
+          class="max-w-xxs"
+        >
+          <WalletAddress
+            :address="formatAddress(data.row)"
+            :address-length="8"
+            tooltip-container=".TransactionMultiSignatureTable"
+          />
+        </div>
+
+        <div
+          v-else-if="data.column.field === 'recipient'"
+          class="max-w-xxs"
+        >
+          <WalletAddress
+            :address="data.row.recipient || data.row.recipientId"
+            :address-length="8"
+            :type="data.row.type"
+            :asset="data.row.asset"
+            tooltip-container=".TransactionMultiSignatureTable"
+          />
+        </div>
+
+        <div
+          v-else-if="data.column.field === 'status'"
+          class="max-w-xxs"
+        >
+          <span
+            v-if="needsWalletSignature(data.row)"
+            class="text-red"
+          >
+            {{ $t('TRANSACTION.MULTI_SIGNATURE.YOUR_SIGNATURE') }}
+          </span>
+
+          <span
+            v-else-if="needsSignatures(data.row)"
+            class="text-red"
+          >
+            {{ $t('TRANSACTION.MULTI_SIGNATURE.N_MORE', [remainingSignatureCount(data.row)]) }}
+          </span>
+
+          <span
+            v-else
+            class="text-green"
+          >
+            {{ $t('TRANSACTION.MULTI_SIGNATURE.READY') }}
+          </span>
+        </div>
+
+        <span v-else>
+          {{ data.formattedRow[data.column.field] }}
+        </span>
+      </template>
+    </TableWrapper>
+
+    <Portal
+      v-if="selected"
+      to="modal"
+    >
+      <TransactionShowMultiSignature
+        :transaction="selected"
+        @close="onCloseModal"
+      />
+    </Portal>
+  </div>
+</template>
+
+<script>
+import truncateMiddle from '@/filters/truncate-middle'
+import { TransactionShowMultiSignature } from '@/components/Transaction'
+import WalletAddress from '@/components/Wallet/WalletAddress'
+import TableWrapper from '@/components/utils/TableWrapper'
+import TransactionService from '@/services/transaction'
+import WalletService from '@/services/wallet'
+
+export default {
+  name: 'TransactionMultiSignatureTable',
+
+  components: {
+    TableWrapper,
+    TransactionShowMultiSignature,
+    WalletAddress
+  },
+
+  props: {
+    hasShortId: {
+      type: Boolean,
+      required: false,
+      default: false
+    },
+
+    transactionType: {
+      type: Number,
+      required: false,
+      default: null
+    }
+  },
+
+  data: () => ({
+    selected: null
+  }),
+
+  computed: {
+    columns () {
+      return [
+        {
+          label: this.$t('TRANSACTION.ID'),
+          field: 'id',
+          formatFn: this.formatTransactionId
+        },
+        {
+          label: this.$t('COMMON.DATE'),
+          field: 'timestamp',
+          type: 'date',
+          formatFn: this.formatDate,
+          tdClass: 'text-center',
+          thClass: 'text-center'
+        },
+        {
+          label: this.$t('TRANSACTION.SENDER'),
+          field: 'sender'
+        },
+        {
+          label: this.$t('TRANSACTION.RECIPIENT'),
+          field: 'recipient'
+        },
+        {
+          label: this.$t('TRANSACTION.STATUS'),
+          field: 'status'
+        },
+        {
+          label: this.$t('TRANSACTION.AMOUNT'),
+          type: 'number',
+          field: 'amount',
+          formatFn: this.formatAmount,
+          tdClass: 'text-right',
+          thClass: 'text-right'
+        }
+      ]
+    }
+  },
+
+  methods: {
+    needsSignatures (transaction) {
+      return TransactionService.needsSignatures(transaction)
+    },
+
+    needsWalletSignature (transaction) {
+      return TransactionService.needsWalletSignature(transaction, WalletService.getPublicKeyFromWallet(this.wallet_fromRoute))
+    },
+
+    remainingSignatureCount (transaction) {
+      let min = transaction.multiSignature.min
+      if (TransactionService.isMultiSignatureRegistration(transaction)) {
+        min = transaction.multiSignature.publicKeys.length
+      }
+
+      return min - transaction.signatures.length
+    },
+
+    formatDate (value) {
+      return this.formatter_date(value)
+    },
+
+    formatAddress (row) {
+      return row.sender || WalletService.getAddressFromPublicKey(row.senderPublicKey, this.session_network.version)
+    },
+
+    formatTransactionId (value) {
+      return this.hasShortId ? truncateMiddle(value, 6) : truncateMiddle(value, 10)
+    },
+
+    formatAmount (value) {
+      return this.formatter_networkCurrency(value)
+    },
+
+    formatSmartbridge (value) {
+      if (value.length > 43) {
+        return `${value.slice(0, 40)}...`
+      }
+      return value
+    },
+
+    formatHash (value) {
+      return truncateMiddle(value, 10)
+    },
+
+    formatRow (row) {
+      const classes = [
+        row.confirmations === 0 ? 'unconfirmed' : 'confirmed'
+      ]
+
+      if (row.isExpired) {
+        classes.push('expired')
+      }
+
+      return classes.join(' ')
+    },
+
+    getIpfsUrl (row) {
+      return `https://cloudflare-ipfs.com/ipfs/${row.asset.ipfs}`
+    },
+
+    openTransactions (id) {
+      this.network_openExplorer('transaction', id)
+    },
+
+    onSortChange (sortOptions) {
+      this.$emit('on-sort-change', {
+        source: 'transactionsTab',
+        ...sortOptions[0]
+      })
+    },
+
+    onRowClick ({ row }) {
+      this.selected = row
+    },
+
+    onCloseModal () {
+      this.selected = null
+    }
+  }
+}
+</script>
+
+<style lang="postcss">
+.TransactionMultiSignatureTable tr.unconfirmed {
+  @apply opacity-50 text-theme-page-text;
+}
+.TransactionMultiSignatureTable tr.unconfirmed .Transaction__confirmations {
+  @apply text-theme-page-text bg-theme-page-instructions-background;
+}
+.TransactionMultiSignatureTable tr.expired {
+  @apply line-through;
+}
+.TransactionMultiSignatureTable td .dashboard-address {
+  width: 100px;
+}
+</style>
diff --git a/src/renderer/components/Transaction/TransactionTable/index.js b/src/renderer/components/Transaction/TransactionTable/index.js
new file mode 100644
index 0000000000..819838cf81
--- /dev/null
+++ b/src/renderer/components/Transaction/TransactionTable/index.js
@@ -0,0 +1,9 @@
+import TransactionTable from './TransactionTable'
+import TransactionTableMultiSignature from './TransactionTableMultiSignature'
+
+export default TransactionTable
+
+export {
+  TransactionTable,
+  TransactionTableMultiSignature
+}
diff --git a/src/renderer/components/Transaction/index.js b/src/renderer/components/Transaction/index.js
index 1fd5c7e71c..feca642b34 100644
--- a/src/renderer/components/Transaction/index.js
+++ b/src/renderer/components/Transaction/index.js
@@ -1,8 +1,9 @@
 import TransactionAmount from './TransactionAmount'
 import TransactionDetail from './TransactionDetail'
 import TransactionModal from './TransactionModal'
-import TransactionShow from './TransactionShow'
-import TransactionTable from './TransactionTable'
+import TransactionMultiPaymentList from './TransactionMultiPaymentList'
+import TransactionPeerList from './TransactionPeerList'
+import TransactionStatusIcon from './TransactionStatusIcon'
 
 export * from './TransactionForm'
 
@@ -10,6 +11,10 @@ export {
   TransactionAmount,
   TransactionDetail,
   TransactionModal,
-  TransactionShow,
-  TransactionTable
+  TransactionMultiPaymentList,
+  TransactionPeerList,
+  TransactionStatusIcon
 }
+
+export * from './TransactionShow'
+export * from './TransactionTable'
diff --git a/src/renderer/components/Wallet/WalletAddress.vue b/src/renderer/components/Wallet/WalletAddress.vue
index 7df1218df7..2e88566ab4 100644
--- a/src/renderer/components/Wallet/WalletAddress.vue
+++ b/src/renderer/components/Wallet/WalletAddress.vue
@@ -1,31 +1,13 @@
 <template>
   <span class="WalletAddress flex items-center">
-    <span
-      v-if="!type"
-      v-tooltip="{
-        content: address,
-        container: tooltipContainer,
-        delay: { show: 300, hide: 0 },
-        show: showTooltip,
-        trigger: 'manual'
-      }"
-    >
-      <a
-        @click.stop="onClick"
-        @mouseover="onMouseOver"
-        @mouseout="onMouseOut"
-      >
-        {{ wallet_formatAddress(address, addressLength) }}
-      </a>
-    </span>
-    <span v-else-if="type === 1">
+    <span v-if="group === 1 && type === 1">
       {{ $t("TRANSACTION.TYPE.SECOND_SIGNATURE") }}
     </span>
-    <span v-else-if="type === 2">
+    <span v-else-if="group === 1 && type === 2">
       {{ $t("TRANSACTION.TYPE.DELEGATE_REGISTRATION") }}
     </span>
     <span
-      v-else-if="type === 3"
+      v-else-if="group === 1 && type === 3"
       v-tooltip="{
         content: votedDelegateAddress,
         container: tooltipContainer,
@@ -49,21 +31,63 @@
         </span>
       </a>
     </span>
-    <span v-else-if="type === 4">
+    <span v-else-if="group === 1 && type === 4">
       {{ $t("TRANSACTION.TYPE.MULTI_SIGNATURE") }}
     </span>
-    <span v-else-if="type === 5">
+    <span v-else-if="group === 1 && type === 5">
       {{ $t("TRANSACTION.TYPE.IPFS") }}
     </span>
-    <span v-else-if="type === 6">
-      {{ $t("TRANSACTION.TYPE.TIMELOCK_TRANSFER") }}
-    </span>
-    <span v-else-if="type === 7">
+    <span v-else-if="group === 1 && type === 6">
       {{ $t("TRANSACTION.TYPE.MULTI_PAYMENT") }}
     </span>
-    <span v-else-if="type === 8">
+    <span v-else-if="group === 1 && type === 7">
       {{ $t("TRANSACTION.TYPE.DELEGATE_RESIGNATION") }}
     </span>
+    <span v-else-if="group === 1 && type === 8">
+      {{ $t("TRANSACTION.TYPE.HTLC_LOCK") }}
+    </span>
+    <span v-else-if="group === 1 && type === 9">
+      {{ $t("TRANSACTION.TYPE.HTLC_CLAIM") }}
+    </span>
+    <span v-else-if="group === 1 && type === 10">
+      {{ $t("TRANSACTION.TYPE.HTLC_REFUND") }}
+    </span>
+    <span v-else-if="group === 2 && type === 0">
+      {{ $t("TRANSACTION.TYPE.BUSINESS_REGISTRATION") }}
+    </span>
+    <span v-else-if="group === 2 && type === 1">
+      {{ $t("TRANSACTION.TYPE.BUSINESS_RESIGNATION") }}
+    </span>
+    <span v-else-if="group === 2 && type === 2">
+      {{ $t("TRANSACTION.TYPE.BUSINESS_UPDATE") }}
+    </span>
+    <span v-else-if="group === 2 && type === 3">
+      {{ $t("TRANSACTION.TYPE.BRIDGECHAIN_REGISTRATION") }}
+    </span>
+    <span v-else-if="group === 2 && type === 4">
+      {{ $t("TRANSACTION.TYPE.BRIDGECHAIN_RESIGNATION") }}
+    </span>
+    <span v-else-if="group === 2 && type === 5">
+      {{ $t("TRANSACTION.TYPE.BRIDGECHAIN_UPDATE") }}
+    </span>
+    <span
+      v-else
+      v-tooltip="{
+        content: address,
+        container: tooltipContainer,
+        delay: { show: 300, hide: 0 },
+        show: showTooltip,
+        trigger: 'manual'
+      }"
+    >
+      <a
+        @click.stop="onClick"
+        @mouseover="onMouseOver"
+        @mouseout="onMouseOut"
+      >
+        {{ wallet_formatAddress(address, addressLength) }}
+      </a>
+    </span>
 
     <SvgIcon
       v-if="isKnownWallet()"
@@ -101,6 +125,11 @@ export default {
       required: false,
       default: () => 0
     },
+    group: {
+      type: Number,
+      required: false,
+      default: () => 1
+    },
     tooltipContainer: {
       type: String,
       required: false,
@@ -193,7 +222,8 @@ export default {
 
 <style lang="postcss" scoped>
 .WalletAddress > span {
-  @apply truncate
+  @apply .truncate;
+  padding-right: 1px;
 }
 
 .WalletAddress a {
diff --git a/src/renderer/components/Wallet/WalletBusiness/WalletBusiness.vue b/src/renderer/components/Wallet/WalletBusiness/WalletBusiness.vue
new file mode 100644
index 0000000000..c613619427
--- /dev/null
+++ b/src/renderer/components/Wallet/WalletBusiness/WalletBusiness.vue
@@ -0,0 +1,67 @@
+<template>
+  <div class="WalletBusiness mx-4 overflow-hidden">
+    <div class="flex flex-row pb-5 border-b border-dashed border-theme-line-separator">
+      <div class="flex flex-col justify-center pl-4">
+        <span class="font-bold">
+          {{ $t('WALLET_BUSINESS.HEADER') }}
+        </span>
+        <span>{{ $t('WALLET_BUSINESS.DESCRIPTION') }}</span>
+      </div>
+
+      <div class="flex-1 flex flex-row items-center ml-4">
+        <ButtonModal
+          :label="$t('WALLET_BUSINESS.BUTTON_REGISTER_BRIDGECHAIN')"
+          class="blue-button mr-2 py-2 px-4"
+        >
+          <template slot-scope="{ toggle, isOpen }">
+            <TransactionModal
+              v-if="isOpen"
+              :type="bridgechainRegistration.type"
+              :group="bridgechainRegistration.group"
+              @cancel="closeTransactionModal(toggle, isOpen)"
+              @sent="closeTransactionModal(toggle, isOpen)"
+            />
+          </template>
+        </ButtonModal>
+      </div>
+    </div>
+
+    <WalletBusinessBridgechains
+      class="mt-4"
+    />
+  </div>
+</template>
+
+<script>
+import { TRANSACTION_GROUPS, TRANSACTION_TYPES } from '@config'
+import { ButtonModal } from '@/components/Button'
+import { TransactionModal } from '@/components/Transaction'
+import WalletBusinessBridgechains from './WalletBusinessBridgechains'
+
+export default {
+  name: 'WalletBusiness',
+
+  components: {
+    ButtonModal,
+    TransactionModal,
+    WalletBusinessBridgechains
+  },
+
+  data () {
+    return {
+      bridgechainRegistration: {
+        type: TRANSACTION_TYPES.GROUP_2.BRIDGECHAIN_REGISTRATION,
+        group: TRANSACTION_GROUPS.MAGISTRATE
+      }
+    }
+  },
+
+  methods: {
+    closeTransactionModal (toggleMethod, isOpen) {
+      if (isOpen) {
+        toggleMethod()
+      }
+    }
+  }
+}
+</script>
diff --git a/src/renderer/components/Wallet/WalletBusiness/WalletBusinessBridgechains.vue b/src/renderer/components/Wallet/WalletBusiness/WalletBusinessBridgechains.vue
new file mode 100644
index 0000000000..29f748d5ef
--- /dev/null
+++ b/src/renderer/components/Wallet/WalletBusiness/WalletBusinessBridgechains.vue
@@ -0,0 +1,179 @@
+<template>
+  <div class="WalletBusinessBridgechains">
+    <WalletBusinessBridgechainsTable
+      :current-page="currentPage"
+      :rows="fetchedBridgechains"
+      :total-rows="totalCount"
+      :is-loading="isLoading"
+      :is-remote="true"
+      :has-pagination="totalCount > 0"
+      :sort-query="{
+        field: queryParams.sort.field,
+        type: queryParams.sort.type
+      }"
+      :per-page="tableRowCount"
+      @on-per-page-change="onPerPageChange"
+      @on-page-change="onPageChange"
+      @on-sort-change="onSortChange"
+    />
+  </div>
+</template>
+
+<script>
+import { isEqual } from 'lodash'
+import WalletBusinessBridgechainsTable from './WalletBusinessBridgechainsTable'
+
+export default {
+  name: 'WalletBusinessBridgechains',
+
+  components: {
+    WalletBusinessBridgechainsTable
+  },
+
+  data: () => ({
+    currentPage: 1,
+    isFetching: false,
+    isLoading: false,
+    fetchedBridgechains: [],
+    expiryEvents: [],
+    totalCount: 0,
+    queryParams: {
+      page: 1,
+      limit: 10,
+      sort: {
+        field: 'timestamp',
+        type: 'desc'
+      }
+    }
+  }),
+
+  computed: {
+    tableRowCount: {
+      get () {
+        return this.$store.getters['session/transactionTableRowCount']
+      },
+      set (count) {
+        this.$store.dispatch('session/setTransactionTableRowCount', count)
+
+        this.$store.dispatch('profile/update', {
+          ...this.session_profile,
+          transactionTableRowCount: count
+        })
+      }
+    }
+  },
+
+  watch: {
+    // This watcher would invoke the `fetch` after the `Synchronizer`
+    wallet_fromRoute (newValue, oldValue) {
+      if (newValue.address !== oldValue.address) {
+        this.reset()
+        this.loadBridgechains()
+      }
+    }
+  },
+
+  created () {
+    this.loadBridgechains()
+    this.$eventBus.on('wallet:reload', this.loadBridgechains)
+  },
+
+  beforeDestroy () {
+    this.$eventBus.off('wallet:reload', this.loadBridgechains)
+  },
+
+  methods: {
+    async fetchBridgechains () {
+      // If we're already fetching, it's unneccessary to fetch again
+      if (this.isFetching) {
+        return
+      }
+
+      let address, publicKey
+      if (this.wallet_fromRoute) {
+        address = this.wallet_fromRoute.address.slice()
+        publicKey = this.wallet_fromRoute.publicKey
+      }
+
+      this.isFetching = true
+
+      try {
+        const { limit, page, sort } = this.queryParams
+        const response = await this.$client.fetchBusinessBridgechains(publicKey, {
+          page,
+          limit,
+          orderBy: `${sort.field}:${sort.type}`
+        })
+
+        if (this.wallet_fromRoute && address === this.wallet_fromRoute.address) {
+          this.$set(this, 'fetchedBridgechains', response.data)
+          this.totalCount = response.meta.totalCount
+        }
+      } catch (error) {
+        this.$set(this, 'fetchedBridgechains', [])
+        this.totalCount = 0
+      } finally {
+        this.isFetching = false
+        this.isLoading = false
+      }
+    },
+
+    /**
+     * Fetch the bridgechains and show the loading animation while the response
+     * is received
+     */
+    async loadBridgechains () {
+      if (!this.wallet_fromRoute || this.isFetching) {
+        return
+      }
+
+      this.isLoading = true
+      this.fetchBridgechains()
+    },
+
+    onPageChange ({ currentPage }) {
+      this.currentPage = currentPage
+      this.__updateParams({ page: currentPage })
+      this.loadBridgechains()
+    },
+
+    onPerPageChange ({ currentPerPage }) {
+      this.tableRowCount = currentPerPage
+      this.__updateParams({ limit: currentPerPage, page: 1 })
+      this.loadBridgechains()
+    },
+
+    onSortChange ({ source, field, type }) {
+      if (!source) {
+        return
+      }
+
+      if (!isEqual({ field, type }, this.queryParams.sort)) {
+        this.__updateParams({
+          sort: {
+            field,
+            type
+          },
+          page: 1
+        })
+        this.loadBridgechains()
+      }
+    },
+
+    reset () {
+      this.currentPage = 1
+      this.queryParams.page = 1
+      this.totalCount = 0
+      this.fetchedBridgechains = []
+    },
+
+    __updateParams (newProps) {
+      if (!newProps || typeof newProps !== 'object' || newProps === null) {
+        return
+      }
+
+      this.queryParams = Object.assign({}, this.queryParams, newProps)
+    }
+  }
+}
+</script>
diff --git a/src/renderer/components/Wallet/WalletBusiness/WalletBusinessBridgechainsTable.vue b/src/renderer/components/Wallet/WalletBusiness/WalletBusinessBridgechainsTable.vue
new file mode 100644
index 0000000000..c1a3fb4476
--- /dev/null
+++ b/src/renderer/components/Wallet/WalletBusiness/WalletBusinessBridgechainsTable.vue
@@ -0,0 +1,134 @@
+<template>
+  <div class="WalletBusinessBridgechainsTable w-full">
+    <TableWrapper
+      v-bind="$attrs"
+      :columns="columns"
+      :no-data-message="$t('WALLET_BUSINESS.NO_TRANSACTIONS')"
+      v-on="$listeners"
+      @on-row-click="onRowClick"
+      @on-sort-change="onSortChange"
+    >
+      <template
+        slot-scope="data"
+      >
+        <div v-if="data.column.field === 'name'">
+          <span>{{ data.formattedRow[data.column.field] }}</span>
+
+          <span
+            v-if="!!data.row.isResigned"
+            class="font-bold"
+          >
+            - {{ $t('WALLET_BUSINESS.BRIDGECHAIN.RESIGNED') }}
+          </span>
+        </div>
+
+        <div v-else-if="data.column.field === 'bridgechainRepository'">
+          <a
+            class="flex items-center whitespace-no-wrap"
+            href="#"
+            @click.stop="electron_openExternal(data.row.bridgechainRepository)"
+          >
+            <span
+              v-tooltip="{
+                content: data.row.bridgechainRepository,
+                classes: 'text-xs',
+                trigger: 'hover',
+                container: '.TransactionTable'
+              }"
+              class="mr-1"
+            >
+              {{ data.formattedRow.bridgechainRepository }}
+            </span>
+
+            <SvgIcon
+              name="open-external"
+              view-box="0 0 12 12"
+              class="text-theme-page-text-light"
+            />
+          </a>
+        </div>
+
+        <span v-else>
+          {{ data.formattedRow[data.column.field] }}
+        </span>
+      </template>
+    </TableWrapper>
+
+    <Portal
+      v-if="selected"
+      to="modal"
+    >
+      <WalletBusinessShowBridgechain
+        :bridgechain="selected"
+        @close="onCloseModal"
+      />
+    </Portal>
+  </div>
+</template>
+
+<script>
+import truncateMiddle from '@/filters/truncate-middle'
+import SvgIcon from '@/components/SvgIcon'
+import WalletBusinessShowBridgechain from './WalletBusinessShowBridgechain'
+import TableWrapper from '@/components/utils/TableWrapper'
+
+export default {
+  name: 'WalletBusinessBridgechainsTable',
+
+  components: {
+    SvgIcon,
+    TableWrapper,
+    WalletBusinessShowBridgechain
+  },
+
+  data: () => ({
+    selected: null
+  }),
+
+  computed: {
+    columns () {
+      return [
+        {
+          label: this.$t('WALLET_BUSINESS.COLUMN.NAME'),
+          field: 'name'
+        },
+        {
+          label: this.$t('WALLET_BUSINESS.COLUMN.SEEDS'),
+          field: 'seedNodes',
+          formatFn: value => {
+            return value.length
+          }
+        },
+        {
+          label: this.$t('WALLET_BUSINESS.COLUMN.GENESIS_HASH'),
+          field: 'genesisHash',
+          formatFn: value => {
+            return truncateMiddle(value, 14)
+          }
+        },
+        {
+          label: this.$t('WALLET_BUSINESS.COLUMN.REPOSITORY'),
+          field: 'bridgechainRepository'
+        }
+      ]
+    }
+  },
+
+  methods: {
+    onSortChange (sortOptions) {
+      this.$emit('on-sort-change', {
+        source: 'bridgechainsTab',
+        ...sortOptions[0]
+      })
+    },
+
+    onRowClick ({ row }) {
+      this.selected = row
+    },
+
+    onCloseModal () {
+      this.selected = null
+    }
+  }
+}
+</script>
diff --git a/src/renderer/components/Wallet/WalletBusiness/WalletBusinessShowBridgechain.vue b/src/renderer/components/Wallet/WalletBusiness/WalletBusinessShowBridgechain.vue
new file mode 100644
index 0000000000..ad29f09bfb
--- /dev/null
+++ b/src/renderer/components/Wallet/WalletBusiness/WalletBusinessShowBridgechain.vue
@@ -0,0 +1,174 @@
+<template>
+  <ModalWindow
+    :title="$t('TRANSACTION.TRANSACTION')"
+    container-classes="WalletBusinessShowBridgechain"
+    @close="emitClose"
+  >
+    <ListDivided>
+      <ListDividedItem
+        :label="$t('WALLET_BUSINESS.BRIDGECHAIN.NAME')"
+        :value="bridgechain.name"
+        class="WalletBusinessShowBridgechain__name"
+      />
+
+      <ListDividedItem
+        :label="$t('WALLET_BUSINESS.BRIDGECHAIN.SEED_NODES')"
+        class="WalletBusinessShowBridgechain__seed-nodes"
+      >
+        <div
+          v-for="(seedNode, id) of bridgechain.seedNodes"
+          :key="id"
+          class="WalletBusinessShowBridgechain__seed-nodes__item"
+        >
+          {{ seedNode }}
+        </div>
+      </ListDividedItem>
+
+      <ListDividedItem
+        :label="$t('WALLET_BUSINESS.BRIDGECHAIN.GENESIS_HASH')"
+        class="WalletBusinessShowBridgechain__genesis-hash"
+      >
+        <span
+          v-tooltip="{
+            content: bridgechain.genesisHash,
+            trigger: 'hover',
+            classes: 'text-xs'
+          }"
+          class="WalletBusinessShowBridgechain__genesis-hash__item cursor-default"
+        >
+          {{ bridgechain.genesisHash | truncateMiddle(10) }}
+        </span>
+      </ListDividedItem>
+
+      <ListDividedItem
+        :label="$t('WALLET_BUSINESS.BRIDGECHAIN.BRIDGECHAIN_REPOSITORY')"
+        class="WalletBusinessShowBridgechain__bridgechain-repo"
+      >
+        <a
+          class="flex items-center whitespace-no-wrap"
+          href="#"
+          @click.stop="electron_openExternal(bridgechain.bridgechainRepository)"
+        >
+          <span
+            v-tooltip="{
+              content: bridgechain.bridgechainRepository,
+              classes: 'text-xs',
+              trigger: 'hover'
+            }"
+            class="WalletBusinessShowBridgechain__bridgechain-repo__item mr-1"
+          >
+            {{ bridgechain.bridgechainRepository }}
+          </span>
+
+          <SvgIcon
+            name="open-external"
+            view-box="0 0 12 12"
+            class="text-theme-page-text-light"
+          />
+        </a>
+      </ListDividedItem>
+
+      <ListDividedItem
+        :label="$t('WALLET_BUSINESS.BRIDGECHAIN.API_PORT')"
+        :value="bridgechain.ports['@arkecosystem/core-api']"
+      />
+    </ListDivided>
+
+    <div
+      v-if="!isResigned"
+      class="flex"
+    >
+      <div class="flex-1">
+        <ButtonModal
+          slot="primaryButton"
+          :label="$t('WALLET_BUSINESS.BRIDGECHAIN.BUTTON.UPDATE')"
+          class="ButtonGeneric blue-button"
+        >
+          <template slot-scope="{ toggle, isOpen }">
+            <TransactionModal
+              v-if="isOpen"
+              :type="5"
+              :group="2"
+              :bridgechain="bridgechain"
+              @cancel="closeTransactionModal(toggle, isOpen)"
+              @sent="closeTransactionModal(toggle, isOpen)"
+            />
+          </template>
+        </ButtonModal>
+      </div>
+
+      <div class="flex-1">
+        <ButtonModal
+          slot="primaryButton"
+          :label="$t('WALLET_BUSINESS.BRIDGECHAIN.BUTTON.RESIGN')"
+          class="ButtonGeneric blue-button"
+        >
+          <template slot-scope="{ toggle, isOpen }">
+            <TransactionModal
+              v-if="isOpen"
+              :type="4"
+              :group="2"
+              :bridgechain="bridgechain"
+              @cancel="closeTransactionModal(toggle, isOpen)"
+              @sent="closeTransactionModal(toggle, isOpen)"
+            />
+          </template>
+        </ButtonModal>
+      </div>
+    </div>
+  </ModalWindow>
+</template>
+
+<script>
+import { ListDivided, ListDividedItem } from '@/components/ListDivided'
+import { ModalWindow } from '@/components/Modal'
+import { ButtonModal } from '@/components/Button'
+import SvgIcon from '@/components/SvgIcon'
+import { TransactionModal } from '@/components/Transaction'
+
+export default {
+  name: 'WalletBusinessShowBridgechain',
+
+  components: {
+    ListDivided,
+    ListDividedItem,
+    ModalWindow,
+    ButtonModal,
+    SvgIcon,
+    TransactionModal
+  },
+
+  props: {
+    bridgechain: {
+      type: Object,
+      required: true
+    }
+  },
+
+  computed: {
+    isResigned () {
+      return !!this.bridgechain.isResigned
+    }
+  },
+
+  methods: {
+    closeTransactionModal (toggleMethod, isOpen) {
+      if (isOpen && typeof toggleMethod === 'function') {
+        toggleMethod()
+      }
+
+      this.emitClose()
+    },
+
+    emitClose () {
+      this.$emit('close', 'navigateToTransactions')
+    }
+  }
+}
+</script>
+
+<style>
+.WalletBusinessShowBridgechain {
+  min-width: 35rem
+}
+</style>
diff --git a/src/renderer/components/Wallet/WalletBusiness/index.js b/src/renderer/components/Wallet/WalletBusiness/index.js
new file mode 100644
index 0000000000..98948cd4cb
--- /dev/null
+++ b/src/renderer/components/Wallet/WalletBusiness/index.js
@@ -0,0 +1,12 @@
+import WalletBusiness from './WalletBusiness'
+import WalletBusinessBridgechains from './WalletBusinessBridgechains'
+import WalletBusinessBridgechainsTable from './WalletBusinessBridgechainsTable'
+import WalletBusinessShowBridgechain from './WalletBusinessShowBridgechain'
+
+export default WalletBusiness
+export {
+  WalletBusiness,
+  WalletBusinessBridgechains,
+  WalletBusinessBridgechainsTable,
+  WalletBusinessShowBridgechain
+}
diff --git a/src/renderer/components/Wallet/WalletDetails/WalletDetails.vue b/src/renderer/components/Wallet/WalletDetails/WalletDetails.vue
index a004bbf75a..6a01407b3d 100644
--- a/src/renderer/components/Wallet/WalletDetails/WalletDetails.vue
+++ b/src/renderer/components/Wallet/WalletDetails/WalletDetails.vue
@@ -160,13 +160,23 @@
 import electron from 'electron'
 import at from 'lodash/at'
 /* eslint-disable vue/no-unused-components */
-import { WalletSelectDelegate } from '@/components/Wallet'
 import { ButtonGeneric } from '@/components/Button'
 import { TransactionModal } from '@/components/Transaction'
-import { WalletExchange, WalletHeading, WalletTransactions, WalletDelegates, WalletStatistics } from '../'
-import WalletSignVerify from '../WalletSignVerify'
+import {
+  WalletBusiness,
+  WalletDelegates,
+  WalletExchange,
+  WalletHeading,
+  WalletIpfs,
+  WalletMultiSignature,
+  WalletSelectDelegate,
+  WalletSignVerify,
+  WalletStatistics,
+  WalletTransactions
+} from '../'
 import { MenuTab, MenuTabItem } from '@/components/Menu'
 import SvgIcon from '@/components/SvgIcon'
+import WalletService from '@/services/wallet'
 
 export default {
   components: {
@@ -174,9 +184,12 @@ export default {
     MenuTab,
     MenuTabItem,
     TransactionModal,
+    WalletBusiness,
     WalletDelegates,
     WalletExchange,
     WalletHeading,
+    WalletIpfs,
+    WalletMultiSignature,
     WalletSelectDelegate,
     WalletSignVerify,
     WalletStatistics,
@@ -227,13 +240,11 @@ export default {
           text: this.$t('PAGES.WALLET.DELEGATES')
         })
 
-        if (!this.currentWallet.isLedger) {
-          tabs.push({
-            component: 'WalletSignVerify',
-            componentName: 'WalletSignVerify',
-            text: this.$t('PAGES.WALLET.SIGN_VERIFY')
-          })
-        }
+        tabs.push({
+          component: 'WalletSignVerify',
+          componentName: 'WalletSignVerify',
+          text: this.$t('PAGES.WALLET.SIGN_VERIFY')
+        })
 
         if (this.currentNetwork && this.currentNetwork.market && this.currentNetwork.market.enabled) {
           tabs.push({
@@ -244,6 +255,30 @@ export default {
         }
       }
 
+      if (this.currentNetwork.constants && this.currentNetwork.constants.aip11) {
+        tabs.push({
+          component: 'WalletIpfs',
+          componentName: 'WalletIpfs',
+          text: this.$t('PAGES.WALLET.IPFS')
+        })
+
+        if (this.isOwned) {
+          tabs.push({
+            component: 'WalletMultiSignature',
+            componentName: 'WalletMultiSignature',
+            text: this.$t('PAGES.WALLET.MULTI_SIGNATURE')
+          })
+        }
+
+        if (WalletService.isBusiness(this.currentWallet, false)) {
+          tabs.push({
+            component: 'WalletBusiness',
+            componentName: 'WalletBusiness',
+            text: this.$t('PAGES.WALLET.BUSINESS')
+          })
+        }
+      }
+
       // TODO enable when there is something to show
       // if (this.session_network.market && this.session_network.market.enabled) {
       //   tabs.push({
@@ -323,8 +358,11 @@ export default {
           break
       }
     },
-    async currentWallet () {
+    async currentWallet (newValue, prevValue) {
       await this.fetchWalletVote()
+      if (!newValue || !prevValue || newValue.address !== prevValue.address) {
+        this.currentTab = 'WalletTransactions'
+      }
     },
     tabs () {
       this.$nextTick(() => {
diff --git a/src/renderer/components/Wallet/WalletHeading/WalletHeadingActions.vue b/src/renderer/components/Wallet/WalletHeading/WalletHeadingActions.vue
index ad7e0bb92d..f7609b4e1a 100644
--- a/src/renderer/components/Wallet/WalletHeading/WalletHeadingActions.vue
+++ b/src/renderer/components/Wallet/WalletHeading/WalletHeadingActions.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="flex items-center relative overflow-hidden font-sans my-auto">
+  <div class="flex items-center relative font-sans my-auto">
     <WalletHeadingPrimaryActions
       v-if="!secondaryButtonsVisible"
       class="-mr-2"
diff --git a/src/renderer/components/Wallet/WalletHeading/WalletHeadingInfo.vue b/src/renderer/components/Wallet/WalletHeading/WalletHeadingInfo.vue
index 8f2ad56a8c..5745197838 100644
--- a/src/renderer/components/Wallet/WalletHeading/WalletHeadingInfo.vue
+++ b/src/renderer/components/Wallet/WalletHeading/WalletHeadingInfo.vue
@@ -117,6 +117,7 @@
 import { ButtonClipboard } from '@/components/Button'
 import SvgIcon from '@/components/SvgIcon'
 import { WalletIdenticon } from '../'
+import WalletService from '@/services/wallet'
 
 export default {
   name: 'WalletHeadingInfo',
@@ -138,10 +139,15 @@ export default {
     },
 
     publicKey () {
-      const publicKey = this.currentWallet ? this.currentWallet.publicKey : ''
-      const lazyPublicKey = this.lazyWallet.publicKey
+      if (this.currentWallet) {
+        if (this.currentWallet.multiSignature) {
+          return WalletService.getPublicKeyFromMultiSignatureAsset(this.currentWallet.multiSignature)
+        } else if (this.currentWallet.publicKey) {
+          return this.currentWallet.publicKey
+        }
+      }
 
-      return publicKey || lazyPublicKey
+      return this.lazyWallet.publicKey
     },
 
     secondPublicKey () {
diff --git a/src/renderer/components/Wallet/WalletHeading/WalletHeadingPrimaryActions.vue b/src/renderer/components/Wallet/WalletHeading/WalletHeadingPrimaryActions.vue
index 1eab296aee..61eb1fe440 100644
--- a/src/renderer/components/Wallet/WalletHeading/WalletHeadingPrimaryActions.vue
+++ b/src/renderer/components/Wallet/WalletHeading/WalletHeadingPrimaryActions.vue
@@ -54,28 +54,55 @@
       </template>
     </ButtonModal>
 
-    <ButtonModal
+    <ButtonDropdown
       v-show="!currentWallet.isContact"
-      :class="buttonStyle"
-      :label="$t('TRANSACTION.SEND')"
-      icon="send"
-      view-box="0 0 12 12"
+      :items="sendOptions"
+      classes="option-heading-button px-3 py-2"
+      class="mr-2"
     >
-      <template slot-scope="{ toggle, isOpen }">
-        <TransactionModal
-          v-if="isOpen"
-          :type="0"
-          @cancel="toggle"
-          @close="toggle"
-          @sent="toggle"
-        />
-      </template>
-    </ButtonModal>
+      <ButtonModal
+        slot="primaryButton"
+        class="option-heading-button px-3 py-2 h-full"
+        :class="{
+          'rounded-tr-none': hasSendOptions,
+          'rounded-br-none': hasSendOptions
+        }"
+        :label="$t('TRANSACTION.SEND')"
+        icon="send"
+        view-box="0 0 12 12"
+      >
+        <template slot-scope="{ toggle, isOpen }">
+          <TransactionModal
+            v-if="isOpen"
+            :type="0"
+            @cancel="closeTransactionModal(toggle, isOpen)"
+            @sent="closeTransactionModal(toggle, isOpen)"
+          />
+        </template>
+      </ButtonModal>
+
+      <ButtonModal
+        slot="button"
+        slot-scope="{ item, triggerClose }"
+        :label="item.label"
+        class="option-heading-button whitespace-no-wrap w-full"
+        @toggle="triggerClose"
+      >
+        <template slot-scope="{ toggle, isOpen }">
+          <TransactionModal
+            v-if="isOpen"
+            :type="item.type"
+            @cancel="closeTransactionModal(toggle, isOpen)"
+            @sent="closeTransactionModal(toggle, isOpen)"
+          />
+        </template>
+      </ButtonModal>
+    </ButtonDropdown>
   </div>
 </template>
 
 <script>
-import { ButtonModal, ButtonReload } from '@/components/Button'
+import { ButtonDropdown, ButtonModal, ButtonReload } from '@/components/Button'
 import { ModalQrCode } from '@/components/Modal'
 import { TransactionModal } from '@/components/Transaction'
 import { ContactRenameModal } from '@/components/Contact'
@@ -86,6 +113,7 @@ export default {
   inject: ['switchToTab', 'walletVote'],
 
   components: {
+    ButtonDropdown,
     ButtonModal,
     ButtonReload,
     ModalQrCode,
@@ -108,10 +136,39 @@ export default {
       return this.wallet_fromRoute
     },
 
+    currentNetwork () {
+      return this.session_network
+    },
+
     doesNotExist () {
       return !this.$store.getters['wallet/byAddress'](this.currentWallet.address)
     },
 
+    hasAip11 () {
+      return this.currentNetwork.constants ? !!this.currentNetwork.constants.aip11 : false
+    },
+
+    sendOptions () {
+      const options = []
+
+      if (!this.hasAip11) {
+        return options
+      }
+
+      if (!this.currentWallet.isLedger) {
+        options.push({
+          label: this.$t('TRANSACTION.TYPE.MULTI_PAYMENT'),
+          type: 6
+        })
+      }
+
+      return options
+    },
+
+    hasSendOptions () {
+      return !!this.sendOptions.length
+    },
+
     isVoting () {
       return !!this.walletVote.username
     }
@@ -126,6 +183,12 @@ export default {
       this.isRefreshing = true
       await this.$eventBus.emit('wallet:reload')
       this.isRefreshing = false
+    },
+
+    closeTransactionModal (toggleMethod, isOpen) {
+      if (isOpen) {
+        toggleMethod()
+      }
     }
   }
 }
diff --git a/src/renderer/components/Wallet/WalletHeading/WalletHeadingSecondaryActions.vue b/src/renderer/components/Wallet/WalletHeading/WalletHeadingSecondaryActions.vue
index a067a1b3ae..7fee4f362b 100644
--- a/src/renderer/components/Wallet/WalletHeading/WalletHeadingSecondaryActions.vue
+++ b/src/renderer/components/Wallet/WalletHeading/WalletHeadingSecondaryActions.vue
@@ -3,6 +3,36 @@
     key="SecondaryActions"
     class="WalletHeading__SecondaryActions flex content-end"
   >
+    <ButtonDropdown
+      v-if="registrationTypes.length"
+      :classes="buttonStyle"
+      :items="registrationTypes"
+      title="Registration"
+    >
+      <ButtonModal
+        slot="button"
+        slot-scope="{ item, triggerClose }"
+        v-tooltip="item.tooltip"
+        :label="item.label"
+        :disabled="item.disabled"
+        class="ButtonDropdown__ButtonModal option-heading-button whitespace-no-wrap w-full"
+        :class="{
+          'ButtonDropdown__ButtonModal__disabled': item.disabled
+        }"
+        @toggle="triggerClose"
+      >
+        <template slot-scope="{ toggle, isOpen }">
+          <TransactionModal
+            v-if="isOpen"
+            :type="item.type"
+            :group="item.group || 1"
+            @cancel="closeTransactionModal(toggle, isOpen)"
+            @sent="closeTransactionModal(toggle, isOpen)"
+          />
+        </template>
+      </ButtonModal>
+    </ButtonDropdown>
+
     <ButtonModal
       :class="buttonStyle"
       :label="currentWallet.isContact ? $t('WALLET_HEADING.ACTIONS.CONTACT_NAME') : $t('WALLET_HEADING.ACTIONS.WALLET_NAME')"
@@ -25,38 +55,6 @@
       </template>
     </ButtonModal>
 
-    <ButtonModal
-      v-show="!currentWallet.isContact && !currentWallet.isDelegate"
-      :class="buttonStyle"
-      :label="$t('WALLET_HEADING.ACTIONS.REGISTER_DELEGATE')"
-      icon="register-delegate"
-    >
-      <template slot-scope="{ toggle, isOpen }">
-        <TransactionModal
-          v-if="isOpen"
-          :type="2"
-          @cancel="toggle"
-          @sent="toggle"
-        />
-      </template>
-    </ButtonModal>
-
-    <ButtonModal
-      v-show="!currentWallet.isContact && !currentWallet.isLedger && !currentWallet.secondPublicKey"
-      :class="buttonStyle"
-      :label="$t('WALLET_HEADING.ACTIONS.SECOND_PASSPHRASE')"
-      icon="2nd-passphrase"
-    >
-      <template slot-scope="{ toggle, isOpen }">
-        <TransactionModal
-          v-if="isOpen"
-          :type="1"
-          @cancel="toggle"
-          @sent="toggle"
-        />
-      </template>
-    </ButtonModal>
-
     <ButtonModal
       v-show="!currentWallet.isLedger"
       :class="buttonStyle"
@@ -76,15 +74,18 @@
 </template>
 
 <script>
-import { ButtonModal } from '@/components/Button'
+import { TRANSACTION_TYPES } from '@config'
+import { ButtonDropdown, ButtonModal } from '@/components/Button'
 import { ContactRenameModal } from '@/components/Contact'
 import { WalletRenameModal, WalletRemovalConfirmation } from '@/components/Wallet'
 import { TransactionModal } from '@/components/Transaction'
+import WalletService from '@/services/wallet'
 
 export default {
   name: 'WalletHeadingSecondaryActions',
 
   components: {
+    ButtonDropdown,
     ButtonModal,
     ContactRenameModal,
     WalletRenameModal,
@@ -92,20 +93,128 @@ export default {
     TransactionModal
   },
 
+  data: () => ({
+    registrationTypes: []
+  }),
+
   computed: {
     buttonStyle () {
       return 'option-heading-button whitespace-no-wrap mr-2 px-3 py-2'
     },
 
+    currentNetwork () {
+      return this.$store.getters['session/network']
+    },
+
     currentWallet () {
       return this.wallet_fromRoute
     }
   },
 
+  async mounted () {
+    this.registrationTypes = await this.getRegistrationTypes()
+  },
+
   methods: {
     async onRemoval () {
       this.$router.push({ name: 'wallets' })
+    },
+
+    closeTransactionModal (toggleMethod, isOpen) {
+      if (isOpen) {
+        toggleMethod()
+      }
+    },
+
+    async getRegistrationTypes () {
+      const types = []
+
+      if (this.currentWallet.isContact) {
+        return []
+      }
+
+      if (!this.currentWallet.isLedger && !this.currentWallet.multiSignature) {
+        if (!this.currentWallet.secondPublicKey) {
+          types.push({
+            label: this.$t('WALLET_HEADING.ACTIONS.SECOND_PASSPHRASE'),
+            type: TRANSACTION_TYPES.GROUP_1.SECOND_SIGNATURE
+          })
+        }
+
+        if (!this.currentWallet.isDelegate) {
+          types.push({
+            label: this.$t('WALLET_HEADING.ACTIONS.REGISTER_DELEGATE'),
+            type: TRANSACTION_TYPES.GROUP_1.DELEGATE_REGISTRATION
+          })
+        }
+      }
+
+      // TODO: Remove ledger check when ledger app supports multisig, business & bridgechain transactions
+      if (this.currentWallet.isLedger || !this.currentNetwork.constants || !this.currentNetwork.constants.aip11) {
+        return types
+      }
+
+      if (!this.currentWallet.multiSignature) {
+        types.push({
+          label: this.$t('WALLET_HEADING.ACTIONS.REGISTER_MULTISIGNATURE'),
+          type: TRANSACTION_TYPES.GROUP_1.MULTI_SIGNATURE
+        })
+      }
+
+      if (!this.currentWallet.isLedger && this.currentWallet.isDelegate) {
+        types.push({
+          label: this.$t('WALLET_HEADING.ACTIONS.RESIGN_DELEGATE'),
+          type: TRANSACTION_TYPES.GROUP_1.DELEGATE_RESIGNATION
+        })
+      }
+
+      if (!WalletService.isBusiness(this.currentWallet)) {
+        types.push({
+          label: this.$t('WALLET_HEADING.ACTIONS.BUSINESS.REGISTER'),
+          group: 2,
+          type: TRANSACTION_TYPES.GROUP_2.BUSINESS_REGISTRATION
+        })
+      } else if (WalletService.isBusiness(this.currentWallet, false)) {
+        types.push({
+          label: this.$t('WALLET_HEADING.ACTIONS.BUSINESS.UPDATE'),
+          group: 2,
+          type: TRANSACTION_TYPES.GROUP_2.BUSINESS_UPDATE
+        })
+      }
+
+      const businessResignOption = {
+        label: this.$t('WALLET_HEADING.ACTIONS.BUSINESS.RESIGN'),
+        group: 2,
+        type: TRANSACTION_TYPES.GROUP_2.BUSINESS_RESIGNATION
+      }
+
+      if (WalletService.isBusiness(this.currentWallet) && await WalletService.hasBridgechains(this.currentWallet, this)) {
+        businessResignOption.disabled = true
+        businessResignOption.tooltip = {
+          content: this.$t('WALLET_HEADING.ACTIONS.BUSINESS.CANNOT_RESIGN'),
+          placement: 'left'
+        }
+      }
+
+      types.push(businessResignOption)
+
+      return types
     }
   }
 }
 </script>
+
+<style scoped>
+.ButtonDropdown__list {
+  background-color: var(--theme-option-heading-button);
+}
+
+.ButtonDropdown__ButtonModal__disabled {
+  background-color: var(--theme-option-heading-button-disabled);
+  color: var(--theme-option-heading-button-text-disabled);
+}
+.ButtonDropdown__ButtonModal__disabled:hover {
+  background-color: var(--theme-option-heading-button-disabled-hover);
+  color: var(--theme-option-heading-button-text-disabled-hover);
+}
+</style>
diff --git a/src/renderer/components/Wallet/WalletIpfs/WalletIpfs.vue b/src/renderer/components/Wallet/WalletIpfs/WalletIpfs.vue
new file mode 100644
index 0000000000..0198a8da1c
--- /dev/null
+++ b/src/renderer/components/Wallet/WalletIpfs/WalletIpfs.vue
@@ -0,0 +1,63 @@
+<template>
+  <div class="WalletIpfs mx-4 overflow-hidden">
+    <div class="flex flex-row pb-5 border-b border-dashed border-theme-line-separator">
+      <div class="flex flex-col justify-center pl-4">
+        <span class="font-bold">
+          {{ $t('WALLET_IPFS.HEADER') }}
+        </span>
+        <span>{{ $t('WALLET_IPFS.DESCRIPTION') }}</span>
+      </div>
+
+      <div class="flex items-center ml-4">
+        <ButtonModal
+          :label="$t('WALLET_IPFS.BUTTON_STORE_HASH')"
+          class="blue-button mr-2 py-2 px-4"
+        >
+          <template slot-scope="{ toggle, isOpen }">
+            <TransactionModal
+              v-if="isOpen"
+              :type="5"
+              @cancel="closeTransactionModal(toggle, isOpen)"
+              @sent="closeTransactionModal(toggle, isOpen)"
+            />
+          </template>
+        </ButtonModal>
+      </div>
+    </div>
+
+    <WalletTransactions
+      :transaction-type="5"
+      class="mt-4"
+    />
+  </div>
+</template>
+
+<script>
+import { ButtonModal } from '@/components/Button'
+import { TransactionModal } from '@/components/Transaction'
+import WalletTransactions from '@/components/Wallet/WalletTransactions'
+
+export default {
+  name: 'WalletIpfs',
+
+  components: {
+    ButtonModal,
+    TransactionModal,
+    WalletTransactions
+  },
+
+  methods: {
+    closeTransactionModal (toggleMethod, isOpen) {
+      if (isOpen && typeof toggleMethod === 'function') {
+        toggleMethod()
+      }
+    }
+  }
+}
+</script>
+
+<style>
+.WalletIpfs__message:hover {
+  @apply bg-theme-table-row-hover
+}
+</style>
diff --git a/src/renderer/components/Wallet/WalletIpfs/index.js b/src/renderer/components/Wallet/WalletIpfs/index.js
new file mode 100644
index 0000000000..3c1dac9ef8
--- /dev/null
+++ b/src/renderer/components/Wallet/WalletIpfs/index.js
@@ -0,0 +1,6 @@
+import WalletIpfs from './WalletIpfs'
+
+export default WalletIpfs
+export {
+  WalletIpfs
+}
diff --git a/src/renderer/components/Wallet/WalletMultiSignature/WalletMultiSignature.vue b/src/renderer/components/Wallet/WalletMultiSignature/WalletMultiSignature.vue
new file mode 100644
index 0000000000..c3345fa685
--- /dev/null
+++ b/src/renderer/components/Wallet/WalletMultiSignature/WalletMultiSignature.vue
@@ -0,0 +1,110 @@
+<template>
+  <div class="WalletMultiSignature mx-4 overflow-hidden">
+    <div class="flex flex-row pb-5 border-b border-dashed border-theme-line-separator">
+      <div class="flex flex-col justify-center pl-4">
+        <span class="font-bold">
+          {{ $t('WALLET_MULTI_SIGNATURE.HEADER') }}
+        </span>
+        <span>{{ $t('WALLET_MULTI_SIGNATURE.DESCRIPTION') }}</span>
+      </div>
+
+      <div class="flex-1 flex flex-row items-center ml-4">
+        <div class="flex-1 text-right pr-4">
+          <span class="font-bold">{{ $t('PEER.PEER') }}:</span>
+          <span :class="{ 'font-bold': !peer }">{{ peerOutput }}</span>
+        </div>
+
+        <ButtonModal
+          :label="$t('WALLET_MULTI_SIGNATURE.BUTTON_SET_PEER')"
+          class="blue-button mr-2 py-2 px-4"
+        >
+          <template slot-scope="{ toggle, isOpen }">
+            <ModalPeer
+              v-if="isOpen"
+              :title="$t('PEER.MULTI_SIGNATURE_TITLE')"
+              :allow-close="!showLoadingModal"
+              :current-peer="peer"
+              :close-trigger="toggle"
+              @connect="connectPeer"
+              @close="toggle"
+            />
+          </template>
+        </ButtonModal>
+      </div>
+    </div>
+
+    <WalletTransactionsMultiSignature
+      class="mt-4"
+    />
+
+    <ModalLoader
+      :message="$t('MODAL_PEER.VALIDATING')"
+      :allow-close="true"
+      :visible="showLoadingModal"
+    />
+  </div>
+</template>
+
+<script>
+import { ButtonModal } from '@/components/Button'
+import { ModalLoader, ModalPeer } from '@/components/Modal'
+import { WalletTransactionsMultiSignature } from '@/components/Wallet/WalletTransactions'
+import MultiSignature from '@/services/client-multisig'
+
+export default {
+  name: 'WalletMultiSignature',
+
+  components: {
+    ButtonModal,
+    ModalLoader,
+    ModalPeer,
+    WalletTransactionsMultiSignature
+  },
+
+  data () {
+    return {
+      showLoadingModal: false
+    }
+  },
+
+  computed: {
+    peer () {
+      return this.$store.getters['session/multiSignaturePeer']
+    },
+
+    peerOutput () {
+      if (!this.peer) {
+        return this.$t('PEER.NONE')
+      }
+
+      return `${this.peer.host}:${this.peer.port}`
+    }
+  },
+
+  methods: {
+    async connectPeer ({ peer, closeTrigger }) {
+      this.showLoadingModal = true
+
+      if (await MultiSignature.performHandshake(peer)) {
+        await this.$store.dispatch('session/setMultiSignaturePeer', peer)
+        await this.$store.dispatch('profile/setMultiSignaturePeer', peer)
+        this.$success(`${this.$t('PEER.CONNECTED')}: ${peer.host}:${peer.port}`)
+
+        if (closeTrigger) {
+          closeTrigger()
+        }
+      } else {
+        this.$error(this.$t('PEER.CONNECT_FAILED'))
+      }
+
+      this.showLoadingModal = false
+    }
+  }
+}
+</script>
+
+<style>
+.WalletMultiSignature__message:hover {
+  @apply bg-theme-table-row-hover
+}
+</style>
diff --git a/src/renderer/components/Wallet/WalletMultiSignature/index.js b/src/renderer/components/Wallet/WalletMultiSignature/index.js
new file mode 100644
index 0000000000..d77736b15a
--- /dev/null
+++ b/src/renderer/components/Wallet/WalletMultiSignature/index.js
@@ -0,0 +1,6 @@
+import WalletMultiSignature from './WalletMultiSignature'
+
+export default WalletMultiSignature
+export {
+  WalletMultiSignature
+}
diff --git a/src/renderer/components/Wallet/WalletSignModal.vue b/src/renderer/components/Wallet/WalletSignModal.vue
index 5a92685b83..3a56209a2c 100644
--- a/src/renderer/components/Wallet/WalletSignModal.vue
+++ b/src/renderer/components/Wallet/WalletSignModal.vue
@@ -8,35 +8,44 @@
         :is-read-only="true"
         :label="$t('SIGN_VERIFY.ADDRESS')"
         :value="wallet.address"
-        class="mt-5"
         name="address"
+        class="mt-5"
       />
 
-      <PassphraseInput
-        v-if="!wallet.passphrase"
-        ref="passphrase"
-        v-model="$v.form.passphrase.$model"
-        :is-invalid="$v.form.passphrase.$error"
-        :address="wallet.address"
-        :pub-key-hash="session_network.version"
-        class="my-3"
+      <InputText
+        ref="message"
+        v-model="$v.form.message.$model"
+        :label="$t('SIGN_VERIFY.MESSAGE')"
+        :helper-text="messageError"
+        :is-invalid="$v.form.message.$error"
+        name="message"
+        class="mt-5"
       />
+
+      <div
+        v-if="wallet.isLedger"
+        class="mt-5"
+      >
+        {{ $t('TRANSACTION.LEDGER_SIGN_NOTICE') }}
+      </div>
+
       <InputPassword
-        v-else
+        v-else-if="wallet.passphrase"
         ref="password"
         v-model="$v.form.walletPassword.$model"
         :label="$t('TRANSACTION.PASSWORD')"
         :is-required="true"
-        class="my-3"
+        class="mt-5"
       />
 
-      <InputText
-        ref="message"
-        v-model="$v.form.message.$model"
-        :label="$t('SIGN_VERIFY.MESSAGE')"
-        :helper-text="messageError"
-        :is-invalid="$v.form.message.$error"
-        name="message"
+      <PassphraseInput
+        v-else
+        ref="passphrase"
+        v-model="$v.form.passphrase.$model"
+        :is-invalid="$v.form.passphrase.$error"
+        :address="wallet.address"
+        :pub-key-hash="session_network.version"
+        class="mt-5"
       />
 
       <button
@@ -53,6 +62,10 @@
       :message="$t('ENCRYPTION.DECRYPTING')"
       :visible="showEncryptLoader"
     />
+    <ModalLoader
+      :message="$t('TRANSACTION.LEDGER_SIGN_WAIT')"
+      :visible="showLedgerLoader"
+    />
   </ModalWindow>
 </template>
 
@@ -62,6 +75,7 @@ import { InputPassword, InputText } from '@/components/Input'
 import { ModalLoader, ModalWindow } from '@/components/Modal'
 import { PassphraseInput } from '@/components/Passphrase'
 import Bip38 from '@/services/bip38'
+import TransactionService from '@/services/transaction'
 import WalletService from '@/services/wallet'
 
 export default {
@@ -88,7 +102,8 @@ export default {
       passphrase: '',
       walletPassword: ''
     },
-    showEncryptLoader: false
+    showEncryptLoader: false,
+    showLedgerLoader: false
   }),
 
   computed: {
@@ -126,23 +141,38 @@ export default {
         }
       }
 
-      this.signMessage()
+      await this.signMessage()
     },
 
-    signMessage () {
+    async signMessage () {
       try {
         let message
-        if (this.form.wif) {
-          message = WalletService.signMessageWithWif(
-            this.form.message,
-            this.form.wif,
-            {
-              wif: this.session_network.wif
-            }
-          )
+        if (!this.wallet.isLedger) {
+          if (this.form.wif) {
+            message = WalletService.signMessageWithWif(
+              this.form.message,
+              this.form.wif,
+              {
+                wif: this.session_network.wif
+              }
+            )
+          } else {
+            message = WalletService.signMessage(this.form.message, this.form.passphrase)
+          }
         } else {
-          message = WalletService.signMessage(this.form.message, this.form.passphrase)
+          this.showLedgerLoader = true
+          try {
+            message = {
+              message: this.form.message,
+              signature: await TransactionService.ledgerSignMessage(this.wallet, this.form.message, this)
+            }
+          } catch (ledgerError) {
+            this.showLedgerLoader = false
+            throw ledgerError
+          }
+          this.showLedgerLoader = false
         }
+
         message.timestamp = new Date().getTime()
         message.address = this.wallet.address
         this.$store.dispatch('wallet/addSignedMessage', message)
@@ -151,6 +181,7 @@ export default {
 
         this.emitSigned()
       } catch (error) {
+        this.$logger.error('Could not sign message: ', error)
         this.$error(this.$t('SIGN_VERIFY.FAILED_SIGN'))
       }
     },
@@ -174,6 +205,8 @@ export default {
         isValid (value) {
           if (this.wallet.passphrase) {
             return true
+          } else if (this.wallet && (this.wallet.isLedger || this.wallet.passphrase)) {
+            return true
           }
 
           if (this.$refs.passphrase) {
@@ -187,6 +220,8 @@ export default {
         isValid (value) {
           if (!this.wallet.passphrase) {
             return true
+          } else if (this.wallet && (this.wallet.isLedger || !this.wallet.passphrase)) {
+            return true
           }
 
           if (!this.form.walletPassword || !this.form.walletPassword.length) {
diff --git a/src/renderer/components/Wallet/WalletSignVerify/WalletSignVerify.vue b/src/renderer/components/Wallet/WalletSignVerify/WalletSignVerify.vue
index d765bd2383..a634f1fd2e 100644
--- a/src/renderer/components/Wallet/WalletSignVerify/WalletSignVerify.vue
+++ b/src/renderer/components/Wallet/WalletSignVerify/WalletSignVerify.vue
@@ -1,11 +1,6 @@
 <template>
   <div class="mx-4 overflow-hidden">
     <div class="flex flex-row pb-5 border-b border-dashed border-theme-line-separator">
-      <WalletIdenticon
-        :value="currentWallet.address"
-        :size="75"
-      />
-
       <div class="flex flex-col justify-center pl-4">
         <span class="font-bold">
           {{ $t('SIGN_VERIFY.VERIFY_WALLET') }}
@@ -94,7 +89,7 @@
 
 <script>
 import { ButtonClipboard, ButtonModal } from '@/components/Button'
-import { WalletIdenticon, WalletSignModal, WalletVerifyModal } from '../'
+import { WalletSignModal, WalletVerifyModal } from '../'
 import SvgIcon from '@/components/SvgIcon'
 import { clone } from 'lodash'
 
@@ -104,7 +99,6 @@ export default {
   components: {
     ButtonClipboard,
     ButtonModal,
-    WalletIdenticon,
     SvgIcon,
     WalletSignModal,
     WalletVerifyModal
diff --git a/src/renderer/components/Wallet/WalletTransactions/WalletTransactions.vue b/src/renderer/components/Wallet/WalletTransactions/WalletTransactions.js
similarity index 62%
rename from src/renderer/components/Wallet/WalletTransactions/WalletTransactions.vue
rename to src/renderer/components/Wallet/WalletTransactions/WalletTransactions.js
index e4cf309d75..304e3c3061 100644
--- a/src/renderer/components/Wallet/WalletTransactions/WalletTransactions.vue
+++ b/src/renderer/components/Wallet/WalletTransactions/WalletTransactions.js
@@ -1,38 +1,8 @@
-<template>
-  <div class="WalletTransactions">
-    <div
-      v-if="newTransactionsNotice && newTransactionsNotice !== '0'"
-      class="bg-theme-feature flex flex-row"
-    >
-      <div
-        class="mb-2 py-4 px-6 rounded-l text-theme-voting-banner-text bg-theme-voting-banner-background w-full text-center"
-      >
-        {{ newTransactionsNotice }}
-      </div>
-    </div>
-    <TransactionTable
-      :current-page="currentPage"
-      :rows="fetchedTransactions"
-      :total-rows="totalCount"
-      :is-loading="isLoading"
-      :is-remote="true"
-      :has-pagination="totalCount > 0"
-      :sort-query="{
-        field: queryParams.sort.field,
-        type: queryParams.sort.type
-      }"
-      :per-page="transactionTableRowCount"
-      @on-per-page-change="onPerPageChange"
-      @on-page-change="onPageChange"
-      @on-sort-change="onSortChange"
-    />
-  </div>
-</template>
-
-<script>
-import { at, isEqual } from 'lodash'
+import at from 'lodash/at'
+import isEqual from 'lodash/isEqual'
+import mixin from './mixin'
 import mergeTableTransactions from '@/components/utils/merge-table-transactions'
-import TransactionTable from '@/components/Transaction/TransactionTable'
+import { TransactionTable } from '@/components/Transaction'
 
 export default {
   name: 'WalletTransactions',
@@ -41,59 +11,7 @@ export default {
     TransactionTable
   },
 
-  data: () => ({
-    currentPage: 1,
-    isFetching: false,
-    isLoading: false,
-    fetchedTransactions: [],
-    expiryEvents: [],
-    totalCount: 0,
-    newTransactionsNotice: null,
-    lastStatusRefresh: null,
-    queryParams: {
-      page: 1,
-      limit: 10,
-      sort: {
-        field: 'timestamp',
-        type: 'desc'
-      }
-    }
-  }),
-
-  computed: {
-    transactionTableRowCount: {
-      get () {
-        return this.$store.getters['session/transactionTableRowCount']
-      },
-      set (count) {
-        this.$store.dispatch('session/setTransactionTableRowCount', count)
-
-        this.$store.dispatch('profile/update', {
-          ...this.session_profile,
-          transactionTableRowCount: count
-        })
-      }
-    }
-  },
-
-  watch: {
-    // This watcher would invoke the `fetch` after the `Synchronizer`
-    wallet_fromRoute (newValue, oldValue) {
-      const currentTimestamp = Math.round((new Date()).getTime() / 1000)
-      if (newValue.address !== oldValue.address) {
-        this.lastStatusRefresh = null
-        this.newTransactionsNotice = null
-        this.reset()
-        this.loadTransactions()
-
-        this.disableNewTransactionEvent(oldValue.address)
-        this.enableNewTransactionEvent(newValue.address)
-      } else if (this.lastStatusRefresh < currentTimestamp - 1) {
-        this.lastStatusRefresh = currentTimestamp
-        this.refreshStatus()
-      }
-    }
-  },
+  mixins: [mixin],
 
   created () {
     this.loadTransactions()
@@ -135,7 +53,13 @@ export default {
         return []
       }
 
-      return this.$store.getters['transaction/byAddress'](address, { includeExpired: true })
+      const transactions = this.$store.getters['transaction/byAddress'](address, { includeExpired: true })
+
+      if (this.transactionType === null) {
+        return transactions
+      }
+
+      return transactions.filter(transaction => transaction.type === this.transactionType)
     },
 
     async getTransactions (address) {
@@ -145,11 +69,14 @@ export default {
 
       const { limit, page, sort } = this.queryParams
 
-      return this.$client.fetchWalletTransactions(address, {
+      const response = await this.$client.fetchWalletTransactions(address, {
+        transactionType: this.transactionType,
         page,
         limit,
         orderBy: `${sort.field}:${sort.type}`
       })
+
+      return response
     },
 
     async fetchTransactions () {
@@ -160,7 +87,7 @@ export default {
 
       let address
       if (this.wallet_fromRoute) {
-        address = this.wallet_fromRoute.address.slice()
+        address = this.wallet_fromRoute.address
       }
 
       this.isFetching = true
@@ -177,6 +104,7 @@ export default {
 
         if (this.wallet_fromRoute && address === this.wallet_fromRoute.address) {
           this.$set(this, 'fetchedTransactions', transactions)
+          // TODO: Does this need fixing? This only stores total count from API, not including locally stored transactions
           this.totalCount = response.totalCount
         }
       } catch (error) {
@@ -197,34 +125,17 @@ export default {
       }
     },
 
-    /**
-     * Fetch the transaction and show the loading animation while the response
-     * is received
-     */
-    async loadTransactions () {
-      if (!this.wallet_fromRoute || this.isFetching) {
-        return
-      }
-
-      this.newTransactionsNotice = null
-      this.isLoading = true
-      this.fetchTransactions()
-    },
-
     refreshStatusEvent () {
       this.refreshStatus()
     },
 
     async refreshStatus () {
-      let address
-      if (this.wallet_fromRoute) {
-        address = this.wallet_fromRoute.address.slice()
-      }
-
-      if (!address || !this.wallet_fromRoute) {
+      if (!this.wallet_fromRoute || !this.wallet_fromRoute.address) {
         return
       }
 
+      const address = this.wallet_fromRoute.address
+
       try {
         let newTransactions = 0
         const response = await this.getTransactions(address)
@@ -264,16 +175,33 @@ export default {
       }
     },
 
+    onWalletChange (newWallet, oldWallet) {
+      if (oldWallet) {
+        this.disableNewTransactionEvent(oldWallet.address)
+      }
+      if (newWallet) {
+        this.enableNewTransactionEvent(newWallet.address)
+      }
+    },
+
     onPageChange ({ currentPage }) {
+      if (!currentPage) {
+        return
+      }
+
       this.currentPage = currentPage
       this.__updateParams({ page: currentPage })
       this.loadTransactions()
     },
 
     onPerPageChange ({ currentPerPage }) {
-      this.transactionTableRowCount = currentPerPage
+      if (!currentPerPage) {
+        return
+      }
+
       this.__updateParams({ limit: currentPerPage, page: 1 })
       this.loadTransactions()
+      this.transactionTableRowCount = currentPerPage
     },
 
     onSortChange ({ source, field, type }) {
@@ -298,11 +226,8 @@ export default {
       this.queryParams.page = 1
       this.totalCount = 0
       this.fetchedTransactions = []
-    },
-
-    __updateParams (newProps) {
-      this.queryParams = Object.assign({}, this.queryParams, newProps)
+      this.lastStatusRefresh = null
+      this.newTransactionsNotice = null
     }
   }
 }
-</script>
diff --git a/src/renderer/components/Wallet/WalletTransactions/WalletTransactionsMultiSignature.js b/src/renderer/components/Wallet/WalletTransactions/WalletTransactionsMultiSignature.js
new file mode 100644
index 0000000000..0bea842248
--- /dev/null
+++ b/src/renderer/components/Wallet/WalletTransactions/WalletTransactionsMultiSignature.js
@@ -0,0 +1,140 @@
+import at from 'lodash/at'
+import isEqual from 'lodash/isEqual'
+import mixin from './mixin'
+import { TransactionTableMultiSignature } from '@/components/Transaction'
+import MultiSignature from '@/services/client-multisig'
+import WalletService from '@/services/wallet'
+
+export default {
+  name: 'WalletTransactionsMultiSignature',
+
+  isRemote: false,
+  hasPagination: false,
+
+  components: {
+    TransactionTable: TransactionTableMultiSignature
+  },
+
+  mixins: [mixin],
+
+  created () {
+    this.loadTransactions()
+    this.$eventBus.on('wallet:reload', this.loadTransactions)
+    this.$eventBus.on('wallet:reload:multi-signature', this.loadTransactions)
+  },
+
+  beforeDestroy () {
+    this.$eventBus.off('wallet:reload', this.loadTransactions)
+    this.$eventBus.off('wallet:reload:multi-signature', this.loadTransactions)
+  },
+
+  methods: {
+    async getTransactions (publicKey) {
+      const peer = this.$store.getters['session/multiSignaturePeer']
+      if (!publicKey || !peer) {
+        return {
+          totalCount: 0,
+          transactions: []
+        }
+      }
+
+      const transactions = await MultiSignature.getTransactions(peer, publicKey)
+
+      return transactions
+    },
+
+    async fetchTransactions () {
+      // If we're already fetching, it's unneccessary to fetch again
+      if (this.isFetching) {
+        return
+      }
+
+      if (!this.wallet_fromRoute) {
+        return
+      }
+
+      const publicKey = WalletService.getPublicKeyFromWallet(this.wallet_fromRoute)
+      if (!publicKey) {
+        return
+      }
+
+      this.isFetching = true
+
+      try {
+        const response = await this.getTransactions(publicKey)
+
+        if (publicKey === WalletService.getPublicKeyFromWallet(this.wallet_fromRoute)) {
+          this.$set(this, 'fetchedTransactions', response.transactions)
+          this.totalCount = response.totalCount
+        }
+      } catch (error) {
+        // Ignore the 404 error of wallets that are not on the blockchain
+        const messages = at(error, 'response.body.message')
+        if (messages[0] !== 'Wallet not found') {
+          this.$logger.error(error)
+
+          this.$error(this.$t('COMMON.FAILED_FETCH', {
+            name: 'transactions',
+            msg: error.message
+          }))
+        }
+        this.fetchedTransactions = []
+      } finally {
+        this.isFetching = false
+        this.isLoading = false
+      }
+    },
+
+    async refreshStatus () {
+      if (!this.wallet_fromRoute) {
+        return
+      }
+
+      const publicKey = WalletService.getPublicKeyFromWallet(this.wallet_fromRoute)
+      if (!publicKey) {
+        return
+      }
+
+      try {
+        let newTransactions = 0
+        const response = await this.getTransactions(publicKey)
+        for (const transaction of response.transactions) {
+          if (!this.fetchedTransactions.some(existingTransaction => existingTransaction.id === transaction.id)) {
+            newTransactions++
+          }
+        }
+
+        // Avoid throwing an Error if the user changes to a different route
+        if (this.wallet_fromRoute && publicKey === WalletService.getPublicKeyFromWallet(this.wallet_fromRoute) && newTransactions > 0) {
+          this.newTransactionsNotice = this.$t('WALLET_TRANSACTIONS.NEW_TRANSACTIONS', {
+            count: newTransactions,
+            plural: newTransactions > 1 ? 's' : ''
+          })
+        }
+      } catch (error) {
+        this.$logger.error('Failed to update confirmations: ', error)
+      }
+    },
+
+    onSortChange ({ source, field, type }) {
+      if (!source || source !== 'transactionsTab') {
+        return
+      }
+
+      if (!isEqual({ field, type }, this.queryParams.sort)) {
+        this.__updateParams({
+          sort: {
+            field,
+            type
+          }
+        })
+      }
+    },
+
+    reset () {
+      this.totalCount = 0
+      this.fetchedTransactions = []
+      this.newTransactionsNotice = null
+    }
+  }
+}
diff --git a/src/renderer/components/Wallet/WalletTransactions/index.js b/src/renderer/components/Wallet/WalletTransactions/index.js
index a3eea2c8df..1d9bc14a62 100644
--- a/src/renderer/components/Wallet/WalletTransactions/index.js
+++ b/src/renderer/components/Wallet/WalletTransactions/index.js
@@ -1,7 +1,9 @@
 import WalletTransactions from './WalletTransactions'
+import WalletTransactionsMultiSignature from './WalletTransactionsMultiSignature'
 
 export default WalletTransactions
 
 export {
-  WalletTransactions
+  WalletTransactions,
+  WalletTransactionsMultiSignature
 }
diff --git a/src/renderer/components/Wallet/WalletTransactions/mixin.vue b/src/renderer/components/Wallet/WalletTransactions/mixin.vue
new file mode 100644
index 0000000000..ce0cd54198
--- /dev/null
+++ b/src/renderer/components/Wallet/WalletTransactions/mixin.vue
@@ -0,0 +1,150 @@
+<template>
+  <div class="WalletTransactions">
+    <div
+      v-if="newTransactionsNotice"
+      class="WalletTransactions__notice bg-theme-feature flex flex-row"
+    >
+      <div
+        class="mb-2 py-4 px-6 rounded-l text-theme-voting-banner-text bg-theme-voting-banner-background w-full text-center"
+      >
+        {{ newTransactionsNotice }}
+      </div>
+    </div>
+
+    <TransactionTable
+      :current-page="currentPage"
+      :rows="fetchedTransactions"
+      :total-rows="totalCount"
+      :is-loading="isLoading"
+      :is-remote="isRemote"
+      :has-pagination="hasPagination"
+      :sort-query="sortQuery"
+      :per-page="transactionTableRowCount"
+      :transaction-type="typeof transactionType !== 'undefined' ? transactionType : null"
+      @on-per-page-change="onPerPageChange"
+      @on-page-change="onPageChange"
+      @on-sort-change="onSortChange"
+    />
+  </div>
+</template>
+
+<script>
+export default {
+  props: {
+    transactionType: {
+      type: Number,
+      required: false,
+      default: null
+    }
+  },
+
+  data: () => ({
+    currentPage: 1,
+    isFetching: false,
+    isLoading: false,
+    fetchedTransactions: [],
+    expiryEvents: [],
+    totalCount: 0,
+    newTransactionsNotice: null,
+    lastStatusRefresh: null,
+    queryParams: {
+      page: 1,
+      limit: 10,
+      sort: {
+        field: 'timestamp',
+        type: 'desc'
+      }
+    }
+  }),
+
+  computed: {
+    isRemote () {
+      if (this.$options.isRemote !== undefined) {
+        return this.$options.isRemote
+      }
+
+      return true
+    },
+
+    hasPagination () {
+      if (this.$options.hasPagination !== undefined) {
+        return this.$options.hasPagination
+      }
+
+      return this.totalCount > 0
+    },
+
+    sortQuery () {
+      return {
+        field: this.queryParams.sort.field,
+        type: this.queryParams.sort.type
+      }
+    },
+
+    transactionTableRowCount: {
+      get () {
+        return this.$store.getters['session/transactionTableRowCount']
+      },
+
+      set (count) {
+        this.$store.dispatch('session/setTransactionTableRowCount', count)
+
+        this.$store.dispatch('profile/update', {
+          ...this.session_profile,
+          transactionTableRowCount: count
+        })
+      }
+    }
+  },
+
+  watch: {
+    // This watcher would invoke the `fetch` after the `Synchronizer`
+    wallet_fromRoute (newWallet, oldWallet) {
+      const currentTimestamp = Math.round((new Date()).getTime() / 1000)
+      if ((newWallet && !oldWallet) || (!newWallet && oldWallet) || (newWallet && oldWallet && newWallet.address !== oldWallet.address)) {
+        this.reset()
+        this.loadTransactions()
+
+        if (this.onWalletChange) {
+          this.onWalletChange(newWallet, oldWallet)
+        }
+      } else if (this.lastStatusRefresh < currentTimestamp - 1) {
+        this.lastStatusRefresh = currentTimestamp
+        this.refreshStatus()
+      }
+    }
+  },
+
+  methods: {
+    /**
+     * Fetch the transactions and show the loading animation while the response
+     * is received
+     */
+    async loadTransactions () {
+      if (!this.wallet_fromRoute || this.isFetching) {
+        return
+      }
+
+      this.newTransactionsNotice = null
+      this.isLoading = true
+      this.fetchTransactions()
+    },
+
+    onPerPageChange () {
+      // Placeholders if not used
+    },
+
+    onPageChange () {
+      // Placeholders if not used
+    },
+
+    __updateParams (newProps) {
+      if (!newProps || typeof newProps !== 'object' || newProps === null) {
+        return
+      }
+
+      this.queryParams = Object.assign({}, this.queryParams, newProps)
+    }
+  }
+}
+</script>
diff --git a/src/renderer/components/Wallet/index.js b/src/renderer/components/Wallet/index.js
index 93b021752b..3ac4ef4e77 100644
--- a/src/renderer/components/Wallet/index.js
+++ b/src/renderer/components/Wallet/index.js
@@ -10,15 +10,20 @@ import WalletSignModal from './WalletSignModal'
 import WalletVerifyDetail from './WalletVerifyDetail'
 import WalletVerifyModal from './WalletVerifyModal'
 
+export * from './WalletBusiness'
+export * from './WalletButtons'
 export * from './WalletDelegates'
 export * from './WalletExchange'
 export * from './WalletHeading'
+export * from './WalletIpfs'
+export * from './WalletSidebar'
+export * from './WalletSignVerify'
 export * from './WalletStatistics'
 export * from './WalletTransactions'
+
+// Needs exporting after the rest
+export * from './WalletMultiSignature'
 export * from './WalletDetails'
-export * from './WalletSignVerify'
-export * from './WalletSidebar'
-export * from './WalletButtons'
 
 export {
   WalletAddress,
diff --git a/src/renderer/i18n/locales/en-US.js b/src/renderer/i18n/locales/en-US.js
index 2e176db668..6729c4230c 100644
--- a/src/renderer/i18n/locales/en-US.js
+++ b/src/renderer/i18n/locales/en-US.js
@@ -49,6 +49,7 @@ export default {
     WARNING: 'Warning',
     WILL: 'will',
     WALLET: 'Wallet',
+    X_OF_Y: '{0} of {1}',
     ADVANCED_MODE: 'Advanced Mode'
   },
 
@@ -124,10 +125,16 @@ export default {
     FAILED_ENCRYPT: 'Failed to encrypt passphrase'
   },
 
+  LEDGER: {
+    NEEDS_UPDATE: 'Ledger update available! Please update the ARK app via Ledger Live to send transactions on this network'
+  },
+
   PEER: {
     BEST: 'Connect to best',
     CONNECTED: 'Connected to peer',
     CONNECT_CUSTOM: 'Connect custom peer',
+    CUSTOM_TITLE: 'Connect to custom peer',
+    MULTI_SIGNATURE_TITLE: 'Connect Multi-Signature peer',
     CONNECT_FAILED: 'Failed to connect to peer',
     LATENCY: 'Latency',
     DISCONNECT: 'Disconnect from peer',
@@ -143,10 +150,15 @@ export default {
 
   VALIDATION: {
     TOO_LONG: 'The \'{0}\' is too long',
+    TOO_SHORT: 'The \'{0}\' is too short',
+    INVALID_SEED: 'Invalid Seed',
     INVALID_URI: 'Invalid URI',
+    INVALID_URL: 'Invalid URL',
+    INVALID_PORT: 'Invalid Port Number',
     INVALID_FORMAT: 'Invalid format',
     INVALID_TYPE: 'Invalid type',
     MAX_LENGTH: 'Max {0}',
+    MIN_LENGTH: 'Min {0}',
     MUST_BE_GREATER_THAN: 'Must be greater than {0}',
     NOT_MATCH: 'The \'{0}\' does not match the \'{1}\'',
     NOT_VALID: 'The \'{0}\' is not valid',
@@ -356,6 +368,10 @@ export default {
     SEARCH_HINT: 'You can search by username, address or public key'
   },
 
+  INPUT_EDITABLE_LIST: {
+    NO_ITEMS: 'This list has no items'
+  },
+
   INPUT_FEE: {
     LAST: 'Last',
     MINIMUM: 'Minimum',
@@ -381,6 +397,10 @@ export default {
     TITLE: 'Select'
   },
 
+  INPUT_PUBLIC_KEY: {
+    TITLE: 'Public Key'
+  },
+
   WALLET_SELECTION: {
     PROFILE: 'Sender Profile',
     WALLET: 'Sender Wallet'
@@ -482,7 +502,6 @@ export default {
     CONNECT: 'Connect',
     HOST: 'IP / Host',
     PORT: 'Port',
-    TITLE: 'Connect to custom peer',
     VALIDATING: 'Validating peer details...',
     PLACEHOLDER: {
       HOST: 'http://1.2.3.4',
@@ -744,8 +763,11 @@ export default {
     },
 
     WALLET: {
+      BUSINESS: 'Business',
       TRANSACTIONS: 'Transactions',
       DELEGATES: 'Delegates',
+      IPFS: 'IPFS',
+      MULTI_SIGNATURE: 'Multi-Signature',
       STATISTICS: 'Statistics',
       SIGN_VERIFY: 'Sign',
       PURCHASE: 'Purchase {ticker}'
@@ -922,33 +944,74 @@ export default {
       DELEGATE_REGISTRATION: 'Delegate Registration',
       VOTE: 'Vote',
       UNVOTE: 'Unvote',
-      MULTI_SIGNATURE: 'Multi Signature',
+      MULTI_SIGN: 'Multi-Signature Transaction',
+      MULTI_SIGNATURE: 'Multi-Signature',
       IPFS: 'IPFS',
-      TIMELOCK_TRANSFER: 'Timelock Transfer',
       MULTI_PAYMENT: 'Multi Payment',
-      DELEGATE_RESIGNATION: 'Delegate Resignation'
+      DELEGATE_RESIGNATION: 'Delegate Resignation',
+      HTLC_LOCK: 'Timelock',
+      HTLC_CLAIM: 'Timelock Claim',
+      HTLC_REFUND: 'Timelock Refund',
+      BUSINESS_REGISTRATION: 'Business Registration',
+      BUSINESS_RESIGNATION: 'Business Resignation',
+      BUSINESS_UPDATE: 'Business Update',
+      BRIDGECHAIN_REGISTRATION: 'Bridgechain Registration',
+      BRIDGECHAIN_RESIGNATION: 'Bridgechain Resignation',
+      BRIDGECHAIN_UPDATE: 'Bridgechain Update'
     },
     ERROR: {
+      VALIDATION: {
+        TRANSFER: 'Transfer transaction could not be created',
+        SECOND_SIGNATURE: 'Second Signature transaction could not be created',
+        DELEGATE_REGISTRATION: 'Delegate Registration transaction could not be created',
+        VOTE: 'Vote transaction could not be created',
+        MULTI_SIGNATURE: 'Multi-Signature transaction could not be created',
+        IPFS: 'IPFS transaction could not be created',
+        DELEGATE_RESIGNATION: 'Delegate Resignation transaction could not be created',
+        BUSINESS: {
+          REGISTRATION: 'Business Registration transaction could not be created',
+          RESIGNATION: 'Business Resignation transaction could not be created',
+          UPDATE: 'Business Update transaction could not be created'
+        },
+        BRIDGECHAIN: {
+          REGISTRATION: 'Bridgechain Registration transaction could not be created',
+          RESIGNATION: 'Bridgechain Resignation transaction could not be created',
+          UPDATE: 'Bridgechain Update transaction could not be created'
+        }
+      },
       TRANSFER: 'Your transaction could not be sent',
       SECOND_SIGNATURE: 'Second signature could not be registered',
       DELEGATE_REGISTRATION: 'Could not register as delegate',
       VOTE: 'Vote could not be registered',
       UNVOTE: 'Unvote could not be registered',
+      IPFS: 'IPFS could not be created',
+      MULTI_SIGN: 'Could not sign transaction',
       MULTI_SIGNATURE: 'Multi signature could not be created',
-      IPFS: 'IPFS',
-      TIMELOCK_TRANSFER: 'Timelock transfer could not be created',
+      HTLC_LOCK: 'Timelock could not be created',
+      HTLC_CLAIM: 'Timelock Claim could not be created',
+      HTLC_REFUND: 'Timelock Refund could not be created',
       MULTI_PAYMENT: 'Multi payment could not be created',
       DELEGATE_RESIGNATION: 'Delegate resignation was unsuccessful',
-      SAVE_OFFLINE: 'Failed to save transaction file',
+      BUSINESS_REGISTRATION: 'Business registration was unsuccessful',
+      BUSINESS_RESIGNATION: 'Business resignation was unsuccessful',
+      BUSINESS_UPDATE: 'Business update was unsuccessful',
+      BRIDGECHAIN_REGISTRATION: 'Bridgechain registration was unsuccessful',
+      BRIDGECHAIN_RESIGNATION: 'Bridgechain resignation was unsuccessful',
+      BRIDGECHAIN_UPDATE: 'Bridgechain update was unsuccessful',
+      SAVE_OFFLINE: 'Failed to save transaction file: {error}',
       LOAD_FROM_FILE: 'Failed to load transaction file',
       EXPIRED: 'Transaction expired before it was processed: {transactionId}',
       FEE_TOO_LOW: 'Transaction could not be sent because the fee ({fee}) is too low',
       NOTHING_SENT: 'The transaction could not be sent. Please check your network connection or change peer',
+      WRONG_NONCE: 'The transaction could not be sent. Wrong nonce provided',
       NETWORK_NOT_CONFIGURED: 'Network not configured',
       WALLET_NOT_IMPORTED: 'Wallet not imported'
     },
     FOOTER_TEXT: {
-      DELEGATE_REGISTRATION: 'Keep in mind that you cannot change the name of your delegate after the registration has been registered on the blockchain.'
+      DELEGATE_REGISTRATION: 'Keep in mind that you cannot change the name of your delegate after the registration has been registered on the blockchain.',
+      DELEGATE_RESIGNATION: 'Keep in mind that you cannot restore your delegate after the resignation has been registered on the blockchain.',
+      BUSINESS_RESIGNATION: 'Keep in mind that you cannot restore your business after the resignation has been registered on the blockchain.',
+      BRIDGECHAIN_RESIGNATION: 'Keep in mind that you cannot restore your bridgechain after the resignation has been registered on the blockchain.'
     },
     INFO: {
       BROADCASTING: 'Your transaction is being broadcast to the network',
@@ -960,11 +1023,20 @@ export default {
       DELEGATE_REGISTRATION: 'Successfully registered as delegate',
       VOTE: 'Voted successfully',
       UNVOTE: 'Unvoted successfully',
+      MULTI_SIGN: 'Transaction has been signed successfully',
       MULTI_SIGNATURE: 'Multi signature created successfully',
-      IPFS: 'IPFS',
-      TIMELOCK_TRANSFER: 'Timelock transfer created successfully',
+      IPFS: 'IPFS created successfully',
+      HTLC_LOCK: 'Timelock created successfully',
+      HTLC_CLAIM: 'Timelock Claim created successfully',
+      HTLC_REFUND: 'Timelock Refund created successfully',
       MULTI_PAYMENT: 'Multi payment created successfully',
       DELEGATE_RESIGNATION: 'Delegate resignation was successful',
+      BUSINESS_REGISTRATION: 'Business Registration created successful',
+      BUSINESS_RESIGNATION: 'Business Resignation created successful',
+      BUSINESS_UPDATE: 'Business Update created successful',
+      BRIDGECHAIN_REGISTRATION: 'Bridgechain Registration created successful',
+      BRIDGECHAIN_RESIGNATION: 'Bridgechain Resignation created successful',
+      BRIDGECHAIN_UPDATE: 'Bridgechain Update created successful',
       SAVE_OFFLINE: 'The transaction file was saved successfully in: {path}',
       LOAD_FROM_FILE: 'The transaction file was loaded successfully'
     },
@@ -972,11 +1044,52 @@ export default {
       VOTE_DELEGATE: 'Vote for delegate {delegate}',
       UNVOTE_DELEGATE: 'Unvote delegate {delegate}'
     },
+    MULTI_PAYMENT: {
+      BUTTON_ADD: 'Add',
+      WARNING_DUPLICATE: 'The address is already a recipient',
+      RECIPIENTS: 'Recipients',
+      NO_RECIPIENTS: 'There are no recipients'
+    },
+    MULTI_SIGNATURE: {
+      ADDRESS: 'Multi-Signature Address',
+      BUTTON_ADD: 'Add',
+      ERROR_DUPLICATE: 'The public key has already been added',
+      ERROR_MIN_KEYS_TOO_HIGH: 'Minimum required signatures is too high',
+      ERROR_MIN_KEYS_TOO_LOW: 'Minimum required signatures is too low',
+      ERROR_PUBLIC_KEY_NOT_FOUND: 'Could not determine public key',
+      ERROR_PUBLIC_KEY_EXISTS: 'Public key already provided',
+      MIN_KEYS: 'Minimum Required Signatures',
+      N_MORE: '{0} more signature(s)',
+      PUBLIC_KEYS: 'Public Keys',
+      READY: 'Ready',
+      TOTAL_SIGNATURES: 'Total Signatures',
+      TAB: {
+        ADDRESS: 'Address',
+        PUBLIC_KEY: 'Public Key'
+      },
+      YOUR_SIGNATURE: 'Your Signature',
+      NO_SIGNATURES: 'There are no signatures'
+    },
+    BRIDGECHAIN: {
+      BUTTON_ADD: 'Add',
+      NAME: 'Name',
+      SEED_NODE: 'Seed Node IP Address',
+      SEED_NODES: 'Seed Nodes',
+      GENESIS_HASH: 'Genesis Hash',
+      BRIDGECHAIN_REPOSITORY: 'Bridgechain Repository',
+      BRIDGECHAIN_ASSET_REPOSITORY: 'Bridgechain Asset Repository',
+      API_PORT: 'API Port',
+      ERROR_DUPLICATE: 'The seed node has already been added',
+      NO_PEERS: 'There are no peers',
+      INVALID_SEEDS: 'You have an invalid seed node - please check it is up and running correctly | You have invalid seed nodes - please check they are up and running correctly'
+    },
     WARNING: {
       BROADCAST: 'Transaction was broadcasted to other peers. It may not be accepted by them'
     },
     AMOUNT: 'Amount',
     BLOCK_ID: 'Block ID',
+    BUSINESS_NAME: 'Business Name',
+    BRIDGECHAIN_NAME: 'Bridgechain Name',
     CONFIRMATION_COUNT: '{confirmations} Confirmations',
     CONFIRM_SEND_ALL: 'This will enable sending all of your tokens from the current wallet in this transaction.',
     CONFIRM_SEND_ALL_TITLE: 'Send all your tokens?',
@@ -986,6 +1099,7 @@ export default {
     DISCARD: 'Discard',
     EXPIRED: 'Expired',
     FEE: 'Transaction fee',
+    HASH: 'Hash',
     ID: 'ID',
     LEDGER_SIGN_NOTICE: 'Next you will confirm the transaction with your Ledger',
     LEDGER_SIGN_WAIT: 'Awaiting Ledger Signature. Please check and sign the transaction when you are ready.',
@@ -993,10 +1107,12 @@ export default {
     LEDGER_USER_DECLINED: 'User declined',
     LOAD_FROM_FILE: 'Load transaction from file',
     MULTIPLE: 'Multiple',
+    NONCE: 'Nonce',
     OPEN_IN_EXPLORER: 'Open in Explorer',
     PASSPHRASE: 'Passphrase',
     PASSWORD: 'Encryption Password',
     RECIPIENT: 'Recipient',
+    RECIPIENTS: 'Recipients',
     RESEND: 'Resend',
     RESENT_NOTICE: 'Transaction {transactionId} has been resent',
     SAVE_OFFLINE: 'Save transaction offline',
@@ -1004,9 +1120,12 @@ export default {
     SEND: 'Send',
     SEND_ALL: 'Send All',
     SENDER: 'Sender',
+    SIGN: 'Sign',
     SINGLE: 'Single',
+    STATUS: 'Status',
     TIMESTAMP: 'Timestamp',
     TRANSACTION: 'Transaction',
+    USERNAME: 'Username',
     VENDOR_FIELD: 'Smartbridge',
     WELL_CONFIRMED: 'Well Confirmed',
     WELL_CONFIRMED_COUNT: 'Well Confirmed ({confirmations} confirmations)'
@@ -1036,13 +1155,28 @@ export default {
   },
 
   SYNCHRONIZER: {
-    VOTE: 'voted for',
-    UNVOTE: 'unvoted',
-    NEW_SECOND_SIGNATURE: 'New second signature: {address}',
-    NEW_DELEGATE_REGISTRATION: 'New delegate: {address} registered as {username}',
-    NEW_VOTE: 'New vote: {address} {voteUnvote} {publicKey}',
-    NEW_TRANSFER_SENT: 'New transfer: {amount} sent from {sender} to {recipient}',
-    NEW_TRANSFER_RECEIVED: 'New transfer: {amount} received from {sender} to {recipient}'
+    GROUP_1: {
+      VOTE: 'voted for',
+      UNVOTE: 'unvoted',
+      NEW_SECOND_SIGNATURE: 'New second signature: {address}',
+      NEW_DELEGATE_REGISTRATION: 'New delegate: {address} registered as {username}',
+      NEW_VOTE: 'New vote: {address} {voteUnvote} {publicKey}',
+      NEW_MULTI_SIGNATURE: 'New multi-signature registration: {address}',
+      NEW_IPFS: 'New IPFS hash: {address}',
+      NEW_MULTI_PAYMENT_SENT: 'New multi-payment: {amount} sent from {sender} to {recipient}',
+      NEW_MULTI_PAYMENT_RECEIVED: 'New multi-payment: {amount} received from {sender} to {recipient}',
+      NEW_DELEGATE_RESIGNATION: 'New delegate resignation: {address} registered as {username}',
+      NEW_TRANSFER_SENT: 'New transfer: {amount} sent from {sender} to {recipient}',
+      NEW_TRANSFER_RECEIVED: 'New transfer: {amount} received from {sender} to {recipient}'
+    },
+    GROUP_2: {
+      NEW_BUSINESS_REGISTRATION: 'New business registration: {address} business {name}',
+      NEW_BUSINESS_RESIGNATION: 'New business resignation: {address}',
+      NEW_BUSINESS_UPDATE: 'New business update: {address} business {name}',
+      NEW_BRIDGECHAIN_REGISTRATION: 'New bridgechain registration: {address} bridgechain {name}',
+      NEW_BRIDGECHAIN_RESIGNATION: 'New bridgechain resignation: {address} bridgechain {name}',
+      NEW_BRIDGECHAIN_UPDATE: 'New bridgechain update: {address} bridgechain {name}'
+    }
   },
 
   TRANSACTION_FORM: {
@@ -1057,13 +1191,28 @@ export default {
 
   WALLET_HEADING: {
     ACTIONS: {
-      WALLET_NAME: 'Wallet name',
-      CONTACT_NAME: 'Contact name',
-      REGISTER_DELEGATE: 'Register delegate',
-      SECOND_PASSPHRASE: '2nd passphrase',
-      DELETE_WALLET: 'Delete wallet',
-      SHOW_PUBLIC_KEY: 'Show public key',
-      SHOW_ADDRESS: 'Show address'
+      WALLET_NAME: 'Wallet Name',
+      CONTACT_NAME: 'Contact Name',
+      REGISTER_MULTISIGNATURE: 'Register Multi-Signature',
+      REGISTER_DELEGATE: 'Register Delegate',
+      RESIGN_DELEGATE: 'Resign Delegate',
+      SECOND_PASSPHRASE: 'Second Passphrase',
+      DELETE_WALLET: 'Delete Wallet',
+      SHOW_PUBLIC_KEY: 'Show Public Key',
+      SHOW_ADDRESS: 'Show Address',
+
+      BUSINESS: {
+        REGISTER: 'Register Business',
+        RESIGN: 'Resign Business',
+        UPDATE: 'Update Business',
+        CANNOT_RESIGN: 'You must resign all bridgechains first'
+      },
+
+      BRIDGECHAIN: {
+        REGISTER: 'Register Bridgechain',
+        RESIGN: 'Resign Bridgechain',
+        UPDATE: 'Update Bridgechain'
+      }
     },
     PENDING_BALANCE: '{amount} including 1 unconfirmed transaction | {amount} including {n} unconfirmed transactions',
     SECOND_PASSPHRASE_ENABLED: 'Second Signature Enabled'
@@ -1114,6 +1263,7 @@ export default {
     USERNAME_EXISTS: 'A delegate with this username already exists',
     USERNAME_MAX_LENGTH_ERROR: 'The username must be less than or equal to 20 characters long',
     ALREADY_REGISTERED: 'This wallet is already registered as a delegate',
+    NOT_REGISTERED: 'This wallet is not registered as a delegate',
     BLOG: 'Voting Guide',
     EXPLANATION: 'Voting is an optional, but important mechanism that keeps the ARK network secure. The {delegates} delegates with the most votes from the network are responsible for verifying and forging transactions into new blocks. This page can be used to cast your vote for a delegate that you support. Learn more about voting for a delegate by clicking on the following link:',
     VOTE_DELEGATE: 'Vote Delegate {delegate}',
@@ -1128,6 +1278,55 @@ export default {
     SEARCH_DELEGATE: 'Search delegate'
   },
 
+  WALLET_IPFS: {
+    HEADER: 'IPFS Hash',
+    DESCRIPTION: 'Store an IPFS hash on the network',
+    BUTTON_STORE_HASH: 'Store Hash',
+    MESSAGE: 'IPFS Hash',
+    SIGNATURE: 'IPFS Hash',
+    HASH: 'Hash',
+    HASH_ERROR: 'The IPFS Hash is not a valid hash'
+  },
+
+  WALLET_MULTI_SIGNATURE: {
+    HEADER: 'Multi-Signature',
+    DESCRIPTION: 'Pending transactions requiring your signature',
+    BUTTON_SET_PEER: 'Set Peer'
+  },
+
+  WALLET_BUSINESS: {
+    BUTTON_REGISTER_BRIDGECHAIN: 'Register Bridgechain',
+    HEADER: 'Bridgechains',
+    DESCRIPTION: 'All bridgechains registered for this business',
+    NAME: 'Name',
+    NAME_ERROR: 'No special characters or uppercase allowed',
+    WEBSITE: 'Website',
+    VAT: 'VAT',
+    REPOSITORY: 'Repository',
+    NO_TRANSACTIONS: 'This wallet has no bridgechains',
+    NOT_REGISTERED: 'This wallet is not registered as a business',
+    COLUMN: {
+      NAME: 'Name',
+      SEEDS: 'Seeds',
+      GENESIS_HASH: 'Genesis Hash',
+      REPOSITORY: 'Repository'
+    },
+    BRIDGECHAIN: {
+      NAME: 'Name',
+      SEED_NODES: 'Seed Nodes',
+      GENESIS_HASH: 'Genesis Hash',
+      BRIDGECHAIN_REPOSITORY: 'Bridgechain Repository',
+      BRIDGECHAIN_ASSET_REPOSITORY: 'Bridgechain Asset Repository',
+      API_PORT: 'API Port',
+      NOT_REGISTERED: 'This bridgechain is not registered',
+      RESIGNED: 'Resigned',
+      BUTTON: {
+        RESIGN: 'Resign',
+        UPDATE: 'Update'
+      }
+    }
+  },
+
   WALLET_GRID: {
     LOADING_LEDGER: 'Loading Ledger wallets...'
   },
diff --git a/src/renderer/i18n/locales/it-IT.js b/src/renderer/i18n/locales/it-IT.js
index 712be67a7a..2141b78d08 100644
--- a/src/renderer/i18n/locales/it-IT.js
+++ b/src/renderer/i18n/locales/it-IT.js
@@ -794,7 +794,7 @@ export default {
       UNVOTE: 'Voto Rimosso',
       MULTI_SIGNATURE: 'Firma-Multipla',
       IPFS: 'IPFS',
-      TIMELOCK_TRANSFER: 'Trasferimneto Timelock',
+      HTLC_TRANSFER: 'Trasferimneto Timelock',
       MULTI_PAYMENT: 'Pagamento Multiplo',
       DELEGATE_RESIGNATION: 'Dimissioni Delegato'
     },
@@ -806,7 +806,7 @@ export default {
       UNVOTE: 'Impossibile registrare la rimozione del voto',
       MULTI_SIGNATURE: 'Impossibile creare firma-multipla',
       IPFS: 'IPFS',
-      TIMELOCK_TRANSFER: 'Impossibile creare trasferimento Timelock',
+      HTLC_TRANSFER: 'Impossibile creare trasferimento Timelock',
       MULTI_PAYMENT: 'Impossibile creare pagamento multiplo',
       DELEGATE_RESIGNATION: 'La dimissione del Delegato non è andata a buon fine',
       SAVE_OFFLINE: 'Impossibile salvare il file transazione',
@@ -832,7 +832,7 @@ export default {
       UNVOTE: 'Voto rimosso con successo',
       MULTI_SIGNATURE: 'Firma-multipla creata con successo',
       IPFS: 'IPFS',
-      TIMELOCK_TRANSFER: 'Trasferimento Timelock creato con successo',
+      HTLC_TRANSFER: 'Trasferimento Timelock creato con successo',
       MULTI_PAYMENT: 'Pagamento multiplo creato con successo',
       DELEGATE_RESIGNATION: 'Dimissioni Delegato date con successo',
       SAVE_OFFLINE: 'File transazione creato con successo in: {path}',
diff --git a/src/renderer/models/delegate.js b/src/renderer/models/delegate.js
index d0bcbf0d9d..b1b874e234 100644
--- a/src/renderer/models/delegate.js
+++ b/src/renderer/models/delegate.js
@@ -25,6 +25,10 @@ export default new BaseModel({
         }
       }
     },
+    isResigned: {
+      type: 'boolean',
+      default: false
+    },
     production: {
       type: 'object',
       properties: {
diff --git a/src/renderer/models/network.js b/src/renderer/models/network.js
index 19afe05f18..fffbd028f4 100644
--- a/src/renderer/models/network.js
+++ b/src/renderer/models/network.js
@@ -44,7 +44,7 @@ export default new BaseModel({
       type: 'object'
     },
     feeStatistics: {
-      type: 'array'
+      type: 'object'
     },
     constants: {
       type: 'object'
diff --git a/src/renderer/models/profile.js b/src/renderer/models/profile.js
index b8822b49c0..ce58277857 100644
--- a/src/renderer/models/profile.js
+++ b/src/renderer/models/profile.js
@@ -133,6 +133,10 @@ export default new BaseModel({
       type: 'object',
       format: data => data.lastFees || {}
     },
+    multiSignaturePeer: {
+      type: ['object', 'null'],
+      format: data => data.multiSignaturePeer || null
+    },
     filterBlacklistedPlugins: {
       type: 'boolean',
       format: data => data.filterBlacklistedPlugins !== undefined ? data.filterBlacklistedPlugins : true
diff --git a/src/renderer/models/transaction.js b/src/renderer/models/transaction.js
index bc8cc74934..1ae395b14c 100644
--- a/src/renderer/models/transaction.js
+++ b/src/renderer/models/transaction.js
@@ -15,6 +15,9 @@ export default new BaseModel({
     type: {
       type: 'integer'
     },
+    typeGroup: {
+      type: 'integer'
+    },
     recipient: {
       type: 'string'
     },
diff --git a/src/renderer/models/wallet.js b/src/renderer/models/wallet.js
index 17466c084f..0b8a0dfe28 100644
--- a/src/renderer/models/wallet.js
+++ b/src/renderer/models/wallet.js
@@ -28,6 +28,10 @@ export default new BaseModel({
         }
       }
     },
+    multiSignature: {
+      type: ['object', 'null'],
+      default: null
+    },
     name: {
       type: 'string',
       default: '',
@@ -52,6 +56,10 @@ export default new BaseModel({
       type: 'boolean',
       default: false
     },
+    business: {
+      type: ['object', 'null'],
+      default: null
+    },
     isWatchOnly: {
       type: 'boolean',
       default: false
diff --git a/src/renderer/pages/Wallet/WalletImport.vue b/src/renderer/pages/Wallet/WalletImport.vue
index 51f0419a46..169007dd89 100644
--- a/src/renderer/pages/Wallet/WalletImport.vue
+++ b/src/renderer/pages/Wallet/WalletImport.vue
@@ -247,6 +247,15 @@ export default {
   methods: {
     async createWallet () {
       try {
+        try {
+          const wallet = await this.$client.fetchWallet(this.wallet.address)
+          if (wallet.multiSignature) {
+            this.wallet.multiSignature = wallet.multiSignature
+          }
+        } catch (error) {
+          //
+        }
+
         const { address } = await this.$store.dispatch('wallet/create', this.wallet)
         this.$router.push({ name: 'wallet-show', params: { address } })
       } catch (error) {
diff --git a/src/renderer/plugins/bignumber.js b/src/renderer/plugins/bignumber.js
index a101234b43..c612c4b738 100644
--- a/src/renderer/plugins/bignumber.js
+++ b/src/renderer/plugins/bignumber.js
@@ -1,8 +1,8 @@
-import BigNumber from 'bignumber.js'
+import BigNumberInstance from 'bignumber.js'
 
 // Avoid scientific notation
 // https://github.com/MikeMcl/bignumber.js/blob/master/bignumber.d.ts#L97
-BigNumber.config({ DECIMAL_PLACES: 8, EXPONENTIAL_AT: 1e+9 })
+const BigNumber = BigNumberInstance.clone({ DECIMAL_PLACES: 8, EXPONENTIAL_AT: 1e+9 })
 
 export class NumberBuilder {
   /**
diff --git a/src/renderer/services/client-multisig.js b/src/renderer/services/client-multisig.js
new file mode 100644
index 0000000000..3f8c8eae8a
--- /dev/null
+++ b/src/renderer/services/client-multisig.js
@@ -0,0 +1,74 @@
+/* eslint-disable import/no-duplicates */
+import got from 'got/source/index'
+import gotWallet from 'got'
+
+export default class MultiSignature {
+  static async performHandshake ({ host, port }) {
+    try {
+      // this request should fail because the endpoint does not exist
+      await got.get(`${host}:${port}/handshake`)
+
+      return false
+    } catch (error) {
+      if (error.response && error.response.headers && error.response.headers['x-server-type'] === 'MultiSignature') {
+        return true
+      }
+
+      console.error('Could not get multi-sig server handshake: ', error)
+    }
+
+    return false
+  }
+
+  static async sendTransaction ({ host, port }, transaction) {
+    try {
+      let multiSignature = transaction.multiSignature
+      if (transaction.asset && transaction.asset.multiSignature) {
+        multiSignature = transaction.asset.multiSignature
+      }
+
+      const response = await gotWallet.post(`${host}:${port}/transaction`, {
+        body: JSON.stringify({
+          data: transaction,
+          multisigAsset: multiSignature
+        })
+      })
+
+      return response
+    } catch (error) {
+      console.error('Could not post transaction: ', error)
+    }
+
+    return false
+  }
+
+  static async getTransactions ({ host, port }, publicKey) {
+    try {
+      const response = await gotWallet.get(`${host}:${port}/transactions`, {
+        query: {
+          publicKey
+        }
+      })
+
+      const transactions = JSON.parse(response.body)
+
+      return {
+        totalCount: transactions.length,
+        transactions: transactions.map(transaction => {
+          return {
+            ...transaction.data,
+            multiSignature: transaction.multisigAsset,
+            timestamp: transaction.timestamp
+          }
+        })
+      }
+    } catch (error) {
+      console.error('Could not post transaction: ', error)
+    }
+
+    return {
+      totalCount: 0,
+      transactions: []
+    }
+  }
+}
diff --git a/src/renderer/services/client.js b/src/renderer/services/client.js
index fe2d224478..4ad371d31e 100644
--- a/src/renderer/services/client.js
+++ b/src/renderer/services/client.js
@@ -1,13 +1,22 @@
 import { Connection } from '@arkecosystem/client'
-import { Managers, Transactions } from '@arkecosystem/crypto'
-import { castArray, chunk, orderBy } from 'lodash'
+import { Identities, Transactions } from '@arkecosystem/crypto'
+import * as MagistrateCrypto from '@arkecosystem/core-magistrate-crypto'
+import { castArray, chunk, cloneDeep, orderBy } from 'lodash'
 import moment from 'moment'
 import logger from 'electron-log'
-import { TRANSACTION_TYPES } from '@config'
+import { TRANSACTION_GROUPS, TRANSACTION_TYPES } from '@config'
 import store from '@/store'
 import eventBus from '@/plugins/event-bus'
 import BigNumber from '@/plugins/bignumber'
 import TransactionService from '@/services/transaction'
+import WalletService from '@/services/wallet'
+
+Transactions.TransactionRegistry.registerTransactionType(MagistrateCrypto.Transactions.BusinessRegistrationTransaction)
+Transactions.TransactionRegistry.registerTransactionType(MagistrateCrypto.Transactions.BusinessResignationTransaction)
+Transactions.TransactionRegistry.registerTransactionType(MagistrateCrypto.Transactions.BusinessUpdateTransaction)
+Transactions.TransactionRegistry.registerTransactionType(MagistrateCrypto.Transactions.BridgechainRegistrationTransaction)
+Transactions.TransactionRegistry.registerTransactionType(MagistrateCrypto.Transactions.BridgechainResignationTransaction)
+Transactions.TransactionRegistry.registerTransactionType(MagistrateCrypto.Transactions.BridgechainUpdateTransaction)
 
 export default class ClientService {
   /*
@@ -75,6 +84,28 @@ export default class ClientService {
     try {
       const { body } = await ClientService.newConnection(server, timeout).api('node').fees(7)
 
+      if (!body.data[0]) {
+        return Object.values(TRANSACTION_GROUPS)
+          .filter(group => !!body.data[group])
+          .reduce((accumulator, group) => {
+            accumulator[group] = Object.keys(body.data[group])
+              .map(key => {
+                const fee = body.data[group][key]
+
+                return {
+                  type: TRANSACTION_TYPES[`GROUP_${group}`][key.toUpperCase()],
+                  fees: {
+                    minFee: Number(fee.min),
+                    maxFee: Number(fee.max),
+                    avgFee: Number(fee.avg)
+                  }
+                }
+              })
+
+            return accumulator
+          }, {})
+      }
+
       return body.data.map(fee => ({
         type: Number(fee.type),
         fees: {
@@ -84,9 +115,7 @@ export default class ClientService {
         }
       }))
     } catch (error) {
-      const { feeStatistics } = await ClientService.fetchNetworkConfig(server, timeout)
-
-      return feeStatistics
+      return []
     }
   }
 
@@ -108,10 +137,6 @@ export default class ClientService {
     this.client = ClientService.newConnection(host)
   }
 
-  get version () {
-    return this.__version
-  }
-
   /**
    * Fetch the peer status.
    * @returns {Object}
@@ -157,17 +182,11 @@ export default class ClientService {
     return body.meta.totalCount
   }
 
-  async fetchDelegateForged (delegate) {
+  fetchDelegateForged (delegate) {
     if (delegate.forged) {
       return delegate.forged.total
     }
 
-    const { body } = await this.client.api('delegates').forged(delegate.publicKey)
-
-    if (body.success) {
-      return body.forged
-    }
-
     return '0'
   }
 
@@ -176,7 +195,7 @@ export default class ClientService {
    * @return {Number[]}
    */
   async fetchStaticFees () {
-    const fees = Object.values((await this.client.api('transactions').fees()).body.data)
+    const fees = (await this.client.api('transactions').fees()).body.data
 
     return fees
   }
@@ -213,6 +232,15 @@ export default class ClientService {
     }
   }
 
+  /**
+   * Fetch bridgechains for a business.
+   * @param  {String} publicKey
+   * @return {Object}
+   */
+  async fetchBusinessBridgechains (publicKey) {
+    return (await this.client.api('businesses').bridgechains(publicKey)).body
+  }
+
   /**
    * Request the transactions according to the current network version
    *
@@ -237,11 +265,17 @@ export default class ClientService {
     let totalCount = 0
     let transactions = []
 
-    const { body } = await this.client.api('wallets').transactions(address, {
+    const queryOptions = {
       orderBy: options.orderBy,
       limit: options.limit,
       page: options.page
-    })
+    }
+
+    if (options.transactionType) {
+      queryOptions.type = options.transactionType
+    }
+
+    const { body } = await this.client.api('wallets').transactions(address, queryOptions)
 
     transactions = body.data.map(transaction => {
       transaction.timestamp = transaction.timestamp.unix * 1000 // to milliseconds
@@ -409,15 +443,17 @@ export default class ClientService {
    * @return {Object}
    */
   __parseCurrentPeer () {
-    const matches = /(https?:\/\/)([a-zA-Z0-9.-_]+):([0-9]+)/.exec(this.host)
+    const matches = /(https?:\/\/)([a-zA-Z0-9.\-_]+)(:([0-9]*))?/.exec(this.host)
     const scheme = matches[1]
     const ip = matches[2]
-    const port = matches[3]
+    const port = matches[4]
+
+    const isHttps = scheme === 'https://'
 
     return {
       ip,
-      port,
-      isHttps: scheme === 'https://'
+      port: port || (isHttps ? '443' : '80'),
+      isHttps
     }
   }
 
@@ -440,12 +476,13 @@ export default class ClientService {
       passphrase,
       secondPassphrase,
       wif,
-      networkWif
+      networkWif,
+      multiSignature
     },
     isAdvancedFee = false,
     returnObject = false
   ) {
-    const staticFee = store.getters['transaction/staticFee'](TRANSACTION_TYPES.VOTE)
+    const staticFee = store.getters['transaction/staticFee'](TRANSACTION_TYPES.GROUP_1.VOTE, 1)
     if (!isAdvancedFee && fee.gt(staticFee)) {
       throw new Error(`Vote fee should be smaller than ${staticFee}`)
     }
@@ -464,7 +501,8 @@ export default class ClientService {
       passphrase,
       secondPassphrase,
       wif,
-      networkWif
+      networkWif,
+      multiSignature
     }, returnObject)
   }
 
@@ -487,12 +525,13 @@ export default class ClientService {
       passphrase,
       secondPassphrase,
       wif,
-      networkWif
+      networkWif,
+      multiSignature
     },
     isAdvancedFee = false,
     returnObject = false
   ) {
-    const staticFee = store.getters['transaction/staticFee'](TRANSACTION_TYPES.DELEGATE_REGISTRATION)
+    const staticFee = store.getters['transaction/staticFee'](TRANSACTION_TYPES.GROUP_1.DELEGATE_REGISTRATION, 1)
     if (!isAdvancedFee && fee.gt(staticFee)) {
       throw new Error(`Delegate registration fee should be smaller than ${staticFee}`)
     }
@@ -511,7 +550,8 @@ export default class ClientService {
       passphrase,
       secondPassphrase,
       wif,
-      networkWif
+      networkWif,
+      multiSignature
     }, returnObject)
   }
 
@@ -539,23 +579,23 @@ export default class ClientService {
       secondPassphrase,
       wif,
       networkWif,
-      networkId
+      networkId,
+      multiSignature
     },
     isAdvancedFee = false,
     returnObject = false
   ) {
-    const staticFee = store.getters['transaction/staticFee'](TRANSACTION_TYPES.TRANSFER)
+    const staticFee = store.getters['transaction/staticFee'](TRANSACTION_TYPES.GROUP_1.TRANSFER, 1)
     if (!isAdvancedFee && fee.gt(staticFee)) {
       throw new Error(`Transfer fee should be smaller than ${staticFee}`)
     }
 
     const transaction = Transactions.BuilderFactory
       .transfer()
-      .amount(amount)
+      .amount(amount || 0)
       .fee(fee)
       .recipientId(recipientId)
-
-    transaction.data.vendorField = vendorField
+      .vendorField(vendorField)
 
     passphrase = this.normalizePassphrase(passphrase)
     secondPassphrase = this.normalizePassphrase(secondPassphrase)
@@ -567,7 +607,8 @@ export default class ClientService {
       secondPassphrase,
       wif,
       networkWif,
-      networkId
+      networkId,
+      multiSignature
     }, returnObject)
   }
 
@@ -588,12 +629,13 @@ export default class ClientService {
       passphrase,
       secondPassphrase,
       wif,
-      networkWif
+      networkWif,
+      multiSignature
     },
     isAdvancedFee = false,
     returnObject = false
   ) {
-    const staticFee = store.getters['transaction/staticFee'](TRANSACTION_TYPES.SECOND_SIGNATURE)
+    const staticFee = store.getters['transaction/staticFee'](TRANSACTION_TYPES.GROUP_1.SECOND_SIGNATURE, 1)
     if (!isAdvancedFee && fee.gt(staticFee)) {
       throw new Error(`Second signature fee should be smaller than ${staticFee}`)
     }
@@ -610,7 +652,590 @@ export default class ClientService {
       transaction,
       passphrase,
       wif,
+      networkWif,
+      multiSignature
+    }, returnObject)
+  }
+
+  /**
+   * Build Multi-Signature transaction.
+   * @param {Object} data
+   * @param {Number} data.publicKeys - public keys associated with new multisignature wallet
+   * @param {Number} data.minKeys - minimum required keys for wallet transactions
+   * @param {Number} data.fee - dynamic fee, as arktoshi
+   * @param {String} data.passphrase
+   * @param {String} data.secondPassphrase
+   * @param {String} data.wif
+   * @param {Boolean} returnObject - to return the transaction of its internal struct
+   * @returns {Object}
+   */
+  async buildMultiSignature (
+    {
+      address,
+      publicKeys,
+      minKeys,
+      fee,
+      passphrase,
+      secondPassphrase,
+      wif,
       networkWif
+    },
+    isAdvancedFee = false,
+    returnObject = false
+  ) {
+    if (!store.getters['session/network'].constants.aip11) {
+      throw new Error('AIP-11 transaction not supported on network')
+    }
+
+    const staticFee = store.getters['transaction/staticFee'](TRANSACTION_TYPES.GROUP_1.MULTI_SIGNATURE, 1)
+    if (!isAdvancedFee && fee.gt(staticFee)) {
+      throw new Error(`Multi-Signature fee should be smaller than ${staticFee}`)
+    }
+
+    const transaction = Transactions.BuilderFactory
+      .multiSignature()
+      .multiSignatureAsset({
+        min: +minKeys,
+        publicKeys
+      })
+      .fee(fee)
+
+    passphrase = this.normalizePassphrase(passphrase)
+    secondPassphrase = this.normalizePassphrase(secondPassphrase)
+
+    const transactionObject = await this.__signTransaction({
+      address,
+      transaction,
+      passphrase,
+      secondPassphrase,
+      wif,
+      networkWif,
+      multiSignature: transaction.data.asset.multiSignature
+    }, true)
+
+    return returnObject ? transactionObject : transactionObject.getStruct()
+  }
+
+  /**
+   * Build IPFS transaction.
+   * @param {Object} data
+   * @param {Number} data.fee - dynamic fee, as arktoshi
+   * @param {Number} data.hash - ipfs hash
+   * @param {String} data.passphrase
+   * @param {String} data.secondPassphrase
+   * @param {String} data.wif
+   * @param {Boolean} returnObject - to return the transaction of its internal struct
+   * @returns {Object}
+   */
+  async buildIpfs (
+    {
+      address,
+      fee,
+      hash,
+      passphrase,
+      secondPassphrase,
+      wif,
+      networkWif,
+      multiSignature
+    },
+    isAdvancedFee = false,
+    returnObject = false
+  ) {
+    if (!store.getters['session/network'].constants.aip11) {
+      throw new Error('AIP-11 transaction not supported on network')
+    }
+
+    const staticFee = store.getters['transaction/staticFee'](TRANSACTION_TYPES.GROUP_1.IPFS, 1)
+    if (!isAdvancedFee && fee.gt(staticFee)) {
+      throw new Error(`IPFS fee should be smaller than ${staticFee}`)
+    }
+
+    const transaction = Transactions.BuilderFactory
+      .ipfs()
+      .ipfsAsset(hash)
+      .fee(fee)
+
+    passphrase = this.normalizePassphrase(passphrase)
+    secondPassphrase = this.normalizePassphrase(secondPassphrase)
+
+    return this.__signTransaction({
+      address,
+      transaction,
+      passphrase,
+      secondPassphrase,
+      wif,
+      networkWif,
+      multiSignature
+    }, returnObject)
+  }
+
+  /**
+   * Build a multi-payment transfer transaction.
+   * @param {Object} data
+   * @param {Number} data.amount - amount to send, as arktoshi
+   * @param {Number} data.fee - dynamic fee, as arktoshi
+   * @param {String} data.recipientId
+   * @param {String} data.vendorField
+   * @param {String} data.passphrase
+   * @param {String} data.secondPassphrase
+   * @param {String} data.wif
+   * @param {Boolean} returnObject - to return the transaction of its internal struct
+   * @returns {Object}
+   */
+  async buildMultiPayment (
+    {
+      address,
+      recipients,
+      fee,
+      vendorField,
+      passphrase,
+      secondPassphrase,
+      wif,
+      networkWif,
+      multiSignature
+    },
+    isAdvancedFee = false,
+    returnObject = false
+  ) {
+    if (!store.getters['session/network'].constants.aip11) {
+      throw new Error('AIP-11 transaction not supported on network')
+    }
+
+    const staticFee = store.getters['transaction/staticFee'](TRANSACTION_TYPES.GROUP_1.MULTI_PAYMENT, 1)
+    if (!isAdvancedFee && fee.gt(staticFee)) {
+      throw new Error(`Multi-Payment fee should be smaller than ${staticFee}`)
+    }
+
+    const transaction = Transactions.BuilderFactory
+      .multiPayment()
+      .recipientId(address)
+      .fee(fee)
+      .vendorField(vendorField)
+
+    for (const recipient of recipients) {
+      transaction.addPayment(recipient.address, recipient.amount)
+    }
+
+    passphrase = this.normalizePassphrase(passphrase)
+    secondPassphrase = this.normalizePassphrase(secondPassphrase)
+
+    return this.__signTransaction({
+      address,
+      transaction,
+      passphrase,
+      secondPassphrase,
+      wif,
+      networkWif,
+      multiSignature
+    }, returnObject)
+  }
+
+  /**
+   * Build a delegate resignation transaction.
+   * @param {Object} data
+   * @param {Number} data.fee - dynamic fee, as arktoshi
+   * @param {String} data.passphrase
+   * @param {String} data.secondPassphrase
+   * @param {String} data.wif
+   * @param {Boolean} returnObject - to return the transaction of its internal struct
+   * @returns {Object}
+   */
+  async buildDelegateResignation (
+    {
+      address,
+      fee,
+      passphrase,
+      secondPassphrase,
+      wif,
+      networkWif,
+      multiSignature
+    },
+    isAdvancedFee = false,
+    returnObject = false
+  ) {
+    if (!store.getters['session/network'].constants.aip11) {
+      throw new Error('AIP-11 transaction not supported on network')
+    }
+
+    const staticFee = store.getters['transaction/staticFee'](TRANSACTION_TYPES.GROUP_1.DELEGATE_RESIGNATION, 1)
+    if (!isAdvancedFee && fee.gt(staticFee)) {
+      throw new Error(`Delegate resignation fee should be smaller than ${staticFee}`)
+    }
+
+    const transaction = Transactions.BuilderFactory
+      .delegateResignation()
+      .fee(fee)
+
+    passphrase = this.normalizePassphrase(passphrase)
+    secondPassphrase = this.normalizePassphrase(secondPassphrase)
+
+    return this.__signTransaction({
+      address,
+      transaction,
+      passphrase,
+      secondPassphrase,
+      wif,
+      networkWif,
+      multiSignature
+    }, returnObject)
+  }
+
+  /**
+   * Build a business registration transaction.
+   * @param {Object} data
+   * @param {String} data.address
+   * @param {Number} data.fee - dynamic fee, as arktoshi
+   * @param {Object} data.asset
+   * @param {String} data.passphrase
+   * @param {String} data.secondPassphrase
+   * @param {String} data.wif
+   * @param {String} data.networkWif
+   * @param {Object} data.multiSignature
+   * @param {Boolean} isAdvancedFee - if it's not a static fee
+   * @param {Boolean} returnObject - to return the transaction of its internal struct
+   * @returns {Object}
+   */
+  async buildBusinessRegistration (
+    {
+      address,
+      fee,
+      asset,
+      passphrase,
+      secondPassphrase,
+      wif,
+      networkWif,
+      multiSignature
+    },
+    isAdvancedFee = false,
+    returnObject = false
+  ) {
+    if (!store.getters['session/network'].constants.aip11) {
+      throw new Error('AIP-11 transaction not supported on network')
+    }
+
+    const staticFee = store.getters['transaction/staticFee'](TRANSACTION_TYPES.GROUP_2.BUSINESS_REGISTRATION, 2)
+    if (!isAdvancedFee && fee.gt(staticFee)) {
+      throw new Error(`Business Registration fee should be smaller than ${staticFee}`)
+    }
+
+    const businessRegistrationAsset = {
+      name: asset.name,
+      website: asset.website
+    }
+
+    if (asset.vat && asset.vat.length) {
+      businessRegistrationAsset.vat = asset.vat
+    }
+
+    if (asset.repository && asset.repository.length) {
+      businessRegistrationAsset.repository = asset.repository
+    }
+
+    const transaction = new MagistrateCrypto.Builders.BusinessRegistrationBuilder()
+      .businessRegistrationAsset(businessRegistrationAsset)
+      .fee(fee)
+
+    passphrase = this.normalizePassphrase(passphrase)
+    secondPassphrase = this.normalizePassphrase(secondPassphrase)
+
+    return this.__signTransaction({
+      address,
+      transaction,
+      passphrase,
+      secondPassphrase,
+      wif,
+      networkWif,
+      multiSignature
+    }, returnObject)
+  }
+
+  /**
+   * Build a business update transaction.
+   * @param {Object} data
+   * @param {String} data.address
+   * @param {Number} data.fee - dynamic fee, as arktoshi
+   * @param {Object} data.asset
+   * @param {String} data.passphrase
+   * @param {String} data.secondPassphrase
+   * @param {String} data.wif
+   * @param {String} data.networkWif
+   * @param {Object} data.multiSignature
+   * @param {Boolean} isAdvancedFee - if it's not a static fee
+   * @param {Boolean} returnObject - to return the transaction of its internal struct
+   * @returns {Object}
+   */
+  async buildBusinessUpdate (
+    {
+      address,
+      fee,
+      asset,
+      passphrase,
+      secondPassphrase,
+      wif,
+      networkWif,
+      multiSignature
+    },
+    isAdvancedFee = false,
+    returnObject = false
+  ) {
+    if (!store.getters['session/network'].constants.aip11) {
+      throw new Error('AIP-11 transaction not supported on network')
+    }
+
+    const staticFee = store.getters['transaction/staticFee'](TRANSACTION_TYPES.GROUP_2.BUSINESS_UPDATE, 2)
+    if (!isAdvancedFee && fee.gt(staticFee)) {
+      throw new Error(`Business Update fee should be smaller than ${staticFee}`)
+    }
+
+    const businessAsset = {
+      name: asset.name,
+      website: asset.website
+    }
+
+    if (asset.vat && asset.vat.length) {
+      businessAsset.vat = asset.vat
+    }
+
+    if (asset.repository && asset.repository.length) {
+      businessAsset.repository = asset.repository
+    }
+
+    const transaction = new MagistrateCrypto.Builders.BusinessUpdateBuilder()
+      .businessUpdateAsset(businessAsset)
+      .fee(fee)
+
+    passphrase = this.normalizePassphrase(passphrase)
+    secondPassphrase = this.normalizePassphrase(secondPassphrase)
+
+    return this.__signTransaction({
+      address,
+      transaction,
+      passphrase,
+      secondPassphrase,
+      wif,
+      networkWif,
+      multiSignature
+    }, returnObject)
+  }
+
+  /**
+   * Build a business resignation transaction.
+   * @param {Object} data
+   * @param {String} data.address
+   * @param {Number} data.fee - dynamic fee, as arktoshi
+   * @param {String} data.passphrase
+   * @param {String} data.secondPassphrase
+   * @param {String} data.wif
+   * @param {String} data.networkWif
+   * @param {Object} data.multiSignature
+   * @param {Boolean} isAdvancedFee - if it's not a static fee
+   * @param {Boolean} returnObject - to return the transaction of its internal struct
+   * @returns {Object}
+   */
+  async buildBusinessResignation (
+    {
+      address,
+      fee,
+      passphrase,
+      secondPassphrase,
+      wif,
+      networkWif,
+      multiSignature
+    },
+    isAdvancedFee = false,
+    returnObject = false
+  ) {
+    if (!store.getters['session/network'].constants.aip11) {
+      throw new Error('AIP-11 transaction not supported on network')
+    }
+
+    const staticFee = store.getters['transaction/staticFee'](TRANSACTION_TYPES.GROUP_2.BUSINESS_RESIGNATION, 2)
+    if (!isAdvancedFee && fee.gt(staticFee)) {
+      throw new Error(`Business Resignation fee should be smaller than ${staticFee}`)
+    }
+
+    const transaction = new MagistrateCrypto.Builders.BusinessResignationBuilder()
+      .fee(fee)
+
+    passphrase = this.normalizePassphrase(passphrase)
+    secondPassphrase = this.normalizePassphrase(secondPassphrase)
+
+    return this.__signTransaction({
+      address,
+      transaction,
+      passphrase,
+      secondPassphrase,
+      wif,
+      networkWif,
+      multiSignature
+    }, returnObject)
+  }
+
+  /**
+   * Build a bridgechain registration transaction.
+   * @param {Object} data
+   * @param {String} data.address
+   * @param {Number} data.fee - dynamic fee, as arktoshi
+   * @param {Object} data.asset
+   * @param {String} data.passphrase
+   * @param {String} data.secondPassphrase
+   * @param {String} data.wif
+   * @param {String} data.networkWif
+   * @param {Object} data.multiSignature
+   * @param {Boolean} isAdvancedFee - if it's not a static fee
+   * @param {Boolean} returnObject - to return the transaction of its internal struct
+   * @returns {Object}
+   */
+  async buildBridgechainRegistration (
+    {
+      address,
+      fee,
+      asset,
+      passphrase,
+      secondPassphrase,
+      wif,
+      networkWif,
+      multiSignature
+    },
+    isAdvancedFee = false,
+    returnObject = false
+  ) {
+    if (!store.getters['session/network'].constants.aip11) {
+      throw new Error('AIP-11 transaction not supported on network')
+    }
+
+    const staticFee = store.getters['transaction/staticFee'](TRANSACTION_TYPES.GROUP_2.BRIDGECHAIN_REGISTRATION, 2)
+    if (!isAdvancedFee && fee.gt(staticFee)) {
+      throw new Error(`Bridgechain Registration fee should be smaller than ${staticFee}`)
+    }
+
+    const transaction = new MagistrateCrypto.Builders.BridgechainRegistrationBuilder()
+      .bridgechainRegistrationAsset(asset)
+      .fee(fee)
+
+    passphrase = this.normalizePassphrase(passphrase)
+    secondPassphrase = this.normalizePassphrase(secondPassphrase)
+
+    return this.__signTransaction({
+      address,
+      transaction,
+      passphrase,
+      secondPassphrase,
+      wif,
+      networkWif,
+      multiSignature
+    }, returnObject)
+  }
+
+  /**
+   * Build a bridgechain update transaction.
+   * @param {Object} data
+   * @param {String} data.address
+   * @param {Number} data.fee - dynamic fee, as arktoshi
+   * @param {Object} data.asset
+   * @param {String} data.passphrase
+   * @param {String} data.secondPassphrase
+   * @param {String} data.wif
+   * @param {String} data.networkWif
+   * @param {Object} data.multiSignature
+   * @param {Boolean} isAdvancedFee - if it's not a static fee
+   * @param {Boolean} returnObject - to return the transaction of its internal struct
+   * @returns {Object}
+   */
+  async buildBridgechainUpdate (
+    {
+      address,
+      fee,
+      asset,
+      passphrase,
+      secondPassphrase,
+      wif,
+      networkWif,
+      multiSignature
+    },
+    isAdvancedFee = false,
+    returnObject = false
+  ) {
+    if (!store.getters['session/network'].constants.aip11) {
+      throw new Error('AIP-11 transaction not supported on network')
+    }
+
+    const staticFee = store.getters['transaction/staticFee'](TRANSACTION_TYPES.GROUP_2.BRIDGECHAIN_UPDATE, 2)
+    if (!isAdvancedFee && fee.gt(staticFee)) {
+      throw new Error(`Bridgechain Update fee should be smaller than ${staticFee}`)
+    }
+
+    const transaction = new MagistrateCrypto.Builders.BridgechainUpdateBuilder()
+      .bridgechainUpdateAsset(asset)
+      .fee(fee)
+
+    passphrase = this.normalizePassphrase(passphrase)
+    secondPassphrase = this.normalizePassphrase(secondPassphrase)
+
+    return this.__signTransaction({
+      address,
+      transaction,
+      passphrase,
+      secondPassphrase,
+      wif,
+      networkWif,
+      multiSignature
+    }, returnObject)
+  }
+
+  /**
+   * Build a bridgechain resignation transaction.
+   * @param {Object} data
+   * @param {String} data.address
+   * @param {Number} data.fee - dynamic fee, as arktoshi
+   * @param {String} data.bridgechainId
+   * @param {String} data.passphrase
+   * @param {String} data.secondPassphrase
+   * @param {String} data.wif
+   * @param {String} data.networkWif
+   * @param {Object} data.multiSignature
+   * @param {Boolean} isAdvancedFee - if it's not a static fee
+   * @param {Boolean} returnObject - to return the transaction of its internal struct
+   * @returns {Object}
+   */
+  async buildBridgechainResignation (
+    {
+      address,
+      fee,
+      bridgechainId,
+      passphrase,
+      secondPassphrase,
+      wif,
+      networkWif,
+      multiSignature
+    },
+    isAdvancedFee = false,
+    returnObject = false
+  ) {
+    if (!store.getters['session/network'].constants.aip11) {
+      throw new Error('AIP-11 transaction not supported on network')
+    }
+
+    const staticFee = store.getters['transaction/staticFee'](TRANSACTION_TYPES.GROUP_2.BRIDGECHAIN_RESIGNATION, 2)
+    if (!isAdvancedFee && fee.gt(staticFee)) {
+      throw new Error(`Bridgechain Resignation fee should be smaller than ${staticFee}`)
+    }
+
+    const transaction = new MagistrateCrypto.Builders.BridgechainResignationBuilder()
+      .bridgechainResignationAsset(bridgechainId)
+      .fee(fee)
+
+    passphrase = this.normalizePassphrase(passphrase)
+    secondPassphrase = this.normalizePassphrase(secondPassphrase)
+
+    return this.__signTransaction({
+      address,
+      transaction,
+      passphrase,
+      secondPassphrase,
+      wif,
+      networkWif,
+      multiSignature
     }, returnObject)
   }
 
@@ -634,11 +1259,19 @@ export default class ClientService {
       secondPassphrase,
       wif,
       networkWif,
-      networkId
+      networkId,
+      multiSignature
     },
     returnObject = false
   ) {
-    const network = store.getters['network/byId'](networkId) || store.getters['session/network']
+    let network
+    if (networkId) {
+      network = store.getters['network/byId'](networkId)
+    }
+    if (!network) {
+      network = store.getters['session/network']
+    }
+
     transaction = transaction.network(network.version)
 
     // TODO replace with dayjs
@@ -646,10 +1279,11 @@ export default class ClientService {
     const now = moment().valueOf()
     transaction.data.timestamp = Math.floor((now - epochTime) / 1000)
 
-    if (network.constants.aip11) {
-      Managers.configManager.setConfig(network.crypto)
-      Managers.configManager.setHeight(await store.dispatch('peer/getAverageHeight', network))
+    if (passphrase) {
+      passphrase = this.normalizePassphrase(passphrase)
+    }
 
+    if (network.constants.aip11) {
       let nonce = '1'
       try {
         nonce = BigNumber((await this.fetchWallet(address)).nonce || 0).plus(1).toString()
@@ -659,25 +1293,128 @@ export default class ClientService {
 
       transaction.version(2)
         .nonce(nonce)
+    } else {
+      transaction.version(1)
     }
 
-    if (passphrase) {
-      transaction = transaction.sign(this.normalizePassphrase(passphrase))
-    } else if (wif) {
-      transaction = transaction.signWithWif(wif, networkWif)
+    if (multiSignature) {
+      let senderPublicKey = null
+      if (passphrase) {
+        senderPublicKey = WalletService.getPublicKeyFromPassphrase(passphrase)
+      } else if (wif) {
+        senderPublicKey = WalletService.getPublicKeyFromWIF(wif)
+      }
+
+      const publicKeyIndex = multiSignature.publicKeys.indexOf(senderPublicKey)
+      transaction.senderPublicKey(senderPublicKey)
+      if (publicKeyIndex > -1) {
+        if (passphrase) {
+          transaction.multiSign(passphrase, publicKeyIndex)
+        } else if (wif) {
+          transaction.multiSignWithWif(publicKeyIndex, wif, networkWif)
+        }
+      } else if (transaction.data.type === TRANSACTION_TYPES.GROUP_1.MULTI_SIGNATURE && !transaction.data.signatures) {
+        transaction.data.signatures = []
+      }
+    } else {
+      if (passphrase) {
+        transaction.sign(passphrase)
+      } else if (wif) {
+        transaction.signWithWif(wif, networkWif)
+      }
+
+      if (secondPassphrase) {
+        transaction.secondSign(this.normalizePassphrase(secondPassphrase))
+      }
     }
 
-    if (secondPassphrase) {
-      transaction = transaction.secondSign(this.normalizePassphrase(secondPassphrase))
+    if (returnObject) {
+      return transaction
     }
 
-    const transactionResponse = returnObject ? transaction : transaction.getStruct()
+    if (multiSignature) {
+      if (!transaction.data.senderPublicKey) {
+        transaction.senderPublicKey(WalletService.getPublicKeyFromMultiSignatureAsset(multiSignature))
+      }
+      const transactionJson = transaction.build().toJson()
+      transactionJson.multiSignature = multiSignature
+      if (!transactionJson.signatures) {
+        transactionJson.signatures = []
+      }
 
-    if (!returnObject) {
-      transactionResponse.totalAmount = TransactionService.getTotalAmount(transactionResponse)
+      return transactionJson
     }
 
-    return transactionResponse
+    const response = transaction.build().toJson()
+    response.totalAmount = TransactionService.getTotalAmount(response)
+
+    return response
+  }
+
+  /**
+   * Sign a transaction that requires multi-signatures
+   * @return {Object}
+   */
+  async multiSign (transaction, { multiSignature, networkWif, passphrase, secondPassphrase, wif }) {
+    if (!passphrase && !wif) {
+      throw new Error('No passphrase or wif provided')
+    }
+
+    transaction = this.__transactionFromData(transaction)
+
+    const network = store.getters['session/network']
+    if (!network.constants.aip11) {
+      throw new Error('Multi-Signature Transactions are not supported yet')
+    }
+
+    let keys
+    if (passphrase) {
+      keys = Identities.Keys.fromPassphrase(passphrase)
+    } else {
+      keys = Identities.Keys.fromWIF(wif, { wif: networkWif })
+    }
+
+    const isReady = TransactionService.isMultiSignatureReady({
+      ...transaction,
+      multiSignature,
+      signatures: [
+        ...transaction.signatures
+      ]
+    }, true)
+
+    if (!isReady) {
+      const index = multiSignature.publicKeys.indexOf(keys.publicKey)
+      if (index >= 0) {
+        Transactions.Signer.multiSign(transaction, keys, index)
+        transaction.signatures = transaction.signatures.filter((value, index, self) => {
+          return self.indexOf(value) === index
+        })
+      } else {
+        throw new Error('passphrase/wif is not used to sign this transaction')
+      }
+    } else if (TransactionService.needsWalletSignature(transaction, keys.publicKey)) {
+      Transactions.Signer.sign(transaction, keys)
+
+      if (secondPassphrase) {
+        const secondaryKeys = Identities.Keys.fromPassphrase(secondPassphrase)
+        Transactions.Signer.secondSign(transaction, secondaryKeys)
+      }
+
+      transaction.id = TransactionService.getId(transaction)
+    }
+
+    return {
+      ...transaction,
+      multiSignature
+    }
+  }
+
+  __transactionFromData (transaction) {
+    transaction = cloneDeep(transaction)
+    transaction.multiSignature = undefined
+    transaction.timestamp = undefined
+
+    return transaction
   }
 
   /**
@@ -688,6 +1425,12 @@ export default class ClientService {
    * @returns {Object[]}
    */
   async broadcastTransaction (transactions, broadcast) {
+    if (Array.isArray(transactions) && !transactions.length) {
+      return []
+    } else if (typeof transactions === 'object' && !transactions.network) {
+      return []
+    }
+
     let currentPeer = store.getters['peer/current']()
     if (!currentPeer) {
       currentPeer = this.__parseCurrentPeer()
@@ -727,7 +1470,6 @@ export default class ClientService {
   }
 
   // TODO this shouldn't be responsibility of the client
-  // TODO update client when peer changes
   __watchProfile () {
     store.watch(
       (_, getters) => getters['session/profile'],
diff --git a/src/renderer/services/ledger-service.js b/src/renderer/services/ledger-service.js
index f39b541e44..5a86c35689 100644
--- a/src/renderer/services/ledger-service.js
+++ b/src/renderer/services/ledger-service.js
@@ -1,5 +1,5 @@
 import LedgerTransport from '@ledgerhq/hw-transport-node-hid-singleton'
-import ArkLedger from '@arkecosystem/ledger-transport'
+import { ARKTransport } from '@arkecosystem/ledger-transport'
 import queue from 'async/queue'
 import logger from 'electron-log'
 
@@ -35,7 +35,7 @@ class LedgerService {
 
     this.listeningForLedger = true
     this.transport = await LedgerTransport.create()
-    this.ledger = new ArkLedger(this.transport)
+    this.ledger = new ARKTransport(this.transport)
     this.listeningForLedger = false
   }
 
@@ -84,7 +84,7 @@ class LedgerService {
 
       // Make a request to the ledger device to determine if it's accessible
       const isConnected = await this.__performAction(async () => {
-        return this.ledger.getAddress('44\'/1\'/0\'/0/0')
+        return this.ledger.getPublicKey('44\'/1\'/0\'/0/0')
       })
 
       return !!isConnected
@@ -96,36 +96,48 @@ class LedgerService {
   }
 
   /**
-   * Get address and public key from ledger wallet.
-   * @param  {Number} [path] Path for wallet location.
+   * Get public key from ledger wallet.
+   * @param  {Number} path Path for wallet location.
    * @return {(String|Boolean)}
    */
-  async getWallet (path) {
+  async getPublicKey (path) {
     return this.__performAction(async () => {
-      return this.ledger.getAddress(path)
+      return this.ledger.getPublicKey(path)
     })
   }
 
   /**
-   * Get public key from ledger wallet.
-   * @param  {Number} [path] Path for wallet location.
+   * Sign transaction for ledger wallet.
+   * @param  {Number} path Path for wallet location.
+   * @param  {String} transactionHex Hex of transaction.
    * @return {(String|Boolean)}
    */
-  async getPublicKey (path) {
+  async signTransaction (path, transactionHex) {
     return this.__performAction(async () => {
-      return this.ledger.getAddress(path)
+      return this.ledger.signTransaction(path, transactionHex)
     })
   }
 
   /**
-   * Sign transaction for ledger wallet.
-   * @param  {Number} [path] Path for wallet location.
-   * @param  {String} transactionHex Hex of transaction.
+   * Sign message for ledger wallet.
+   * @param  {Number} path Path for wallet location.
+   * @param  {String} messageHex Hex to sign.
    * @return {(String|Boolean)}
    */
-  async signTransaction (path, transactionHex) {
+  async signMessage (path, messageHex) {
     return this.__performAction(async () => {
-      return this.ledger.signTransaction(path, transactionHex)
+      return this.ledger.signMessage(path, Buffer.from(messageHex, 'hex'))
+    })
+  }
+
+  /**
+   * Get version of ledger wallet.
+   * @param  {Number} path Path for wallet location.
+   * @return {(String|Boolean)}
+   */
+  async getVersion () {
+    return this.__performAction(async () => {
+      return this.ledger.getVersion()
     })
   }
 
diff --git a/src/renderer/services/synchronizer/wallets.js b/src/renderer/services/synchronizer/wallets.js
index 11c8bf5768..ca5d80f443 100644
--- a/src/renderer/services/synchronizer/wallets.js
+++ b/src/renderer/services/synchronizer/wallets.js
@@ -1,7 +1,8 @@
 import { find, groupBy, keyBy, map, maxBy, partition, uniqBy } from 'lodash'
-import config from '@config'
+import { TRANSACTION_GROUPS, TRANSACTION_TYPES } from '@config'
 import eventBus from '@/plugins/event-bus'
 import truncateMiddle from '@/filters/truncate-middle'
+import TransactionService from '@/services/transaction'
 
 class Action {
   /**
@@ -292,6 +293,15 @@ class Action {
         // Disable notification on first check
         if (checkedAt > 0) {
           this.displayNewTransaction(latestTransaction, wallet)
+
+          const types = [
+            TRANSACTION_TYPES.GROUP_1.DELEGATE_REGISTRATION,
+            TRANSACTION_TYPES.GROUP_1.DELEGATE_RESIGNATION
+          ]
+
+          if (types.includes(latestTransaction.type)) {
+            this.$dispatch('delegate/load')
+          }
         }
 
         return latestAt
@@ -318,21 +328,35 @@ class Action {
 
   // TODO use the eventBus to display transactions
   displayNewTransaction (transaction, wallet) {
+    switch ((transaction.typeGroup || 1)) {
+      case TRANSACTION_GROUPS.STANDARD: {
+        this.displayNewStandardTransaction(transaction, wallet)
+        break
+      }
+      case TRANSACTION_GROUPS.MAGISTRATE: {
+        this.displayNewMagistrateTransaction(transaction, wallet)
+        break
+      }
+    }
+  }
+
+  // TODO use the eventBus to display transactions
+  displayNewStandardTransaction (transaction, wallet) {
     let message = {}
 
     switch (transaction.type) {
-      case config.TRANSACTION_TYPES.SECOND_SIGNATURE: {
+      case TRANSACTION_TYPES.GROUP_1.SECOND_SIGNATURE: {
         message = {
-          translation: 'SYNCHRONIZER.NEW_SECOND_SIGNATURE',
+          translation: 'SYNCHRONIZER.GROUP_1.NEW_SECOND_SIGNATURE',
           options: {
             address: truncateMiddle(wallet.address)
           }
         }
         break
       }
-      case config.TRANSACTION_TYPES.DELEGATE_REGISTRATION: {
+      case TRANSACTION_TYPES.GROUP_1.DELEGATE_REGISTRATION: {
         message = {
-          translation: 'SYNCHRONIZER.NEW_DELEGATE_REGISTRATION',
+          translation: 'SYNCHRONIZER.GROUP_1.NEW_DELEGATE_REGISTRATION',
           options: {
             address: truncateMiddle(wallet.address),
             username: transaction.asset.delegate.username
@@ -340,11 +364,11 @@ class Action {
         }
         break
       }
-      case config.TRANSACTION_TYPES.VOTE: {
+      case TRANSACTION_TYPES.GROUP_1.VOTE: {
         const type = transaction.asset.votes[0].substring(0, 1) === '+' ? 'VOTE' : 'UNVOTE'
-        const voteUnvote = this.$t(`SYNCHRONIZER.${type}`)
+        const voteUnvote = this.$t(`SYNCHRONIZER.GROUP_1.${type}`)
         message = {
-          translation: 'SYNCHRONIZER.NEW_VOTE',
+          translation: 'SYNCHRONIZER.GROUP_1.NEW_VOTE',
           options: {
             address: truncateMiddle(wallet.address),
             voteUnvote,
@@ -353,10 +377,64 @@ class Action {
         }
         break
       }
+      case TRANSACTION_TYPES.GROUP_1.MULTI_SIGNATURE: {
+        message = {
+          translation: 'SYNCHRONIZER.GROUP_1.NEW_MULTI_SIGNATURE',
+          options: {
+            address: truncateMiddle(wallet.address)
+          }
+        }
+        break
+      }
+      case TRANSACTION_TYPES.GROUP_1.IPFS: {
+        message = {
+          translation: 'SYNCHRONIZER.GROUP_1.NEW_IPFS',
+          options: {
+            address: truncateMiddle(wallet.address)
+          }
+        }
+        break
+      }
+      case TRANSACTION_TYPES.GROUP_1.MULTI_PAYMENT: {
+        let amount = this.$scope.currency_toBuilder(0)
+        let type = 'SENT'
+        let recipient = transaction.asset.payments.filter(payment => payment.recipientId === wallet.address)
+        if (recipient.length) {
+          type = 'RECEIVED'
+          for (const entry of recipient) {
+            amount.add(entry.amount)
+          }
+          recipient = truncateMiddle(wallet.address)
+        } else {
+          amount = TransactionService.getAmount(this.$scope, transaction)
+          recipient = transaction.asset.payments.length + ' recipients'
+        }
+
+        message = {
+          translation: `SYNCHRONIZER.GROUP_1.NEW_MULTI_PAYMENT_${type}`,
+          options: {
+            address: truncateMiddle(wallet.address),
+            amount: `${this.$getters['session/network'].symbol}${(amount / 1e8)}`,
+            sender: truncateMiddle(transaction.sender),
+            recipient
+          }
+        }
+        break
+      }
+      case TRANSACTION_TYPES.GROUP_1.DELEGATE_RESIGNATION: {
+        message = {
+          translation: 'SYNCHRONIZER.GROUP_1.NEW_DELEGATE_RESIGNATION',
+          options: {
+            address: truncateMiddle(wallet.address),
+            username: transaction.asset.delegate.username
+          }
+        }
+        break
+      }
       default: {
         const type = transaction.sender === wallet.address ? 'SENT' : 'RECEIVED'
         message = {
-          translation: `SYNCHRONIZER.NEW_TRANSFER_${type}`,
+          translation: `SYNCHRONIZER.GROUP_1.NEW_TRANSFER_${type}`,
           options: {
             address: truncateMiddle(wallet.address),
             amount: `${this.$getters['session/network'].symbol}${(transaction.amount / 1e8)}`,
@@ -371,6 +449,77 @@ class Action {
     this.$success(this.$t(message.translation, message.options))
   }
 
+  // TODO use the eventBus to display transactions
+  displayNewMagistrateTransaction (transaction, wallet) {
+    let message = null
+
+    switch (transaction.type) {
+      case TRANSACTION_TYPES.GROUP_2.BUSINESS_REGISTRATION: {
+        message = {
+          translation: 'SYNCHRONIZER.GROUP_2.NEW_BUSINESS_REGISTRATION',
+          options: {
+            address: truncateMiddle(wallet.address),
+            name: transaction.asset.businessRegistration.name
+          }
+        }
+        break
+      }
+      case TRANSACTION_TYPES.GROUP_2.BUSINESS_RESIGNATION: {
+        message = {
+          translation: 'SYNCHRONIZER.GROUP_2.NEW_BUSINESS_RESIGNATION',
+          options: {
+            address: truncateMiddle(wallet.address)
+          }
+        }
+        break
+      }
+      case TRANSACTION_TYPES.GROUP_2.BUSINESS_UPDATE: {
+        message = {
+          translation: 'SYNCHRONIZER.GROUP_2.NEW_BUSINESS_UPDATE',
+          options: {
+            address: truncateMiddle(wallet.address),
+            name: transaction.asset.businessUpdate.name
+          }
+        }
+        break
+      }
+      case TRANSACTION_TYPES.GROUP_2.BRIDGECHAIN_REGISTRATION: {
+        message = {
+          translation: 'SYNCHRONIZER.GROUP_2.NEW_BRIDGECHAIN_REGISTRATION',
+          options: {
+            address: truncateMiddle(wallet.address),
+            name: transaction.asset.bridgechainRegistration.name
+          }
+        }
+        break
+      }
+      case TRANSACTION_TYPES.GROUP_2.BRIDGECHAIN_RESIGNATION: {
+        message = {
+          translation: 'SYNCHRONIZER.GROUP_2.NEW_BRIDGECHAIN_RESIGNATION',
+          options: {
+            address: truncateMiddle(wallet.address),
+            name: transaction.asset.bridgechainRegistration.name
+          }
+        }
+        break
+      }
+      case TRANSACTION_TYPES.GROUP_2.BRIDGECHAIN_UPDATE: {
+        message = {
+          translation: 'SYNCHRONIZER.GROUP_2.NEW_BRIDGECHAIN_UPDATE',
+          options: {
+            address: truncateMiddle(wallet.address),
+            name: transaction.asset.bridgechainRegistration.name
+          }
+        }
+        break
+      }
+    }
+
+    if (message) {
+      this.$success(this.$t(message.translation, message.options))
+    }
+  }
+
   /**
    * @param {Array} walletsToUpdate - regular or Ledger wallets that should be updated
    */
diff --git a/src/renderer/services/transaction.js b/src/renderer/services/transaction.js
index d45dcd647d..70834d257f 100644
--- a/src/renderer/services/transaction.js
+++ b/src/renderer/services/transaction.js
@@ -1,5 +1,5 @@
 import { TRANSACTION_TYPES } from '@config'
-import { Transactions } from '@arkecosystem/crypto'
+import { Crypto, Transactions } from '@arkecosystem/crypto'
 import BigNumber from '@/plugins/bignumber'
 
 export default class TransactionService {
@@ -24,6 +24,41 @@ export default class TransactionService {
     }).toString('hex')
   }
 
+  /**
+   * Get amount for transaction.
+   * @param  {Object} vm
+   * @param  {Object} transaction
+   * @return {String}
+   */
+  static getAmount (vm, transaction, includeFee = false) {
+    const amount = vm.currency_toBuilder(transaction.amount)
+    if (transaction.asset && transaction.asset.payments) {
+      for (const payment of transaction.asset.payments) {
+        amount.add(payment.amount)
+      }
+    }
+
+    if (includeFee) {
+      amount.add(transaction.fee)
+    }
+
+    return amount.value
+  }
+
+  /**
+   * Get hash for transaction.
+   * @param  {Object}  transaction
+   * @param  {Boolean} excludeMultiSignature
+   * @return {Buffer}
+   */
+  static getHash (transaction, excludeMultiSignature = true) {
+    return Transactions.Utils.toHash(transaction, {
+      excludeSignature: true,
+      excludeSecondSignature: true,
+      excludeMultiSignature
+    })
+  }
+
   /**
    * Get total amount for transaction.
    * @param  {Object} transaction
@@ -46,7 +81,7 @@ export default class TransactionService {
     const transaction = transactionObject.getStruct()
     transaction.senderPublicKey = wallet.publicKey // Restore original sender public key
 
-    if (transactionObject.data.type === TRANSACTION_TYPES.VOTE) {
+    if (transactionObject.data.type === TRANSACTION_TYPES.GROUP_1.VOTE) {
       transaction.recipientId = wallet.address
     }
 
@@ -64,4 +99,108 @@ export default class TransactionService {
 
     return transaction
   }
+
+  /*
+   * Sign message with Ledger.
+   * @param {Object} wallet
+   * @param {String} message
+   * @return {Object}
+   */
+  static async ledgerSignMessage (wallet, message, vm) {
+    const signature = await vm.$store.dispatch('ledger/signMessage', {
+      messageHex: Buffer.from(message).toString('hex'),
+      accountIndex: wallet.ledgerIndex
+    })
+
+    if (!signature) {
+      throw new Error(vm.$t('TRANSACTION.LEDGER_USER_DECLINED'))
+    }
+
+    return signature
+  }
+
+  static isMultiSignature (transaction) {
+    return !!transaction.multiSignature
+  }
+
+  static isMultiSignatureRegistration (transaction) {
+    return transaction.type === TRANSACTION_TYPES.GROUP_1.MULTI_SIGNATURE
+  }
+
+  static needsSignatures (transaction) {
+    if (!this.isMultiSignature(transaction)) {
+      return false
+    }
+
+    if (this.isMultiSignatureRegistration(transaction)) {
+      return this.needsAllSignatures(transaction)
+    }
+
+    return this.getValidMultiSignatures(transaction).length < transaction.multiSignature.min
+  }
+
+  static needsAllSignatures (transaction) {
+    return this.getValidMultiSignatures(transaction).length < transaction.multiSignature.publicKeys.length
+  }
+
+  static needsWalletSignature (transaction, publicKey) {
+    if (this.isMultiSignatureRegistration(transaction) && this.isMultiSignatureReady(transaction, true)) {
+      return transaction.senderPublicKey === publicKey && this.needsFinalSignature(transaction)
+    }
+
+    if (!this.isMultiSignature(transaction)) {
+      return false
+    }
+
+    const index = transaction.multiSignature.publicKeys.indexOf(publicKey)
+    if (index === -1) {
+      return false
+    } else if (!transaction.signatures) {
+      return true
+    }
+
+    const signature = transaction.signatures.find(signature => parseInt(signature.substring(0, 2), 16) === index)
+    if (!signature) {
+      return true
+    }
+
+    return !Crypto.Hash.verifySchnorr(this.getHash(transaction), signature.slice(2, 130), publicKey)
+  }
+
+  static isMultiSignatureReady (transaction, excludeFinal = false) {
+    if (this.needsSignatures(transaction)) {
+      return false
+    } else if (!excludeFinal && this.isMultiSignatureRegistration(transaction) && this.needsFinalSignature(transaction)) {
+      return false
+    }
+
+    return true
+  }
+
+  static needsFinalSignature (transaction) {
+    if (this.isMultiSignature(transaction) && !this.isMultiSignatureRegistration(transaction)) {
+      return false
+    }
+
+    return !transaction.signature || !Crypto.Hash.verifySchnorr(this.getHash(transaction, false), transaction.signature, transaction.senderPublicKey)
+  }
+
+  static getValidMultiSignatures (transaction) {
+    if (!this.isMultiSignature(transaction) || !transaction.signatures || !transaction.signatures.length) {
+      return []
+    }
+
+    const validSignatures = []
+    for (const signature of transaction.signatures) {
+      const publicKeyIndex = parseInt(signature.slice(0, 2), 16)
+      const partialSignature = signature.slice(2, 130)
+      const publicKey = transaction.multiSignature.publicKeys[publicKeyIndex]
+
+      if (Crypto.Hash.verifySchnorr(this.getHash(transaction), partialSignature, publicKey)) {
+        validSignatures.push(signature)
+      }
+    }
+
+    return validSignatures
+  }
 }
diff --git a/src/renderer/services/wallet.js b/src/renderer/services/wallet.js
index 6ddd11bc14..cbff80b932 100644
--- a/src/renderer/services/wallet.js
+++ b/src/renderer/services/wallet.js
@@ -1,8 +1,9 @@
 import * as bip39 from 'bip39'
-import { Crypto, Identities } from '@arkecosystem/crypto'
+import { Crypto, Identities, Managers } from '@arkecosystem/crypto'
 import { version as mainnetVersion } from '@config/networks/mainnet'
 import store from '@/store'
 import got from 'got'
+import cloneDeep from 'lodash.clonedeep'
 
 export default class WalletService {
   /*
@@ -49,13 +50,57 @@ export default class WalletService {
     return Identities.Address.fromPublicKey(publicKey, pubKeyHash)
   }
 
+  /**
+   * Returns the address generated from a multi-signature registration.
+   * @param {Object} multiSignatureAsset
+   * @return {String}
+   */
+  static getAddressFromMultiSignatureAsset (multiSignatureAsset) {
+    Managers.configManager.setConfig(cloneDeep(store.getters['session/network'].crypto))
+
+    return Identities.Address.fromMultiSignatureAsset(multiSignatureAsset)
+  }
+
+  /**
+   * Generates the public key belonging to a wallet
+   * @param {Object} wallet
+   * @return {String|null}
+   */
+  static getPublicKeyFromWallet (wallet) {
+    if (wallet.multiSignature) {
+      return this.getPublicKeyFromMultiSignatureAsset(wallet.multiSignature)
+    }
+
+    return wallet.publicKey || null
+  }
+
   /**
    * Generates the public key belonging to the given passphrase
    * @param {String} passphrase
    * @return {String}
    */
   static getPublicKeyFromPassphrase (passphrase) {
-    return Identities.Keys.fromPassphrase(this.normalizePassphrase(passphrase)).publicKey
+    return Identities.PublicKey.fromPassphrase(this.normalizePassphrase(passphrase))
+  }
+
+  /**
+   * Generates the public key belonging to the given wif
+   * @param {String} wif
+   * @return {String}
+   */
+  static getPublicKeyFromWIF (wif) {
+    return Identities.PublicKey.fromWIF(wif)
+  }
+
+  /**
+   * Returns the public key generated from a multi-signature registration.
+   * @param {Object} multiSignatureAsset
+   * @return {String}
+   */
+  static getPublicKeyFromMultiSignatureAsset (multiSignatureAsset) {
+    Managers.configManager.setConfig(cloneDeep(store.getters['session/network'].crypto))
+
+    return Identities.PublicKey.fromMultiSignatureAsset(multiSignatureAsset)
   }
 
   /**
@@ -69,8 +114,59 @@ export default class WalletService {
     }
 
     const neoUrl = 'https://neoscan.io/api/main_net/v1/get_last_transactions_by_address/'
-    const response = await got(neoUrl + address)
-    return response.status === 200 && response.body && response.body.length > 0
+    const response = await got(neoUrl + address, {
+      json: true
+    })
+
+    return response.statusCode === 200 && response.body && response.body.length > 0
+  }
+
+  /**
+   * Check if a wallet is a business wallet
+   * @param {Object} wallet
+   * @param {Boolean} ignoreResigned
+   * @returns {Boolean}
+   */
+  static isBusiness (wallet, ignoreResigned = true) {
+    if (!wallet.business) {
+      return false
+    }
+
+    if (ignoreResigned) {
+      return !!wallet.business.name
+    }
+
+    return !wallet.business.resigned
+  }
+
+  /**
+   * Check if a wallet can resign as a business
+   * @param {Object} wallet
+   * @returns {Boolean}
+   */
+  static canResignBusiness (wallet) {
+    if (!wallet.business) {
+      return false
+    }
+
+    return !wallet.business.resigned
+  }
+
+  /**
+   * Check if a wallet business has bridgechains
+   * @param {Object} wallet
+   * @returns {Boolean}
+   */
+  static async hasBridgechains (wallet, vm) {
+    try {
+      const bridegchains = await vm.$client.fetchBusinessBridgechains(wallet.publicKey)
+
+      return bridegchains.data.filter(bridgechain => !bridgechain.isResigned).length > 0
+    } catch (error) {
+      //
+    }
+
+    return false
   }
 
   /**
@@ -115,6 +211,8 @@ export default class WalletService {
   }
 
   /**
+   * TODO: Is this necessary? A passphrase is always valid as long as it's a string.
+   *
    * Check that a passphrase is valid.
    * @param {String} passhrase
    * @param {Number} pubKeyHash - also known as address or network version
diff --git a/src/renderer/store/modules/ledger.js b/src/renderer/store/modules/ledger.js
index 539eb31c00..1901400bd3 100644
--- a/src/renderer/store/modules/ledger.js
+++ b/src/renderer/store/modules/ledger.js
@@ -2,7 +2,9 @@ import cryptoLibrary from 'crypto'
 import { keyBy } from 'lodash'
 import logger from 'electron-log'
 import Vue from 'vue'
+import semver from 'semver'
 import { Identities } from '@arkecosystem/crypto'
+import i18n from '@/i18n'
 import eventBus from '@/plugins/event-bus'
 import ledgerService from '@/services/ledger-service'
 
@@ -14,13 +16,17 @@ export default {
     isConnected: false,
     wallets: {},
     walletCache: {},
-    loadingProcesses: {}
+    loadingProcesses: {},
+    needsUpdate: false,
+    ensureConnection: false
   },
 
   getters: {
     isLoading: state => Object.keys(state.loadingProcesses).length,
     shouldStopLoading: state => processId => state.loadingProcesses[processId],
     isConnected: state => state.isConnected,
+    needsUpdate: state => state.needsUpdate,
+    isEnsureConnectionRunning: state => state.ensureConnection,
     wallets: state => Object.values(state.wallets),
     walletsObject: state => state.wallets,
     wallet: state => (address) => {
@@ -63,10 +69,18 @@ export default {
       state.isConnected = false
       state.wallets = {}
       state.loadingProcesses = {}
+      state.needsUpdate = false
+      state.ensureConnection = false
     },
     SET_SLIP44 (state, slip44) {
       state.slip44 = slip44
     },
+    SET_NEEDS_UPDATE (state, needsUpdate) {
+      state.needsUpdate = needsUpdate
+    },
+    SET_ENSURE_CONNECTION (state, ensureConnection) {
+      state.ensureConnection = ensureConnection
+    },
     SET_LOADING (state, processId) {
       Vue.set(state.loadingProcesses, processId, false)
     },
@@ -136,22 +150,53 @@ export default {
      * Initialise ledger service with ark-ledger library.
      * @param {Number} slip44
      */
-    async init ({ dispatch }, slip44) {
+    async init ({ dispatch, getters }, slip44) {
       dispatch('setSlip44', slip44)
       dispatch('ensureConnection')
+
+      const neededUpdate = getters.needsUpdate
+      await dispatch('updateVersion')
+
+      if (!getters.needsUpdate && neededUpdate !== getters.needsUpdate) {
+        eventBus.emit('ledger:connected')
+      }
+    },
+
+    /**
+     * Update flag to determine if ledger app needs update.
+     */
+    async updateVersion ({ commit, dispatch, rootGetters }) {
+      const network = rootGetters['session/network']
+
+      let needsUpdate = false
+      if (network.constants && network.constants.aip11 && semver.lt(await dispatch('getVersion'), '1.2.0')) {
+        needsUpdate = true
+      }
+
+      commit('SET_NEEDS_UPDATE', needsUpdate)
+
+      if (needsUpdate) {
+        this._vm.$error(i18n.t('LEDGER.NEEDS_UPDATE'), 10000)
+      }
     },
 
     /**
      * Try connecting to ledger device.
      * @return {Boolean} true if connected, false if failed
      */
-    async connect ({ commit, dispatch }) {
+    async connect ({ commit, dispatch, getters }) {
       if (!await ledgerService.connect()) {
         return false
       }
 
       commit('SET_CONNECTED', true)
-      eventBus.emit('ledger:connected')
+
+      await dispatch('updateVersion')
+
+      if (!getters.needsUpdate) {
+        eventBus.emit('ledger:connected')
+      }
+
       await dispatch('reloadWallets', {})
 
       return true
@@ -175,7 +220,13 @@ export default {
      * @param  {Number} [obj.delay=2000] Delay in between connection attempts.
      * @return {void}
      */
-    async ensureConnection ({ commit, state, dispatch }, { delay } = { delay: 2000 }) {
+    async ensureConnection ({ commit, dispatch, getters, state }, { delay, reRun } = { delay: 2000, reRun: false }) {
+      if (!reRun && getters.isEnsureConnectionRunning) {
+        return
+      }
+
+      commit('SET_ENSURE_CONNECTION', true)
+
       if (state.isConnected && !await dispatch('checkConnected')) {
         await dispatch('disconnect')
         delay = 2000
@@ -188,7 +239,7 @@ export default {
       }
 
       setTimeout(() => {
-        dispatch('ensureConnection', { delay })
+        dispatch('ensureConnection', { delay, reRun: true })
       }, delay)
     },
 
@@ -392,6 +443,22 @@ export default {
       commit('CLEAR_WALLET_CACHE', rootGetters['session/profileId'])
     },
 
+    /**
+     * Get address and public key from ledger wallet.
+     * @param  {Number} accountIndex Index of wallet to get data for.
+     * @return {(String|Boolean)}
+     */
+    async getVersion ({ dispatch }) {
+      try {
+        return await dispatch('action', {
+          action: 'getVersion'
+        })
+      } catch (error) {
+        logger.error(error)
+        throw new Error(`Could not get version: ${error}`)
+      }
+    },
+
     /**
      * Get address and public key from ledger wallet.
      * @param  {Number} accountIndex Index of wallet to get data for.
@@ -445,7 +512,7 @@ export default {
 
     /**
      * Sign transaction for ledger wallet.
-     * @param {Object} obj
+     * @param  {Object} obj
      * @param  {String} obj.transactionHex Hex of transaction.
      * @param  {Number} obj.accountIndex Index of wallet to sign transaction for.
      * @return {(String|Boolean)}
@@ -463,6 +530,26 @@ export default {
       }
     },
 
+    /**
+     * Sign message for ledger wallet.
+     * @param  {Object} obj
+     * @param  {String} obj.messageHex Hex to sign.
+     * @param  {Number} obj.accountIndex Index of wallet to sign transaction for.
+     * @return {(String|Boolean)}
+     */
+    async signMessage ({ dispatch }, { messageHex, accountIndex } = {}) {
+      try {
+        return await dispatch('action', {
+          action: 'signMessage',
+          accountIndex,
+          data: messageHex
+        })
+      } catch (error) {
+        logger.error(error)
+        throw new Error(`Could not sign message: ${error}`)
+      }
+    },
+
     /**
      * Action method to act as a wrapper for ledger methods
      * @param {Object} obj
@@ -472,7 +559,7 @@ export default {
      * @return {String}
      */
     async action ({ state, dispatch, rootGetters }, { action, accountIndex, data } = {}) {
-      if (accountIndex === undefined || !Number.isFinite(accountIndex)) {
+      if (action !== 'getVersion' && (accountIndex === undefined || !Number.isFinite(accountIndex))) {
         throw new Error('accountIndex must be a Number')
       }
 
@@ -486,7 +573,7 @@ export default {
       const path = `44'/${state.slip44}'/${accountIndex || 0}'/0/0`
       const actions = {
         async getWallet () {
-          const { publicKey } = await ledgerService.getWallet(path)
+          const publicKey = await ledgerService.getPublicKey(path)
           const network = rootGetters['session/network']
 
           return {
@@ -495,16 +582,22 @@ export default {
           }
         },
         async getAddress () {
-          const { publicKey } = await ledgerService.getWallet(path)
+          const publicKey = await ledgerService.getPublicKey(path)
           const network = rootGetters['session/network']
 
           return Identities.Address.fromPublicKey(publicKey, network.version)
         },
         async getPublicKey () {
-          return (await ledgerService.getWallet(path)).publicKey
+          return ledgerService.getPublicKey(path)
         },
         async signTransaction () {
-          return (await ledgerService.signTransaction(path, data)).signature
+          return ledgerService.signTransaction(path, data)
+        },
+        async signMessage () {
+          return ledgerService.signMessage(path, data)
+        },
+        async getVersion () {
+          return ledgerService.getVersion()
         }
       }
 
diff --git a/src/renderer/store/modules/network.js b/src/renderer/store/modules/network.js
index 31b442f828..267f117b18 100644
--- a/src/renderer/store/modules/network.js
+++ b/src/renderer/store/modules/network.js
@@ -1,5 +1,6 @@
 import BaseModule from '../base'
 import { cloneDeep, isEmpty } from 'lodash'
+import { Managers } from '@arkecosystem/crypto'
 import { NETWORKS } from '@config'
 import eventBus from '@/plugins/event-bus'
 import NetworkModel from '@/models/network'
@@ -47,7 +48,7 @@ export default new BaseModule(NetworkModel, {
   },
 
   actions: {
-    load ({ commit, getters }) {
+    load ({ commit, getters, rootGetters }) {
       const all = cloneDeep(getters.all)
       if (!isEmpty(all)) {
         // TODO: remove in future major version
@@ -62,17 +63,21 @@ export default new BaseModule(NetworkModel, {
         if (missingCustom) {
           commit('SET_ALL', all)
         }
-
-        return
+      } else {
+        commit('SET_ALL', NETWORKS)
       }
 
-      commit('SET_ALL', NETWORKS)
+      const sessionNetwork = rootGetters['session/network']
+      if (sessionNetwork && sessionNetwork.crypto && sessionNetwork.constants) {
+        Managers.configManager.setConfig(cloneDeep(sessionNetwork.crypto))
+        Managers.configManager.setHeight(sessionNetwork.constants.height)
+      }
     },
 
     /*
      * Update data of the network
      */
-    async updateData ({ commit, rootGetters }, network = null) {
+    async updateData ({ commit, dispatch, rootGetters }, network = null) {
       if (!network) {
         network = rootGetters['session/network']
       }
@@ -85,8 +90,11 @@ export default new BaseModule(NetworkModel, {
           crypto,
           constants
         })
+
+        Managers.configManager.setConfig(cloneDeep(crypto))
+        Managers.configManager.setHeight(constants.height)
       } catch (error) {
-        // data could not be updated
+        console.error('Could not update network data:', error)
       }
     },
 
@@ -102,7 +110,7 @@ export default new BaseModule(NetworkModel, {
         const feeStatistics = await Client.fetchFeeStatistics(network.server)
         commit('UPDATE', {
           ...network,
-          feeStatistics
+          feeStatistics: { ...feeStatistics }
         })
       } catch (error) {
         // Fees couldn't be updated
diff --git a/src/renderer/store/modules/peer.js b/src/renderer/store/modules/peer.js
index bbf91b95e2..7cbbf3bc7e 100644
--- a/src/renderer/store/modules/peer.js
+++ b/src/renderer/store/modules/peer.js
@@ -318,56 +318,39 @@ export default {
       })
     },
 
-    /**
-     * Get average peer height.
-     * @return {Number}
-     */
-    async getAverageHeight ({ dispatch, getters, rootGetters }, network = null) {
-      const peerDiscovery = await dispatch('getPeerDiscovery', network)
-      const peers = await peerDiscovery.findPeersWithPlugin('core-api', {
-        additional: [
-          'height'
-        ]
-      })
-
-      if (!peers.length) {
-        return 1
-      }
-
-      let sum = 0
-      for (const peer of peers) {
-        sum += peer.height
-      }
-
-      return sum / peers.length
-    },
-
     /**
      * Refresh peer list.
      * @return {void}
      */
     async refresh ({ dispatch, getters, rootGetters }, network = null) {
-      const peerDiscovery = await dispatch('getPeerDiscovery', network)
+      let peers = []
 
-      peerDiscovery.withLatency(300)
-        .sortBy('latency')
+      try {
+        const peerDiscovery = await dispatch('getPeerDiscovery', network)
 
-      let peers = await peerDiscovery
-        .findPeersWithPlugin('core-api', {
-          additional: [
-            'height',
-            'latency'
-          ]
-        })
+        peerDiscovery.withLatency(300)
+          .sortBy('latency')
 
-      if (!peers.length) {
         peers = await peerDiscovery
-          .findPeersWithPlugin('core-wallet-api', {
+          .findPeersWithPlugin('core-api', {
             additional: [
               'height',
               'latency'
             ]
           })
+
+        if (!peers.length) {
+          peers = await peerDiscovery
+            .findPeersWithPlugin('core-wallet-api', {
+              additional: [
+                'height',
+                'latency',
+                'version'
+              ]
+            })
+        }
+      } catch (error) {
+        console.error('Could not refresh peer list:', error)
       }
 
       if (!peers.length) {
@@ -523,7 +506,7 @@ export default {
      * @param  {Number} [timeout=3000]
      * @return {(Object|String)}
      */
-    async validatePeer ({ rootGetters }, { host, ip, port, ignoreNetwork = false, timeout = 3000 }) {
+    async validatePeer ({ rootGetters }, { host, ip, port, nethash, ignoreNetwork = false, timeout = 3000 }) {
       let networkConfig
       if (!host && ip) {
         host = ip
@@ -536,12 +519,12 @@ export default {
       try {
         networkConfig = await ClientService.fetchNetworkConfig(baseUrl, timeout)
       } catch (error) {
-        //
+        console.error('Could not get network config:', error)
       }
 
       if (!networkConfig) {
         return i18n.t('PEER.NO_CONNECT')
-      } else if (!ignoreNetwork && networkConfig.nethash !== rootGetters['session/network'].nethash) {
+      } else if (!ignoreNetwork && networkConfig.nethash !== (nethash || rootGetters['session/network'].nethash)) {
         return i18n.t('PEER.WRONG_NETWORK')
       }
 
@@ -555,6 +538,7 @@ export default {
       } catch (error) {
         //
       }
+
       if (!peerStatus) {
         return i18n.t('PEER.STATUS_CHECK_FAILED')
       }
diff --git a/src/renderer/store/modules/profile.js b/src/renderer/store/modules/profile.js
index afe14e6cd5..c26358e8f8 100644
--- a/src/renderer/store/modules/profile.js
+++ b/src/renderer/store/modules/profile.js
@@ -1,3 +1,4 @@
+import Vue from 'vue'
 import { map, uniqBy } from 'lodash'
 import crypto from 'crypto'
 import BaseModule from '../base'
@@ -68,6 +69,18 @@ export default new BaseModule(ProfileModel, {
     }
   },
 
+  mutations: {
+    SET_MULTI_SIGNATURE_PEER (state, { host, port, profileId }) {
+      for (const peerId in state.all) {
+        if (state.all[peerId].id === profileId) {
+          Vue.set(state.all[peerId], 'multiSignaturePeer', { host, port })
+
+          break
+        }
+      }
+    }
+  },
+
   actions: {
     /**
      * This default action is overridden to generate a random unique ID
@@ -97,6 +110,11 @@ export default new BaseModule(ProfileModel, {
       }
 
       commit('DELETE', id)
+    },
+
+    setMultiSignaturePeer ({ commit, rootGetters }, { host, port }) {
+      const profileId = rootGetters['session/profileId']
+      commit('SET_MULTI_SIGNATURE_PEER', { host, port, profileId })
     }
   }
 })
diff --git a/src/renderer/store/modules/session.js b/src/renderer/store/modules/session.js
index e24637283c..05ea8e3fa5 100644
--- a/src/renderer/store/modules/session.js
+++ b/src/renderer/store/modules/session.js
@@ -30,6 +30,7 @@ export default {
     transactionTableRowCount: 10,
     unconfirmedVotes: [],
     lastFees: {},
+    multiSignaturePeer: null,
     filterBlacklistedPlugins: true,
     pluginAdapter: 'npm'
   }),
@@ -88,6 +89,7 @@ export default {
     lastFeeByType: state => type => {
       return state.lastFees ? state.lastFees[type] : null
     },
+    multiSignaturePeer: state => state.multiSignaturePeer,
     filterBlacklistedPlugins: state => state.filterBlacklistedPlugins,
     pluginAdapter: state => state.pluginAdapter
   },
@@ -201,6 +203,10 @@ export default {
       state.lastFees = fees
     },
 
+    SET_MULTI_SIGNATURE_PEER (state, peer) {
+      state.multiSignaturePeer = peer
+    },
+
     SET_FILTER_BLACKLISTED_PLUGINS (state, filterBlacklistedPlugins) {
       state.filterBlacklistedPlugins = filterBlacklistedPlugins
     },
@@ -236,6 +242,7 @@ export default {
       state.transactionTableRowCount = 10
       state.unconfirmedVotes = []
       state.lastFees = {}
+      state.multiSignaturePeer = null
       state.filterBlacklistedPlugins = true
       state.pluginAdapter = 'npm'
 
@@ -269,6 +276,7 @@ export default {
       state.transactionTableRowCount = value.transactionTableRowCount
       state.unconfirmedVotes = value.unconfirmedVotes
       state.lastFees = value.lastFees
+      state.multiSignaturePeer = value.multiSignaturePeer
       state.filterBlacklistedPlugins = value.filterBlacklistedPlugins
       state.pluginAdapter = value.pluginAdapter
 
@@ -412,6 +420,10 @@ export default {
       commit('SET_LAST_FEES', fees)
     },
 
+    setMultiSignaturePeer ({ commit }, { host, port }) {
+      commit('SET_MULTI_SIGNATURE_PEER', { host, port })
+    },
+
     setFilterBlacklistedPlugins ({ commit }, value) {
       commit('SET_FILTER_BLACKLISTED_PLUGINS', value)
     },
diff --git a/src/renderer/store/modules/transaction.js b/src/renderer/store/modules/transaction.js
index a000220108..fc1cd45bac 100644
--- a/src/renderer/store/modules/transaction.js
+++ b/src/renderer/store/modules/transaction.js
@@ -1,6 +1,6 @@
 import dayjs from 'dayjs'
 import { findIndex, unionBy } from 'lodash'
-import config from '@config'
+import { APP, TRANSACTION_GROUPS, TRANSACTION_TYPES } from '@config'
 import eventBus from '@/plugins/event-bus'
 import TransactionModel from '@/models/transaction'
 import TransactionService from '@/services/transaction'
@@ -76,13 +76,19 @@ export default {
      * @param  {Number} type
      * @return {(Number|null)}
      */
-    staticFee: (state, _, __, rootGetters) => (type) => {
+    staticFee: (state, _, __, rootGetters) => (type, group) => {
       const networkId = rootGetters['session/profile'].networkId
       if (!networkId || !state.staticFees[networkId]) {
         return null
       }
 
-      return state.staticFees[networkId][type]
+      if (state.staticFees[networkId][0]) {
+        return state.staticFees[networkId][type]
+      } else if (!state.staticFees[networkId][group]) {
+        return null
+      }
+
+      return state.staticFees[networkId][group][type]
     }
   },
 
@@ -151,7 +157,7 @@ export default {
         return
       }
 
-      const votes = transactions.filter(tx => tx.type === config.TRANSACTION_TYPES.VOTE)
+      const votes = transactions.filter(tx => tx.type === TRANSACTION_TYPES.GROUP_1.VOTE)
       if (!votes.length) {
         return
       }
@@ -195,7 +201,7 @@ export default {
     clearExpired ({ commit, getters, rootGetters }) {
       const expired = []
       const profileId = rootGetters['session/profileId']
-      const threshold = dayjs().subtract(config.APP.transactionExpiryMinutes, 'minute')
+      const threshold = dayjs().subtract(APP.transactionExpiryMinutes, 'minute')
       for (const transaction of getters.byProfileId(profileId)) {
         if (dayjs(transaction.timestamp).isBefore(threshold)) {
           transaction.isExpired = true
@@ -227,9 +233,23 @@ export default {
      * @return {void}
      */
     async updateStaticFees ({ commit, rootGetters }) {
+      let staticFees = {}
+      const feesResponse = await this._vm.$client.fetchStaticFees()
+      if (feesResponse.transfer) {
+        staticFees = Object.values(feesResponse)
+      } else {
+        for (const group of Object.values(TRANSACTION_GROUPS)) {
+          if (!feesResponse[group]) {
+            continue
+          }
+
+          staticFees[group] = Object.values(feesResponse[group])
+        }
+      }
+
       commit('SET_STATIC_FEES', {
         networkId: rootGetters['session/profile'].networkId,
-        staticFees: await this._vm.$client.fetchStaticFees()
+        staticFees
       })
     }
   }
diff --git a/src/renderer/store/modules/wallet.js b/src/renderer/store/modules/wallet.js
index 86db2ea746..6807090541 100644
--- a/src/renderer/store/modules/wallet.js
+++ b/src/renderer/store/modules/wallet.js
@@ -4,6 +4,14 @@ import Vue from 'vue'
 
 const includes = (objects, find) => objects.map(a => a.id).includes(find.id)
 const includesMessage = (objects, find) => objects.map(a => a.timestamp).includes(find.timestamp)
+const sanitizeWallet = (wallet) => {
+  if (wallet.attributes && wallet.attributes.business && wallet.attributes.business.businessAsset) {
+    wallet.business = wallet.attributes.business.businessAsset
+    wallet.business.resigned = !!wallet.attributes.business.resigned
+  }
+
+  return wallet
+}
 
 /**
  * Internally the wallets are stored aggregated by `profileId``
@@ -177,13 +185,13 @@ export default {
       commit('STORE', wallets)
     },
     update ({ commit }, wallet) {
-      const data = WalletModel.deserialize(wallet)
+      const data = WalletModel.deserialize(sanitizeWallet(wallet))
       commit('UPDATE', data)
 
       return data
     },
     updateBulk ({ commit }, wallets) {
-      const data = wallets.map(wallet => WalletModel.deserialize(wallet))
+      const data = wallets.map(wallet => WalletModel.deserialize(sanitizeWallet(wallet)))
       commit('UPDATE_BULK', data)
 
       return data
diff --git a/src/renderer/styles/_general.css b/src/renderer/styles/_general.css
index 0c8f027f4e..21435dfab0 100644
--- a/src/renderer/styles/_general.css
+++ b/src/renderer/styles/_general.css
@@ -79,3 +79,7 @@ img {
 .shadow-outline-green {
   box-shadow: 0 0 0 2px config('colors.green');
 }
+
+.blur {
+  filter: blur(4px)
+}
diff --git a/src/renderer/styles/_theme.css b/src/renderer/styles/_theme.css
index 557d7df310..4e22a61f45 100644
--- a/src/renderer/styles/_theme.css
+++ b/src/renderer/styles/_theme.css
@@ -77,6 +77,10 @@
   --theme-option-heading-button: #3d456d;
   --theme-option-heading-button-hover: #cc5e60;
   --theme-option-heading-button-text: #8894cf;
+  --theme-option-heading-button-disabled: #3d404f;
+  --theme-option-heading-button-text-disabled: #6d798a;
+  --theme-option-heading-button-disabled-hover: #555869;
+  --theme-option-heading-button-text-disabled-hover: #828d9e;
   --theme-input-toggle-choice: #f1f5f8;
   --theme-input-toggle-choice-text: #606f7b;
   --theme-input-field-border: #b9c2d7;
diff --git a/yarn.lock b/yarn.lock
index 4c5cc6fcd6..0e70ca09e7 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -12,24 +12,31 @@
   resolved "https://registry.yarnpkg.com/7zip/-/7zip-0.0.6.tgz#9cafb171af82329490353b4816f03347aa150a30"
   integrity sha1-nK+xca+CMpSQNTtIFvAzR6oVCjA=
 
-"@arkecosystem/client@^1.0.2":
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/@arkecosystem/client/-/client-1.0.2.tgz#42b1312d2d35cbeb0b3ba0887a7a8a9666dfb9c3"
-  integrity sha512-4mJL/rv0JxWPZQIoG3vWxKQFKfT2ny0UmgCbyiDuAkBaXohdE20STNQp+iM7GbH39e2A9kwDZNT2NvrRdsaEBQ==
+"@arkecosystem/client@^1.0.5":
+  version "1.0.5"
+  resolved "https://registry.yarnpkg.com/@arkecosystem/client/-/client-1.0.5.tgz#757426afdb9ab7b13464fd0acebf5f17abbdddaf"
+  integrity sha512-14d91Kjx/0n++lyhm3bRhpT0EPFWhXdCb7OQG1ozZm2tRuCUPLMc+R26kgLLWGqOAkpUoGKziGd1hn/Cq/nZvA==
   dependencies:
     got "^9.6.0"
     is-url-superb "^3.0.0"
 
-"@arkecosystem/crypto@^2.6.0-alpha.0":
-  version "2.6.0-alpha.0"
-  resolved "https://registry.yarnpkg.com/@arkecosystem/crypto/-/crypto-2.6.0-alpha.0.tgz#db22d5688c68d7dfad78f125625ba01557277bc6"
-  integrity sha512-Uq2PvV+YsvFtwB0VCaNwoAGsEBPRC4yspTcmIgRZ59SFcHTEYxsDkGJIDzSt3PGJ8nTIqCWhOt41LcZcIc59vQ==
+"@arkecosystem/core-magistrate-crypto@^2.6.0-next.9":
+  version "2.6.0-next.9"
+  resolved "https://registry.yarnpkg.com/@arkecosystem/core-magistrate-crypto/-/core-magistrate-crypto-2.6.0-next.9.tgz#3108dcd2575ed4df7e082175ba1fc68e70784370"
+  integrity sha512-wt0VuUzjXrxTFdU1QOd5ilpUwMpbq64wjwl983jKS0ruJvBaOwLOqPoXtO1Ugi5Pzyt0WSsyXo6dKCkyAExm4A==
+  dependencies:
+    "@arkecosystem/crypto" "^2.6.0-next.9"
+    bytebuffer "^5.0.1"
+
+"@arkecosystem/crypto@^2.6.0-next.9":
+  version "2.6.0-next.9"
+  resolved "https://registry.yarnpkg.com/@arkecosystem/crypto/-/crypto-2.6.0-next.9.tgz#273a97098057ae9dbbdd433fc8e32ee1de1bd471"
+  integrity sha512-C/zTe3ekYwD4mfeX/He5TSuwEwNrCWI/umtEhHP5wEMBY+rCJIPEr0WjSvnTVlIuM68hQ99j2VWRksoB3xDSIQ==
   dependencies:
-    "@hapi/joi" "^15.1.0"
+    "@arkecosystem/utils" "0.8.3"
     ajv "^6.10.2"
     ajv-keywords "^3.4.1"
     bcrypto "^4.1.0"
-    bignumber.js "^9.0.0"
     bip32 "^2.0.3"
     bip39 "^3.0.2"
     browserify-aes "^1.2.0"
@@ -38,22 +45,19 @@
     bytebuffer "^5.0.1"
     dayjs "^1.8.15"
     deepmerge "^4.0.0"
+    fast-memoize "^2.5.1"
+    ipaddr.js "^1.9.0"
     lodash.get "^4.4.2"
     lodash.set "^4.3.2"
     lodash.sumby "^4.6.0"
-    node-forge "^0.9.0"
-    otplib "^11.0.1"
-    pluralize "^8.0.0"
+    long "~3"
     tiny-glob "^0.2.6"
     wif "^2.0.6"
 
-"@arkecosystem/ledger-transport@^0.1.0":
-  version "0.1.1"
-  resolved "https://registry.yarnpkg.com/@arkecosystem/ledger-transport/-/ledger-transport-0.1.1.tgz#93d03863a7b1b15c18d675d7d74d20ef8e7a38e3"
-  integrity sha512-2Xzj7ISqCGlN2VLp+cjDs0pAsezNGkYpzUOdWF9t5oGt8Xokpn+PzJ9gMPoIEoW34ReuDNYEREhHrcNff13WCA==
-  dependencies:
-    "@ledgerhq/hw-transport" "^4.7.3"
-    babel-runtime "^6.26.0"
+"@arkecosystem/ledger-transport@^1.0.3":
+  version "1.0.3"
+  resolved "https://registry.yarnpkg.com/@arkecosystem/ledger-transport/-/ledger-transport-1.0.3.tgz#9d8ac25296172321aba8076a07e63ce116514c51"
+  integrity sha512-HEyCpNNmdDzcMMIOYIecUVqEYDfBfAXfEyEz8BvGC4Pna1ZR34Zmr/jy1zsDZjYHqsrRN8dJlLNUHNU7kHPPlA==
 
 "@arkecosystem/peers@^0.2.1":
   version "0.2.1"
@@ -66,6 +70,16 @@
     nock "^11.0.0-beta.31"
     semver "^6.2.0"
 
+"@arkecosystem/utils@0.8.3":
+  version "0.8.3"
+  resolved "https://registry.yarnpkg.com/@arkecosystem/utils/-/utils-0.8.3.tgz#1ab84a463a5bf4df4788da9e4c92bc592e9bcfa6"
+  integrity sha512-uRqMLW7qrPDGpYFpJ+LgtfM4ecSZJzcERZBZ8rjIdC9IgAHPDJaXRaoXw5pHw5YopD2LGyUvfMw9EPze15hfTw==
+  dependencies:
+    "@hapi/bourne" "^1.3.2"
+    fast-copy "^2.0.3"
+    fast-deep-equal "^2.0.1"
+    fast-sort "^1.5.6"
+
 "@babel/code-frame@^7.0.0", "@babel/code-frame@^7.5.5":
   version "7.5.5"
   resolved "https://registry.yarnpkg.com/@babel/code-frame/-/code-frame-7.5.5.tgz#bc0782f6d69f7b7d49531219699b988f669a8f9d"
@@ -899,38 +913,11 @@
   resolved "https://registry.yarnpkg.com/@fortawesome/vue-fontawesome/-/vue-fontawesome-0.1.7.tgz#121867297cafd141af78c67d92ab9f1ad4b7328b"
   integrity sha512-YCw2Q2m4fxzyFsPOH3uDYMoJztTD+pT+AAyse4LFpbdrBg+r8ueaVT8BFnXEjrGwMDJJeXrwJ5AOC6q/JWBI4w==
 
-"@hapi/address@2.x.x":
-  version "2.1.2"
-  resolved "https://registry.yarnpkg.com/@hapi/address/-/address-2.1.2.tgz#1c794cd6dbf2354d1eb1ef10e0303f573e1c7222"
-  integrity sha512-O4QDrx+JoGKZc6aN64L04vqa7e41tIiLU+OvKdcYaEMP97UttL0f9GIi9/0A4WAMx0uBd6SidDIhktZhgOcN8Q==
-
-"@hapi/bourne@1.x.x":
+"@hapi/bourne@^1.3.2":
   version "1.3.2"
   resolved "https://registry.yarnpkg.com/@hapi/bourne/-/bourne-1.3.2.tgz#0a7095adea067243ce3283e1b56b8a8f453b242a"
   integrity sha512-1dVNHT76Uu5N3eJNTYcvxee+jzX4Z9lfciqRRHCU27ihbUcYi+iSc2iml5Ke1LXe1SyJCLA0+14Jh4tXJgOppA==
 
-"@hapi/hoek@8.x.x":
-  version "8.3.0"
-  resolved "https://registry.yarnpkg.com/@hapi/hoek/-/hoek-8.3.0.tgz#2b9db1cd00f3891005c77b3a8d608b88a6d0aa4d"
-  integrity sha512-C0QL9bmgUXTSuf8nDeGrpMjtJG7tPUr8wG6/wxPbP62tGwCwQtdMSJYfESowmY4P3Hn593f+8OzNY5bckcu/LQ==
-
-"@hapi/joi@^15.1.0":
-  version "15.1.1"
-  resolved "https://registry.yarnpkg.com/@hapi/joi/-/joi-15.1.1.tgz#c675b8a71296f02833f8d6d243b34c57b8ce19d7"
-  integrity sha512-entf8ZMOK8sc+8YfeOlM8pCfg3b5+WZIKBfUaaJT8UsjAAPjartzxIYm3TIbjvA4u+u++KbcXD38k682nVHDAQ==
-  dependencies:
-    "@hapi/address" "2.x.x"
-    "@hapi/bourne" "1.x.x"
-    "@hapi/hoek" "8.x.x"
-    "@hapi/topo" "3.x.x"
-
-"@hapi/topo@3.x.x":
-  version "3.1.5"
-  resolved "https://registry.yarnpkg.com/@hapi/topo/-/topo-3.1.5.tgz#3baea17e456530edad69a75c3fc7cde97dd6d331"
-  integrity sha512-bi9m1jrui9LlvtVdLaHv0DqeOoe+I8dep+nEcTgW6XxJHL3xArQcilYz3tIp0cRC4gWlsVtABK7vNKg4jzEmAA==
-  dependencies:
-    "@hapi/hoek" "8.x.x"
-
 "@istanbuljs/load-nyc-config@^1.0.0":
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/@istanbuljs/load-nyc-config/-/load-nyc-config-1.0.0.tgz#10602de5570baea82f8afbfa2630b24e7a8cfe5b"
@@ -1141,58 +1128,58 @@
     "@types/yargs" "^15.0.0"
     chalk "^3.0.0"
 
-"@ledgerhq/devices@^4.71.0":
-  version "4.71.0"
-  resolved "https://registry.yarnpkg.com/@ledgerhq/devices/-/devices-4.71.0.tgz#5624839af5e4ba202b81b8ec96a56eb543d35e59"
-  integrity sha512-b6SB7itFxFQeOaCAQWLv7o3pQ367KsBi6OAS5Tul9UcwARfSw0Bzvoui5WlGiRaHiQ4FTZk4OnQT6NCk/JnI4Q==
-  dependencies:
-    "@ledgerhq/errors" "^4.71.0"
-    "@ledgerhq/logs" "^4.70.0"
-    rxjs "^6.5.3"
-
-"@ledgerhq/errors@^4.71.0":
-  version "4.71.0"
-  resolved "https://registry.yarnpkg.com/@ledgerhq/errors/-/errors-4.71.0.tgz#a3a32fc2701a6b93cd7b0c72fb0c4e8a9502f16a"
-  integrity sha512-peKnZP7lY7+C8UrJtrq8V4oRAWipoxOq9Chj03Rr4mgu2HEQwO8MR7r61q+gKwEu6MhuNu57SnLV1zPAWagstg==
-
-"@ledgerhq/hw-transport-node-hid-noevents@^4.71.0":
-  version "4.71.0"
-  resolved "https://registry.yarnpkg.com/@ledgerhq/hw-transport-node-hid-noevents/-/hw-transport-node-hid-noevents-4.71.0.tgz#772e2c6a6a03cd9069a3d2a883703f78398fd1f9"
-  integrity sha512-Kf3OINmQFKKrkmyY+8IohcGEe7Bwj/eAwba70PHbVkN8G9JHPIFzXu8Gs5QNlLYEo0/zlQIFolYNRGplh/2L0g==
-  dependencies:
-    "@ledgerhq/devices" "^4.71.0"
-    "@ledgerhq/errors" "^4.71.0"
-    "@ledgerhq/hw-transport" "^4.71.0"
-    "@ledgerhq/logs" "^4.70.0"
-    node-hid "^0.7.9"
-
-"@ledgerhq/hw-transport-node-hid-singleton@^4.68.4":
-  version "4.71.0"
-  resolved "https://registry.yarnpkg.com/@ledgerhq/hw-transport-node-hid-singleton/-/hw-transport-node-hid-singleton-4.71.0.tgz#d1921e653687d995887fe61e5878c226cdbcd452"
-  integrity sha512-VLbBZKQJ0mxooEeDEdQacgA9aX7EYFoiDcKH4D8D6IDoMSMVl/xyafUw+k8UbCKXw6b/CHy9638sJ2tWBfftJQ==
-  dependencies:
-    "@ledgerhq/devices" "^4.71.0"
-    "@ledgerhq/errors" "^4.71.0"
-    "@ledgerhq/hw-transport" "^4.71.0"
-    "@ledgerhq/hw-transport-node-hid-noevents" "^4.71.0"
-    "@ledgerhq/logs" "^4.70.0"
+"@ledgerhq/devices@^5.7.0":
+  version "5.7.0"
+  resolved "https://registry.yarnpkg.com/@ledgerhq/devices/-/devices-5.7.0.tgz#f671f13ce73ad07160ad22d0323705129d3bf35a"
+  integrity sha512-bEASH3tk36ozr2kM7YjMcxy3Ja6mCaHU+30SxTaxOulRj3TAVl8EyF3RQZqZ88e1qntV3JnGQaEPgW5MomWLWg==
+  dependencies:
+    "@ledgerhq/errors" "^5.7.0"
+    "@ledgerhq/logs" "^5.6.0"
+    rxjs "^6.5.4"
+
+"@ledgerhq/errors@^5.7.0":
+  version "5.7.0"
+  resolved "https://registry.yarnpkg.com/@ledgerhq/errors/-/errors-5.7.0.tgz#2bff5ae2e178e69c64002d47c0f0f0c9c502a9b0"
+  integrity sha512-a6j49Seh2x7ho2WXpR9xO7Z/wZfwP48jGJIQ5ZdAR8g/Uz3Sb1+FsVoQY7YPmZOLhPvQ5EeIj+cL+7CaK0fOtA==
+
+"@ledgerhq/hw-transport-node-hid-noevents@^5.7.0":
+  version "5.7.0"
+  resolved "https://registry.yarnpkg.com/@ledgerhq/hw-transport-node-hid-noevents/-/hw-transport-node-hid-noevents-5.7.0.tgz#0d06c8ace2add6ca992d2c05d5168ce2bdbcb8ef"
+  integrity sha512-LtiOCg9s+Y/2dbY7WcRlS5NVlOkRIKxtnPuUGdtDcx9E3PRnStPY2UQWK7f8tXjumracLbWnK9yxHariadsBaA==
+  dependencies:
+    "@ledgerhq/devices" "^5.7.0"
+    "@ledgerhq/errors" "^5.7.0"
+    "@ledgerhq/hw-transport" "^5.7.0"
+    "@ledgerhq/logs" "^5.6.0"
+    node-hid "^1.1.0"
+
+"@ledgerhq/hw-transport-node-hid-singleton@^5.7.0":
+  version "5.7.0"
+  resolved "https://registry.yarnpkg.com/@ledgerhq/hw-transport-node-hid-singleton/-/hw-transport-node-hid-singleton-5.7.0.tgz#5e25c1c2047f781aa8e0652e0eec026901953531"
+  integrity sha512-UfBVVQz6VjKNUztUzSEytzqvkx+RD56lxJIl3aYk7OWm65bgS426uJMTT1NEwUKNsqAQogTxvWtdUfbisNOCrA==
+  dependencies:
+    "@ledgerhq/devices" "^5.7.0"
+    "@ledgerhq/errors" "^5.7.0"
+    "@ledgerhq/hw-transport" "^5.7.0"
+    "@ledgerhq/hw-transport-node-hid-noevents" "^5.7.0"
+    "@ledgerhq/logs" "^5.6.0"
     lodash "^4.17.15"
-    node-hid "^0.7.9"
-    usb-detection "^4.3.0"
+    node-hid "^1.1.0"
+    usb-detection "^4.5.0"
 
-"@ledgerhq/hw-transport@^4.7.3", "@ledgerhq/hw-transport@^4.71.0":
-  version "4.71.0"
-  resolved "https://registry.yarnpkg.com/@ledgerhq/hw-transport/-/hw-transport-4.71.0.tgz#7fbed87ca090d04fe7b9c7ee469e6c3a6c45283a"
-  integrity sha512-IgPxcDd2NW4aC4ATBu1G/MroxKWOSl0spkIdMWHSnALH/iFPApaynGNFCY4QhTIULaIZCLp3mcyt/NK4HDcwpw==
+"@ledgerhq/hw-transport@^5.7.0":
+  version "5.7.0"
+  resolved "https://registry.yarnpkg.com/@ledgerhq/hw-transport/-/hw-transport-5.7.0.tgz#6da4f1511551a27071155aeed813c1b03200ff96"
+  integrity sha512-F1Kr61iByP2I3gcE88SbfymRF2dQ6fECvS4nQCBSz3mSMsoeHxXK+EhuuzXrYhTzqGkl+kD5yitBw7KRHV1AiA==
   dependencies:
-    "@ledgerhq/devices" "^4.71.0"
-    "@ledgerhq/errors" "^4.71.0"
-    events "^3.0.0"
+    "@ledgerhq/devices" "^5.7.0"
+    "@ledgerhq/errors" "^5.7.0"
+    events "^3.1.0"
 
-"@ledgerhq/logs@^4.70.0":
-  version "4.70.0"
-  resolved "https://registry.yarnpkg.com/@ledgerhq/logs/-/logs-4.70.0.tgz#b5176430ccb5a81becce25fcbbd8afcfa91a4388"
-  integrity sha512-hyMppU1b2tBDRyKJiV71RnN51Tkkriv/7DHQF9thAmrwEDFmfmEwAQaS2VyeIogir0HD7aDcKg7DnHqgiWe/8g==
+"@ledgerhq/logs@^5.6.0":
+  version "5.6.0"
+  resolved "https://registry.yarnpkg.com/@ledgerhq/logs/-/logs-5.6.0.tgz#04277b3c90bee43bb2bd8a5489c5a8aac022687b"
+  integrity sha512-pzJ8tQCTqMFaEFmfBcHuqA97gkxLgGb6ztysUCnWsBlG3dczQ0dbz4BRZswDkBkLIh0j8RzM4Ez2uRedxZCJ4w==
 
 "@nodelib/fs.scandir@2.1.3":
   version "2.1.3"
@@ -4149,6 +4136,11 @@ deepmerge@^4.0.0:
   resolved "https://registry.yarnpkg.com/deepmerge/-/deepmerge-4.0.0.tgz#3e3110ca29205f120d7cb064960a39c3d2087c09"
   integrity sha512-YZ1rOP5+kHor4hMAH+HRQnBQHg+wvS1un1hAOuIcxcBy0hzcUf6Jg2a1w65kpoOUnurOfZbERwjI1TfZxNjcww==
 
+deepmerge@^4.1.1:
+  version "4.2.2"
+  resolved "https://registry.yarnpkg.com/deepmerge/-/deepmerge-4.2.2.tgz#44d2ea3679b8f4d4ffba33f03d865fc1e7bf4955"
+  integrity sha512-FJ3UgI4gIl+PHZm53knsuSFpE+nESMr7M4v9QcgB7S63Kj/6WqMiFQJpBBYz1Pt+66bZpP3Q7Lye0Oo9MPKEdg==
+
 deepmerge@~2.0.1:
   version "2.0.1"
   resolved "https://registry.yarnpkg.com/deepmerge/-/deepmerge-2.0.1.tgz#25c1c24f110fb914f80001b925264dd77f3f4312"
@@ -5126,6 +5118,11 @@ events@^3.0.0:
   resolved "https://registry.yarnpkg.com/events/-/events-3.0.0.tgz#9a0a0dfaf62893d92b875b8f2698ca4114973e88"
   integrity sha512-Dc381HFWJzEOhQ+d8pkNon++bk9h6cdAoAj4iE6Q4y6xgTzySWXlKn05/TVNpjnfRqi/X0EpJEJohPjNI3zpVA==
 
+events@^3.1.0:
+  version "3.1.0"
+  resolved "https://registry.yarnpkg.com/events/-/events-3.1.0.tgz#84279af1b34cb75aa88bf5ff291f6d0bd9b31a59"
+  integrity sha512-Rv+u8MLHNOdMjTAFeT3nCjHn2aGlx435FP/sDHNaRhDEMwyI/aB22Kj2qIN8R0cw3z28psEQLYwxVKLsKrMgWg==
+
 eventsource@^1.0.7:
   version "1.0.7"
   resolved "https://registry.yarnpkg.com/eventsource/-/eventsource-1.0.7.tgz#8fbc72c93fcd34088090bc0a4e64f4b5cee6d8d0"
@@ -5368,6 +5365,11 @@ extsprintf@^1.2.0:
   resolved "https://registry.yarnpkg.com/extsprintf/-/extsprintf-1.4.0.tgz#e2689f8f356fad62cca65a3a91c5df5f9551692f"
   integrity sha1-4mifjzVvrWLMplo6kcXfX5VRaS8=
 
+fast-copy@^2.0.3:
+  version "2.0.3"
+  resolved "https://registry.yarnpkg.com/fast-copy/-/fast-copy-2.0.3.tgz#e9202d6944c9602b575f44d2857cef0f40dc6581"
+  integrity sha512-q0VzLSTRXwNOBzTG8dP+SkCxyTieVAhDEddSvw7X799+k3gb8I5T2IVPhBcwZzAY3Ac1P7/B6TSUvJDdO+8vcg==
+
 fast-deep-equal@^2.0.1:
   version "2.0.1"
   resolved "https://registry.yarnpkg.com/fast-deep-equal/-/fast-deep-equal-2.0.1.tgz#7b05218ddf9667bf7f370bf7fdb2cb15fdd0aa49"
@@ -5394,6 +5396,16 @@ fast-levenshtein@~2.0.4:
   resolved "https://registry.yarnpkg.com/fast-levenshtein/-/fast-levenshtein-2.0.6.tgz#3d8a5c66883a16a30ca8643e851f19baa7797917"
   integrity sha1-PYpcZog6FqMMqGQ+hR8Zuqd5eRc=
 
+fast-memoize@^2.5.1:
+  version "2.5.1"
+  resolved "https://registry.yarnpkg.com/fast-memoize/-/fast-memoize-2.5.1.tgz#c3519241e80552ce395e1a32dcdde8d1fd680f5d"
+  integrity sha512-xdmw296PCL01tMOXx9mdJSmWY29jQgxyuZdq0rEHMu+Tpe1eOEtCycoG6chzlcrWsNgpZP7oL8RiQr7+G6Bl6g==
+
+fast-sort@^1.5.6:
+  version "1.6.0"
+  resolved "https://registry.yarnpkg.com/fast-sort/-/fast-sort-1.6.0.tgz#68c6d94ce309ead19d562014159902c80c68d0a0"
+  integrity sha512-sjV6dxWdHs14cef7GzJgCWSOagw57cUBYMey+seWeOsU0HgMf2g4Wkdflv65X/8E4UWptUcq9EZ3YqSXUnUy9Q==
+
 fastparse@^1.0.0:
   version "1.1.2"
   resolved "https://registry.yarnpkg.com/fastparse/-/fastparse-1.1.2.tgz#91728c5a5942eced8531283c79441ee4122c35a9"
@@ -8747,7 +8759,7 @@ mute-stream@0.0.7:
   resolved "https://registry.yarnpkg.com/mute-stream/-/mute-stream-0.0.7.tgz#3075ce93bc21b8fab43e1bc4da7e8115ed1e7bab"
   integrity sha1-MHXOk7whuPq0PhvE2n6BFe0ee6s=
 
-nan@^2.12.1, nan@^2.13.1, nan@^2.13.2:
+nan@^2.12.1, nan@^2.13.1, nan@^2.13.2, nan@^2.14.0:
   version "2.14.0"
   resolved "https://registry.yarnpkg.com/nan/-/nan-2.14.0.tgz#7818f722027b2459a86f0295d434d1fc2336c52c"
   integrity sha512-INOFj37C7k3AfaNTtX8RhsTw7qRy7eLET14cROi9+5HAVbbHuIWUHEauBv5qT4Av2tWasiTY1Jw6puUNqRJXQg==
@@ -8858,19 +8870,14 @@ node-forge@0.9.0:
   resolved "https://registry.yarnpkg.com/node-forge/-/node-forge-0.9.0.tgz#d624050edbb44874adca12bb9a52ec63cb782579"
   integrity sha512-7ASaDa3pD+lJ3WvXFsxekJQelBKRpne+GOVbLbtHYdd7pFspyeuJHnWfLplGf3SwKGbfs/aYl5V/JCIaHVUKKQ==
 
-node-forge@^0.9.0:
-  version "0.9.1"
-  resolved "https://registry.yarnpkg.com/node-forge/-/node-forge-0.9.1.tgz#775368e6846558ab6676858a4d8c6e8d16c677b5"
-  integrity sha512-G6RlQt5Sb4GMBzXvhfkeFmbqR6MzhtnT7VTHuLadjkii3rdYHNdw0m8zA4BTxVIh68FicCQ2NSUANpsqkr9jvQ==
-
-node-hid@^0.7.9:
-  version "0.7.9"
-  resolved "https://registry.yarnpkg.com/node-hid/-/node-hid-0.7.9.tgz#cc0cdf1418a286a7667f0b63642b5eeb544ccd05"
-  integrity sha512-vJnonTqmq3frCyTumJqG4g2IZcny3ynkfmbfDfQ90P3ZhRzcWYS/Um1ux6HFmAxmkaQnrZqIYHcGpL7kdqY8jA==
+node-hid@^1.1.0:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/node-hid/-/node-hid-1.1.0.tgz#944adb5a4be8eb21f8b5d2e39583120186a4425b"
+  integrity sha512-XDaze6jvllflrXtSWTnwayLGkhko48cYerT33sTRcTbWjifaksRFlVFOhQT8lzcfUqAlxxxb9S5TMT0U293ebw==
   dependencies:
     bindings "^1.5.0"
-    nan "^2.13.2"
-    prebuild-install "^5.3.0"
+    nan "^2.14.0"
+    prebuild-install "^5.3.3"
 
 node-int64@^0.4.0:
   version "0.4.0"
@@ -9289,13 +9296,6 @@ osenv@^0.1.4:
     os-homedir "^1.0.0"
     os-tmpdir "^1.0.0"
 
-otplib@^11.0.1:
-  version "11.0.1"
-  resolved "https://registry.yarnpkg.com/otplib/-/otplib-11.0.1.tgz#7d64aa87029f07c99c7f96819fb10cdb67dea886"
-  integrity sha512-oi57teljNyWTC/JqJztHOtSGeFNDiDh5C1myd+faocUtFAX27Sm1mbx69kpEJ8/JqrblI3kAm4Pqd6tZJoOIBQ==
-  dependencies:
-    thirty-two "1.0.2"
-
 p-cancelable@^1.0.0:
   version "1.1.0"
   resolved "https://registry.yarnpkg.com/p-cancelable/-/p-cancelable-1.1.0.tgz#d078d15a3af409220c886f1d9a0ca2e441ab26cc"
@@ -9730,11 +9730,6 @@ please-upgrade-node@^3.2.0:
   dependencies:
     semver-compare "^1.0.0"
 
-pluralize@^8.0.0:
-  version "8.0.0"
-  resolved "https://registry.yarnpkg.com/pluralize/-/pluralize-8.0.0.tgz#1a6fa16a38d12a1901e0320fa017051c539ce3b1"
-  integrity sha512-Nc3IT5yHzflTfbjgqWcCPpo7DaKy4FnpB0l/zCAW0Tc7jxAiuqSxHasntB3D7887LSrA93kDJ9IXovxJYxyLCA==
-
 pn@^1.1.0:
   version "1.1.0"
   resolved "https://registry.yarnpkg.com/pn/-/pn-1.1.0.tgz#e2f4cef0e219f463c179ab37463e4e1ecdccbafb"
@@ -9968,7 +9963,7 @@ posthtml@^0.9.2:
     posthtml-parser "^0.2.0"
     posthtml-render "^1.0.5"
 
-prebuild-install@^5.1.0, prebuild-install@^5.3.0:
+prebuild-install@^5.1.0:
   version "5.3.2"
   resolved "https://registry.yarnpkg.com/prebuild-install/-/prebuild-install-5.3.2.tgz#6392e9541ac0b879ef0f22b3d65037417eb2035e"
   integrity sha512-INDfXzTPnhT+WYQemqnAXlP7SvfiFMopMozSgXCZ+RDLb279gKfIuLk4o7PgEawLp3WrMgIYGBpkxpraROHsSA==
@@ -9989,6 +9984,27 @@ prebuild-install@^5.1.0, prebuild-install@^5.3.0:
     tunnel-agent "^0.6.0"
     which-pm-runs "^1.0.0"
 
+prebuild-install@^5.3.3:
+  version "5.3.3"
+  resolved "https://registry.yarnpkg.com/prebuild-install/-/prebuild-install-5.3.3.tgz#ef4052baac60d465f5ba6bf003c9c1de79b9da8e"
+  integrity sha512-GV+nsUXuPW2p8Zy7SarF/2W/oiK8bFQgJcncoJ0d7kRpekEA0ftChjfEaF9/Y+QJEc/wFR7RAEa8lYByuUIe2g==
+  dependencies:
+    detect-libc "^1.0.3"
+    expand-template "^2.0.3"
+    github-from-package "0.0.0"
+    minimist "^1.2.0"
+    mkdirp "^0.5.1"
+    napi-build-utils "^1.0.1"
+    node-abi "^2.7.0"
+    noop-logger "^0.1.1"
+    npmlog "^4.0.1"
+    pump "^3.0.0"
+    rc "^1.2.7"
+    simple-get "^3.0.3"
+    tar-fs "^2.0.0"
+    tunnel-agent "^0.6.0"
+    which-pm-runs "^1.0.0"
+
 prelude-ls@~1.1.2:
   version "1.1.2"
   resolved "https://registry.yarnpkg.com/prelude-ls/-/prelude-ls-1.1.2.tgz#21932a549f5e52ffd9a827f570e04be62a97da54"
@@ -10825,13 +10841,20 @@ rx-lite@*, rx-lite@^4.0.8:
   resolved "https://registry.yarnpkg.com/rx-lite/-/rx-lite-4.0.8.tgz#0b1e11af8bc44836f04a6407e92da42467b79444"
   integrity sha1-Cx4Rr4vESDbwSmQH6S2kJGe3lEQ=
 
-rxjs@^6.3.3, rxjs@^6.4.0, rxjs@^6.5.3:
+rxjs@^6.3.3, rxjs@^6.4.0:
   version "6.5.3"
   resolved "https://registry.yarnpkg.com/rxjs/-/rxjs-6.5.3.tgz#510e26317f4db91a7eb1de77d9dd9ba0a4899a3a"
   integrity sha512-wuYsAYYFdWTAnAaPoKGNhfpWwKZbJW+HgAJ+mImp+Epl7BG8oNWBCTyRM8gba9k4lk8BgWdoYm21Mo/RYhhbgA==
   dependencies:
     tslib "^1.9.0"
 
+rxjs@^6.5.4:
+  version "6.5.4"
+  resolved "https://registry.yarnpkg.com/rxjs/-/rxjs-6.5.4.tgz#e0777fe0d184cec7872df147f303572d414e211c"
+  integrity sha512-naMQXcgEo3csAEGvw/NydRA0fuS2nDZJiw1YUWFKU7aPPAPGZEsD4Iimit96qwCieH6y614MCLYwdkrWx7z/7Q==
+  dependencies:
+    tslib "^1.9.0"
+
 safe-buffer@5.1.2, safe-buffer@~5.1.0, safe-buffer@~5.1.1:
   version "5.1.2"
   resolved "https://registry.yarnpkg.com/safe-buffer/-/safe-buffer-5.1.2.tgz#991ec69d296e0313747d59bdfd2b745c35f8828d"
@@ -11995,11 +12018,6 @@ text-table@^0.2.0:
   resolved "https://registry.yarnpkg.com/text-table/-/text-table-0.2.0.tgz#7f5ee823ae805207c00af2df4a84ec3fcfa570b4"
   integrity sha1-f17oI66AUgfACvLfSoTsP8+lcLQ=
 
-thirty-two@1.0.2:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/thirty-two/-/thirty-two-1.0.2.tgz#4ca2fffc02a51290d2744b9e3f557693ca6b627a"
-  integrity sha1-TKL//AKlEpDSdEueP1V2k8prYno=
-
 throat@^5.0.0:
   version "5.0.0"
   resolved "https://registry.yarnpkg.com/throat/-/throat-5.0.0.tgz#c5199235803aad18754a667d659b5e72ce16764b"
@@ -12547,10 +12565,10 @@ urlgrey@^0.4.4:
   resolved "https://registry.yarnpkg.com/urlgrey/-/urlgrey-0.4.4.tgz#892fe95960805e85519f1cd4389f2cb4cbb7652f"
   integrity sha1-iS/pWWCAXoVRnxzUOJ8stMu3ZS8=
 
-usb-detection@^4.3.0:
-  version "4.4.0"
-  resolved "https://registry.yarnpkg.com/usb-detection/-/usb-detection-4.4.0.tgz#48f6b72a42173419f9d7df8773bba289bd543b3b"
-  integrity sha512-w9SkbZslmjsthCjZ0ckVlcX83OdFkQq/YwvjThHZCCHGOuxgn8W/FLwxyDmRvZBwLFE060la32ts7ONw0LDNvA==
+usb-detection@^4.5.0:
+  version "4.7.0"
+  resolved "https://registry.yarnpkg.com/usb-detection/-/usb-detection-4.7.0.tgz#2a740888e5043fcebf1fcbd7511dd0bc2c5408a4"
+  integrity sha512-HE9y5uYfA2ebVo64BrIB0OVNaVKZ2oWkadpTItCi4YQXyZ9vD0705iqQ3B7Rz8xevcrW/RNg/85E2o2JoPFmsQ==
   dependencies:
     bindings "^1.3.0"
     eventemitter2 "^5.0.1"

From bda0e3a5df0598edadbfc263b7e004d6e22f6c6d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?L=C3=BAcio=20Rubens?=
 <4539235+luciorubeens@users.noreply.github.com>
Date: Mon, 10 Feb 2020 15:19:44 -0300
Subject: [PATCH 15/15] chore: bump version to 2.8.0 (#1657)

---
 .github/workflows/test.yml | 24 ++++++++++++------------
 package.json               |  2 +-
 2 files changed, 13 insertions(+), 13 deletions(-)

diff --git a/.github/workflows/test.yml b/.github/workflows/test.yml
index d1852995da..7789a0793d 100644
--- a/.github/workflows/test.yml
+++ b/.github/workflows/test.yml
@@ -89,20 +89,20 @@ jobs:
       # - name: Upload .AppImage
       #   uses: actions/upload-artifact@master
       #   with:
-      #     name: ark-desktop-wallet-linux-2.7.0.AppImage
-      #     path: build/target/ark-desktop-wallet-linux-x86_64-2.7.0.AppImage
+      #     name: ark-desktop-wallet-linux-2.8.0.AppImage
+      #     path: build/target/ark-desktop-wallet-linux-x86_64-2.8.0.AppImage
 
       # - name: Upload .tar.gz
       #   uses: actions/upload-artifact@master
       #   with:
-      #     name: ark-desktop-wallet-linux-2.7.0.tar.gz
-      #     path: build/target/ark-desktop-wallet-linux-x64-2.7.0.tar.gz
+      #     name: ark-desktop-wallet-linux-2.8.0.tar.gz
+      #     path: build/target/ark-desktop-wallet-linux-x64-2.8.0.tar.gz
 
       - name: Upload .deb
         uses: actions/upload-artifact@master
         with:
-          name: ark-desktop-wallet-linux-2.7.0.deb
-          path: build/target/ark-desktop-wallet-linux-amd64-2.7.0.deb
+          name: ark-desktop-wallet-linux-2.8.0.deb
+          path: build/target/ark-desktop-wallet-linux-amd64-2.8.0.deb
 
   build-macOS:
     runs-on: macOS-latest
@@ -135,14 +135,14 @@ jobs:
       # - name: Upload .zip
       #   uses: actions/upload-artifact@master
       #   with:
-      #     name: ark-desktop-wallet-mac-2.7.0.zip
-      #     path: build/target/ark-desktop-wallet-mac-2.7.0.zip
+      #     name: ark-desktop-wallet-mac-2.8.0.zip
+      #     path: build/target/ark-desktop-wallet-mac-2.8.0.zip
 
       - name: Upload .dmg
         uses: actions/upload-artifact@v1
         with:
-          name: ark-desktop-wallet-mac-2.7.0.dmg
-          path: build/target/ark-desktop-wallet-mac-2.7.0.dmg
+          name: ark-desktop-wallet-mac-2.8.0.dmg
+          path: build/target/ark-desktop-wallet-mac-2.8.0.dmg
 
   build-windows:
     runs-on: windows-latest
@@ -170,5 +170,5 @@ jobs:
       - name: Upload .exe
         uses: actions/upload-artifact@v1
         with:
-          name: ark-desktop-wallet-win-2.7.0.exe
-          path: build/target/ark-desktop-wallet-win-2.7.0.exe
+          name: ark-desktop-wallet-win-2.8.0.exe
+          path: build/target/ark-desktop-wallet-win-2.8.0.exe
diff --git a/package.json b/package.json
index 0ebc4c5d47..9f10707a2f 100644
--- a/package.json
+++ b/package.json
@@ -1,7 +1,7 @@
 {
   "private": true,
   "name": "ark-desktop-wallet",
-  "version": "2.7.0",
+  "version": "2.8.0",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/ArkEcosystem/desktop-wallet.git"