From 655449932547109dfbf53a244e7fe06e2d91c028 Mon Sep 17 00:00:00 2001
From: Breno Polanski <breno.polanski@gmail.com>
Date: Tue, 3 Mar 2020 06:27:37 -0300
Subject: [PATCH] refactor: replace various lodash methods with native
 alternatives (#1759)

---
 .../App/AppSidemenu/AppSidemenuPlugins.vue    |  2 +-
 .../App/AppSidemenu/AppSidemenuSettings.vue   |  4 +-
 .../components/Input/InputAddress.vue         |  4 +-
 .../components/Input/InputCurrency.vue        |  4 +-
 .../components/Menu/MenuStep/MenuStep.vue     |  7 ++--
 .../components/Modal/ModalExportWallets.vue   |  4 +-
 .../Passphrase/PassphraseVerification.vue     |  4 +-
 .../PluginManager/PluginManagerSearchBar.vue  |  2 +-
 .../PluginManager/PluginManagerSideMenu.vue   |  2 +-
 .../PluginManager/PluginManagerTable.vue      |  4 +-
 .../TransactionForm/TransactionForm.vue       |  3 +-
 .../Transaction/TransactionModal.vue          |  3 +-
 .../WalletDelegates/WalletDelegates.vue       |  2 +-
 .../Wallet/WalletDetails/WalletDetails.vue    |  2 +-
 .../components/Wallet/WalletSelection.vue     |  4 +-
 .../Wallet/WalletSidebar/WalletSidebar.vue    |  8 ++--
 .../WalletSignVerify/WalletSignVerify.vue     |  2 +-
 .../components/Wallet/WalletTable.vue         |  4 +-
 .../WalletTransactions/WalletTransactions.js  |  3 +-
 .../WalletTransactionsMultiSignature.js       |  3 +-
 src/renderer/mixins/index.js                  |  2 +-
 src/renderer/models/base.js                   |  9 ++--
 src/renderer/models/profile.js                |  3 +-
 src/renderer/pages/Profile/ProfileAll.vue     |  4 +-
 src/renderer/services/plugin-manager.js       |  3 +-
 .../plugin-manager/adapters/npm-adapter.js    |  2 +-
 .../plugin-manager/component/get-context.js   |  2 +-
 .../sandbox/messaging-sandbox.js              |  2 +-
 .../plugin-manager/setup/themes-setup.js      |  6 +--
 .../plugin-manager/setup/wallet-tabs-setup.js |  3 +-
 src/renderer/services/price-api.js            |  4 +-
 src/renderer/services/price-api/coin-cap.js   |  2 +-
 src/renderer/services/price-api/coin-gecko.js |  2 +-
 .../services/price-api/crypto-compare.js      |  2 +-
 src/renderer/services/synchronizer.js         |  4 +-
 src/renderer/services/synchronizer/wallets.js | 10 ++---
 src/renderer/store/base.js                    |  4 +-
 src/renderer/store/index.js                   |  4 +-
 .../migrations/2.4.0 - fix letter avatars.js  |  4 +-
 ...5.2 - add marketChartOptions to profile.js |  4 +-
 src/renderer/store/modules/profile.js         |  6 +--
 src/renderer/store/modules/transaction.js     |  6 +--
 src/renderer/store/modules/wallet.js          | 22 ++++++----
 .../store/plugins/vuex-persist-migrations.js  |  5 +--
 src/renderer/store/plugins/vuex-persist.js    |  4 +-
 src/renderer/utils/index.js                   | 42 +++++++++++++++++++
 46 files changed, 135 insertions(+), 97 deletions(-)
 create mode 100644 src/renderer/utils/index.js

diff --git a/src/renderer/components/App/AppSidemenu/AppSidemenuPlugins.vue b/src/renderer/components/App/AppSidemenu/AppSidemenuPlugins.vue
index 6e08fa57fb..ec1220b436 100644
--- a/src/renderer/components/App/AppSidemenu/AppSidemenuPlugins.vue
+++ b/src/renderer/components/App/AppSidemenu/AppSidemenuPlugins.vue
@@ -30,7 +30,7 @@
 </template>
 
 <script>
-import chunk from 'lodash/chunk'
+import { chunk } from 'lodash'
 import { MenuOptions, MenuOptionsItem } from '@/components/Menu'
 
 export default {
diff --git a/src/renderer/components/App/AppSidemenu/AppSidemenuSettings.vue b/src/renderer/components/App/AppSidemenu/AppSidemenuSettings.vue
index b22206b237..d07cab458e 100644
--- a/src/renderer/components/App/AppSidemenu/AppSidemenuSettings.vue
+++ b/src/renderer/components/App/AppSidemenu/AppSidemenuSettings.vue
@@ -173,7 +173,7 @@ import { ModalConfirmation } from '@/components/Modal'
 import { MenuNavigationItem, MenuOptions, MenuOptionsItem, MenuDropdown } from '@/components/Menu'
 import { ButtonSwitch } from '@/components/Button'
 import { PluginManageBlacklistModal } from '@/components/PluginManager/PluginManagerModals'
-import { isEmpty, isString } from 'lodash'
+import { isEmpty } from 'lodash'
 import os from 'os'
 
 export default {
@@ -333,7 +333,7 @@ export default {
     },
 
     setTheme (theme) {
-      this.sessionTheme = isString(theme) ? theme : (theme ? 'dark' : 'light')
+      this.sessionTheme = typeof theme === 'string' ? theme : (theme ? 'dark' : 'light')
     },
 
     setBackgroundUpdateLedger (update) {
diff --git a/src/renderer/components/Input/InputAddress.vue b/src/renderer/components/Input/InputAddress.vue
index 523ad99a7a..e65a860f03 100644
--- a/src/renderer/components/Input/InputAddress.vue
+++ b/src/renderer/components/Input/InputAddress.vue
@@ -69,7 +69,7 @@ import Cycled from 'cycled'
 import InputField from './InputField'
 import WalletService from '@/services/wallet'
 import truncate from '@/filters/truncate'
-import { includes, isEmpty, map, orderBy, unionBy } from 'lodash'
+import { includes, isEmpty, orderBy, unionBy } from 'lodash'
 
 export default {
   name: 'InputAddress',
@@ -193,7 +193,7 @@ export default {
 
       const source = unionBy(wallets, contacts, 'address').filter(wallet => wallet && !!wallet.address)
 
-      const addresses = map(source, (wallet) => {
+      const addresses = source.map(wallet => {
         const address = {
           name: null,
           address: wallet.address
diff --git a/src/renderer/components/Input/InputCurrency.vue b/src/renderer/components/Input/InputCurrency.vue
index cc7ed60a93..65488a8f47 100644
--- a/src/renderer/components/Input/InputCurrency.vue
+++ b/src/renderer/components/Input/InputCurrency.vue
@@ -38,7 +38,7 @@
 </template>
 
 <script>
-import { includes, isString } from 'lodash'
+import { includes } from 'lodash'
 import { required } from 'vuelidate/lib/validators'
 import { MARKET } from '@config'
 import InputField from './InputField'
@@ -255,7 +255,7 @@ export default {
       if (!bigNum.isNaN()) {
         return bigNum.isPositive() && bigNum.isFinite()
       } else {
-        return !!(isString(amount) && amount.match(/^\s*[0-9.,]+([,. _]+[0-9]+)*\s*$/))
+        return !!(typeof amount === 'string' && amount.match(/^\s*[0-9.,]+([,. _]+[0-9]+)*\s*$/))
       }
     },
     /**
diff --git a/src/renderer/components/Menu/MenuStep/MenuStep.vue b/src/renderer/components/Menu/MenuStep/MenuStep.vue
index 5b8738e9b0..f284da260f 100644
--- a/src/renderer/components/Menu/MenuStep/MenuStep.vue
+++ b/src/renderer/components/Menu/MenuStep/MenuStep.vue
@@ -10,7 +10,6 @@
 </template>
 
 <script>
-import { map, first, last } from 'lodash'
 import { CollapseAccordion } from '@/components/Collapse'
 
 export default {
@@ -55,15 +54,15 @@ export default {
   methods: {
     collectItems () {
       const steps = this.collections_filterChildren('MenuStepItem', this.$refs.accordion) || []
-      const collapses = map(steps, step => step.$refs.collapse)
+      const collapses = steps.map(step => step.$refs.collapse)
 
       // The first and last items has a different style and text on the default footer
-      const firstStep = first(steps)
+      const firstStep = steps[0]
       if (firstStep) {
         firstStep.isFirstItem = true
       }
 
-      const lastStep = last(steps)
+      const lastStep = steps[steps.length - 1]
       if (lastStep) {
         lastStep.isLastItem = true
       }
diff --git a/src/renderer/components/Modal/ModalExportWallets.vue b/src/renderer/components/Modal/ModalExportWallets.vue
index acadd24d2d..7d4c1993e6 100644
--- a/src/renderer/components/Modal/ModalExportWallets.vue
+++ b/src/renderer/components/Modal/ModalExportWallets.vue
@@ -60,7 +60,7 @@
 </template>
 
 <script>
-import { isNull, omitBy, uniqBy } from 'lodash'
+import { omitBy, uniqBy } from 'lodash'
 import ModalWindow from '@/components/Modal/ModalWindow'
 import { ButtonGeneric, ButtonSwitch } from '@/components/Button'
 import { ListDivided, ListDividedItem } from '@/components/ListDivided'
@@ -204,6 +204,8 @@ export default {
     },
 
     transformWallets () {
+      const isNull = val => val === null
+
       return this.wallets.map(wallet => {
         return omitBy({
           name: this.getName(wallet.name),
diff --git a/src/renderer/components/Passphrase/PassphraseVerification.vue b/src/renderer/components/Passphrase/PassphraseVerification.vue
index 35b85330d4..d974dc4cc4 100644
--- a/src/renderer/components/Passphrase/PassphraseVerification.vue
+++ b/src/renderer/components/Passphrase/PassphraseVerification.vue
@@ -35,7 +35,7 @@
 </template>
 
 <script>
-import { isEqual, isString, shuffle, uniq } from 'lodash'
+import { isEqual, shuffle, uniq } from 'lodash'
 import { InputText } from '@/components/Input'
 
 export default {
@@ -158,7 +158,7 @@ export default {
      * @param {String} word
      */
     isAccepted (position, word) {
-      return isString(word) && word !== '' && isEqual(this.acceptedWords[position], word)
+      return typeof word === 'string' && word !== '' && isEqual(this.acceptedWords[position], word)
     },
 
     resetData (data) {
diff --git a/src/renderer/components/PluginManager/PluginManagerSearchBar.vue b/src/renderer/components/PluginManager/PluginManagerSearchBar.vue
index 17f871927d..b11122e0db 100644
--- a/src/renderer/components/PluginManager/PluginManagerSearchBar.vue
+++ b/src/renderer/components/PluginManager/PluginManagerSearchBar.vue
@@ -19,7 +19,7 @@
 
 <script>
 import SvgIcon from '@/components/SvgIcon'
-import debounce from 'lodash/debounce'
+import { debounce } from 'lodash'
 
 export default {
   name: 'PluginManagerSearchBar',
diff --git a/src/renderer/components/PluginManager/PluginManagerSideMenu.vue b/src/renderer/components/PluginManager/PluginManagerSideMenu.vue
index 770191b303..2e002c0e24 100644
--- a/src/renderer/components/PluginManager/PluginManagerSideMenu.vue
+++ b/src/renderer/components/PluginManager/PluginManagerSideMenu.vue
@@ -39,7 +39,7 @@
 </template>
 
 <script>
-import concat from 'lodash/concat'
+import { concat } from 'lodash'
 import { PLUGINS } from '@config'
 import { PluginManagerButtonMenu } from '@/components/PluginManager/PluginManagerButtons'
 
diff --git a/src/renderer/components/PluginManager/PluginManagerTable.vue b/src/renderer/components/PluginManager/PluginManagerTable.vue
index 6ce0adc228..ee6e448ec0 100644
--- a/src/renderer/components/PluginManager/PluginManagerTable.vue
+++ b/src/renderer/components/PluginManager/PluginManagerTable.vue
@@ -174,9 +174,7 @@ export default {
       ]
 
       if (this.activeCategory !== 'all') {
-        const index = columns.findIndex(el => {
-          return el.field === 'categories'
-        })
+        const index = columns.findIndex(el => el.field === 'categories')
         columns.splice(index, 1)
       }
 
diff --git a/src/renderer/components/Transaction/TransactionForm/TransactionForm.vue b/src/renderer/components/Transaction/TransactionForm/TransactionForm.vue
index e6c4f6cb0f..f2fc6864be 100644
--- a/src/renderer/components/Transaction/TransactionForm/TransactionForm.vue
+++ b/src/renderer/components/Transaction/TransactionForm/TransactionForm.vue
@@ -21,7 +21,6 @@ import TransactionFormVote from './TransactionFormVote'
 import TransactionFormSecondSignature from './TransactionFormSecondSignature'
 import TransactionFormBusiness from './TransactionFormBusiness'
 import TransactionFormBridgechain from './TransactionFormBridgechain'
-import { find } from 'lodash'
 
 export default {
   name: 'TransactionForm',
@@ -59,7 +58,7 @@ export default {
 
   // TODO: Fetch fees remotely
   mounted () {
-    const component = find(this.$options.components, component => {
+    const component = Object.values(this.$options.components).find(component => {
       const group = component.transactionGroup || TRANSACTION_GROUPS.STANDARD
       if (group !== this.group) {
         return false
diff --git a/src/renderer/components/Transaction/TransactionModal.vue b/src/renderer/components/Transaction/TransactionModal.vue
index e4a3e0d3ea..2aefe24f30 100644
--- a/src/renderer/components/Transaction/TransactionModal.vue
+++ b/src/renderer/components/Transaction/TransactionModal.vue
@@ -41,7 +41,8 @@
 </template>
 
 <script>
-import { camelCase, includes, findKey, upperFirst } from 'lodash'
+import { camelCase, includes, findKey } from 'lodash'
+import { upperFirst } from '@/utils'
 import { TRANSACTION_TYPES } from '@config'
 import MultiSignature from '@/services/client-multisig'
 import { ModalLoader, ModalWindow } from '@/components/Modal'
diff --git a/src/renderer/components/Wallet/WalletDelegates/WalletDelegates.vue b/src/renderer/components/Wallet/WalletDelegates/WalletDelegates.vue
index da58894fa9..6092dfd706 100644
--- a/src/renderer/components/Wallet/WalletDelegates/WalletDelegates.vue
+++ b/src/renderer/components/Wallet/WalletDelegates/WalletDelegates.vue
@@ -72,7 +72,7 @@
 </template>
 
 <script>
-import isEqual from 'lodash/isEqual'
+import { isEqual } from 'lodash'
 import { ButtonClose } from '@/components/Button'
 import TableWrapper from '@/components/utils/TableWrapper'
 
diff --git a/src/renderer/components/Wallet/WalletDetails/WalletDetails.vue b/src/renderer/components/Wallet/WalletDetails/WalletDetails.vue
index 41fe3c77f2..799e88178b 100644
--- a/src/renderer/components/Wallet/WalletDetails/WalletDetails.vue
+++ b/src/renderer/components/Wallet/WalletDetails/WalletDetails.vue
@@ -158,7 +158,7 @@
 
 <script>
 import electron from 'electron'
-import at from 'lodash/at'
+import { at } from 'lodash'
 /* eslint-disable vue/no-unused-components */
 import { ButtonGeneric } from '@/components/Button'
 import { TransactionModal } from '@/components/Transaction'
diff --git a/src/renderer/components/Wallet/WalletSelection.vue b/src/renderer/components/Wallet/WalletSelection.vue
index 7d9de59014..dff1d83f48 100644
--- a/src/renderer/components/Wallet/WalletSelection.vue
+++ b/src/renderer/components/Wallet/WalletSelection.vue
@@ -28,7 +28,7 @@
 </template>
 
 <script>
-import { map, orderBy } from 'lodash'
+import { orderBy } from 'lodash'
 import { InputSelect } from '@/components/Input'
 import truncate from '@/filters/truncate'
 
@@ -151,7 +151,7 @@ export default {
     },
 
     walletList () {
-      const addresses = map(this.wallets, (wallet) => {
+      const addresses = this.wallets.map(wallet => {
         const address = {
           name: null,
           address: wallet.address
diff --git a/src/renderer/components/Wallet/WalletSidebar/WalletSidebar.vue b/src/renderer/components/Wallet/WalletSidebar/WalletSidebar.vue
index 1dbbde2086..966dbea587 100644
--- a/src/renderer/components/Wallet/WalletSidebar/WalletSidebar.vue
+++ b/src/renderer/components/Wallet/WalletSidebar/WalletSidebar.vue
@@ -204,7 +204,7 @@
 </template>
 
 <script>
-import { filter, uniqBy } from 'lodash'
+import { uniqBy } from 'lodash'
 import { sortByProps } from '@/components/utils/Sorting'
 import Loader from '@/components/utils/Loader'
 import { MenuNavigation, MenuNavigationItem } from '@/components/Menu'
@@ -402,13 +402,13 @@ export default {
       let filtered = wallets
 
       if (this.filters.hideLedger) {
-        filtered = filter(filtered, wallet => !wallet.isLedger)
+        filtered = filtered.filter(wallet => !wallet.isLedger)
       }
       if (this.filters.hideEmpty) {
-        filtered = filter(filtered, wallet => wallet.balance > 0)
+        filtered = filtered.filter(wallet => wallet.balance > 0)
       }
       if (this.searchQuery) {
-        filtered = filter(filtered, ({ address, balance, name }) => {
+        filtered = filtered.filter(({ address, balance, name }) => {
           let match = [
             address,
             balance.toString()
diff --git a/src/renderer/components/Wallet/WalletSignVerify/WalletSignVerify.vue b/src/renderer/components/Wallet/WalletSignVerify/WalletSignVerify.vue
index 4f2d6a6246..3ea9a3cece 100644
--- a/src/renderer/components/Wallet/WalletSignVerify/WalletSignVerify.vue
+++ b/src/renderer/components/Wallet/WalletSignVerify/WalletSignVerify.vue
@@ -89,7 +89,7 @@
 
 <script>
 import { ButtonClipboard, ButtonModal } from '@/components/Button'
-import { WalletSignModal, WalletVerifyModal } from '../'
+import { WalletSignModal, WalletVerifyModal } from '@/components/Wallet'
 import SvgIcon from '@/components/SvgIcon'
 import { clone } from 'lodash'
 
diff --git a/src/renderer/components/Wallet/WalletTable.vue b/src/renderer/components/Wallet/WalletTable.vue
index 1cad9fb6c9..a662d6a4bc 100644
--- a/src/renderer/components/Wallet/WalletTable.vue
+++ b/src/renderer/components/Wallet/WalletTable.vue
@@ -199,9 +199,7 @@ export default {
       ]
 
       if (!this.showVotedDelegates) {
-        const index = columns.findIndex(el => {
-          return el.field === 'delegate'
-        })
+        const index = columns.findIndex(el => el.field === 'delegate')
         columns.splice(index, 1)
       }
 
diff --git a/src/renderer/components/Wallet/WalletTransactions/WalletTransactions.js b/src/renderer/components/Wallet/WalletTransactions/WalletTransactions.js
index 6e0fd6d5e9..c47d033846 100644
--- a/src/renderer/components/Wallet/WalletTransactions/WalletTransactions.js
+++ b/src/renderer/components/Wallet/WalletTransactions/WalletTransactions.js
@@ -1,5 +1,4 @@
-import at from 'lodash/at'
-import isEqual from 'lodash/isEqual'
+import { at, isEqual } from 'lodash'
 import mixin from './mixin'
 import mergeTableTransactions from '@/components/utils/merge-table-transactions'
 import { TransactionTable } from '@/components/Transaction'
diff --git a/src/renderer/components/Wallet/WalletTransactions/WalletTransactionsMultiSignature.js b/src/renderer/components/Wallet/WalletTransactions/WalletTransactionsMultiSignature.js
index 0bea842248..3121763965 100644
--- a/src/renderer/components/Wallet/WalletTransactions/WalletTransactionsMultiSignature.js
+++ b/src/renderer/components/Wallet/WalletTransactions/WalletTransactionsMultiSignature.js
@@ -1,5 +1,4 @@
-import at from 'lodash/at'
-import isEqual from 'lodash/isEqual'
+import { at, isEqual } from 'lodash'
 import mixin from './mixin'
 import { TransactionTableMultiSignature } from '@/components/Transaction'
 import MultiSignature from '@/services/client-multisig'
diff --git a/src/renderer/mixins/index.js b/src/renderer/mixins/index.js
index cc9074e533..f8626b1e6f 100644
--- a/src/renderer/mixins/index.js
+++ b/src/renderer/mixins/index.js
@@ -1,4 +1,4 @@
-import merge from 'lodash/merge'
+import { merge } from 'lodash'
 
 const mixins = [
   require('./assets').default,
diff --git a/src/renderer/models/base.js b/src/renderer/models/base.js
index ca2b8d7f27..e3390721aa 100644
--- a/src/renderer/models/base.js
+++ b/src/renderer/models/base.js
@@ -1,5 +1,6 @@
-import { transform, isFunction, isObject, isUndefined, isNil } from 'lodash'
+import { transform } from 'lodash'
 import { validate as jsonValidate } from 'jsonschema'
+import { isNil } from '@/utils'
 
 export default class BaseModel {
   constructor (schema) {
@@ -7,7 +8,7 @@ export default class BaseModel {
   }
 
   deserialize (input) {
-    if (!isObject(input)) {
+    if (typeof input !== 'object') {
       throw new Error(`Invalid model input type: \`${input}\``)
     }
 
@@ -24,9 +25,9 @@ export default class BaseModel {
     return transform(this.schema.properties, (result, item, key) => {
       let value
 
-      if (item.format && isFunction(item.format)) {
+      if (item.format && typeof item.format === 'function') {
         value = item.format(input)
-      } else if (!isUndefined(input[key])) {
+      } else if (input[key] !== undefined) {
         value = input[key]
       }
 
diff --git a/src/renderer/models/profile.js b/src/renderer/models/profile.js
index 292bc907ab..44aad641bc 100644
--- a/src/renderer/models/profile.js
+++ b/src/renderer/models/profile.js
@@ -1,4 +1,3 @@
-import { isBoolean } from 'lodash'
 import BaseModel from './base'
 
 export default new BaseModel({
@@ -91,7 +90,7 @@ export default new BaseModel({
     },
     showPluginConfirmation: {
       type: 'boolean',
-      format: data => isBoolean(data.showPluginConfirmation) ? data.showPluginConfirmation : true
+      format: data => typeof data.showPluginConfirmation === 'boolean' ? data.showPluginConfirmation : true
     },
     transactionTableRowCount: {
       type: 'integer',
diff --git a/src/renderer/pages/Profile/ProfileAll.vue b/src/renderer/pages/Profile/ProfileAll.vue
index a51f3fea10..d728d7c132 100644
--- a/src/renderer/pages/Profile/ProfileAll.vue
+++ b/src/renderer/pages/Profile/ProfileAll.vue
@@ -78,7 +78,7 @@
 </template>
 
 <script>
-import { map, mapValues, sortBy, uniqBy } from 'lodash'
+import { mapValues, sortBy, uniqBy } from 'lodash'
 import { ProfileAvatar, ProfileRemovalConfirmation } from '@/components/Profile'
 
 export default {
@@ -147,7 +147,7 @@ export default {
         })
       }
       const sorted = sortBy(balances, ['amount', 'formatted'])
-      return map(sorted, 'formatted').reverse()
+      return sorted.map(sort => sort.formatted).reverse()
     }
   },
 
diff --git a/src/renderer/services/plugin-manager.js b/src/renderer/services/plugin-manager.js
index 11e39fe1d9..aea0689384 100644
--- a/src/renderer/services/plugin-manager.js
+++ b/src/renderer/services/plugin-manager.js
@@ -5,7 +5,8 @@ import dayjs from 'dayjs'
 import * as fs from 'fs'
 import * as fsExtra from 'fs-extra'
 import got from 'got'
-import { partition, upperFirst } from 'lodash'
+import { partition } from 'lodash'
+import { upperFirst } from '@/utils'
 import * as path from 'path'
 import semver from 'semver'
 import trash from 'trash'
diff --git a/src/renderer/services/plugin-manager/adapters/npm-adapter.js b/src/renderer/services/plugin-manager/adapters/npm-adapter.js
index 719d90ce39..ea286ba6fd 100644
--- a/src/renderer/services/plugin-manager/adapters/npm-adapter.js
+++ b/src/renderer/services/plugin-manager/adapters/npm-adapter.js
@@ -1,5 +1,5 @@
 import { PLUGINS } from '@config'
-import chunk from 'lodash/chunk'
+import { chunk } from 'lodash'
 import got from 'got'
 import packageJson from 'package-json'
 
diff --git a/src/renderer/services/plugin-manager/component/get-context.js b/src/renderer/services/plugin-manager/component/get-context.js
index 6ec18c7926..1fc45a7a80 100644
--- a/src/renderer/services/plugin-manager/component/get-context.js
+++ b/src/renderer/services/plugin-manager/component/get-context.js
@@ -1,4 +1,4 @@
-import isElement from 'lodash/isElement'
+import { isElement } from 'lodash'
 
 export function getSafeContext (vueContext, component) {
   const context = vueContext._data || {}
diff --git a/src/renderer/services/plugin-manager/sandbox/messaging-sandbox.js b/src/renderer/services/plugin-manager/sandbox/messaging-sandbox.js
index 6449c694ff..1966357a66 100644
--- a/src/renderer/services/plugin-manager/sandbox/messaging-sandbox.js
+++ b/src/renderer/services/plugin-manager/sandbox/messaging-sandbox.js
@@ -1,4 +1,4 @@
-import cloneDeep from 'lodash/cloneDeep'
+import { cloneDeep } from 'lodash'
 
 export function create (walletApi, app) {
   return () => {
diff --git a/src/renderer/services/plugin-manager/setup/themes-setup.js b/src/renderer/services/plugin-manager/setup/themes-setup.js
index 8a6880dfde..de711b0deb 100644
--- a/src/renderer/services/plugin-manager/setup/themes-setup.js
+++ b/src/renderer/services/plugin-manager/setup/themes-setup.js
@@ -1,7 +1,7 @@
 import path from 'path'
 import fs from 'fs'
 import { normalizeJson } from '../utils/normalize-json'
-import { isEmpty, isString, isObject, isBoolean } from 'lodash'
+import { isEmpty } from 'lodash'
 
 export function create (plugin, pluginObject, sandbox, profileId) {
   return async () => {
@@ -10,12 +10,12 @@ export function create (plugin, pluginObject, sandbox, profileId) {
     }
 
     const pluginThemes = normalizeJson(pluginObject.getThemes())
-    if (pluginThemes && isObject(pluginThemes)) {
+    if (pluginThemes && typeof pluginThemes === 'object') {
       // Validate the configuration of each theme and ensure that their CSS exist
       const themes = Object.keys(pluginThemes).reduce((valid, themeName) => {
         const config = pluginThemes[themeName]
 
-        if (isBoolean(config.darkMode) && isString(config.cssPath)) {
+        if (typeof config.darkMode === 'boolean' && typeof config.cssPath === 'string') {
           const cssPath = path.join(plugin.fullPath, 'src', config.cssPath)
           if (!fs.existsSync(cssPath)) {
             throw new Error(`No file found on \`${config.cssPath}\` for theme "${themeName}"`)
diff --git a/src/renderer/services/plugin-manager/setup/wallet-tabs-setup.js b/src/renderer/services/plugin-manager/setup/wallet-tabs-setup.js
index f77cad1cfa..5075fc6af8 100644
--- a/src/renderer/services/plugin-manager/setup/wallet-tabs-setup.js
+++ b/src/renderer/services/plugin-manager/setup/wallet-tabs-setup.js
@@ -1,5 +1,4 @@
 import { normalizeJson } from '../utils/normalize-json'
-import isString from 'lodash/isString'
 
 export function create (plugin, pluginObject, sandbox, profileId) {
   return async () => {
@@ -8,7 +7,7 @@ export function create (plugin, pluginObject, sandbox, profileId) {
     if (pluginWalletTabs && Array.isArray(pluginWalletTabs) && pluginWalletTabs.length) {
       // Validate the configuration of each tab
       const walletTabs = pluginWalletTabs.reduce((valid, walletTab) => {
-        if (isString(walletTab.tabTitle) && plugin.components[walletTab.componentName]) {
+        if (typeof walletTab.tabTitle === 'string' && plugin.components[walletTab.componentName]) {
           valid.push(walletTab)
         }
         return valid
diff --git a/src/renderer/services/price-api.js b/src/renderer/services/price-api.js
index 608e015088..2f5571518a 100644
--- a/src/renderer/services/price-api.js
+++ b/src/renderer/services/price-api.js
@@ -1,7 +1,7 @@
+import logger from 'electron-log'
 import i18n from '@/i18n'
+import { capitalize } from '@/utils'
 import alertEvents from '@/plugins/alert-events'
-import { capitalize } from 'lodash'
-import logger from 'electron-log'
 import CryptoCompareAdapter from './price-api/crypto-compare'
 import CoinGeckoAdapter from './price-api/coin-gecko'
 import CoinCapAdapter from './price-api/coin-cap'
diff --git a/src/renderer/services/price-api/coin-cap.js b/src/renderer/services/price-api/coin-cap.js
index 1c64734cfd..e81921a658 100755
--- a/src/renderer/services/price-api/coin-cap.js
+++ b/src/renderer/services/price-api/coin-cap.js
@@ -1,7 +1,7 @@
 import got from 'got'
 import dayjs from 'dayjs'
 import moment from 'moment'
-import { min, max } from 'lodash'
+import { min, max } from '@/utils'
 import { MARKET } from '@config'
 
 // All prices on the CoinCap API are standardized in USD (United States Dollar)
diff --git a/src/renderer/services/price-api/coin-gecko.js b/src/renderer/services/price-api/coin-gecko.js
index ccc704a0c5..30994cf3b4 100644
--- a/src/renderer/services/price-api/coin-gecko.js
+++ b/src/renderer/services/price-api/coin-gecko.js
@@ -1,6 +1,6 @@
 import got from 'got'
 import dayjs from 'dayjs'
-import { min, max } from 'lodash'
+import { min, max } from '@/utils'
 import { MARKET } from '@config'
 
 export default class CoinGeckoAdapter {
diff --git a/src/renderer/services/price-api/crypto-compare.js b/src/renderer/services/price-api/crypto-compare.js
index 13165cb0da..eb5adc23d8 100644
--- a/src/renderer/services/price-api/crypto-compare.js
+++ b/src/renderer/services/price-api/crypto-compare.js
@@ -1,6 +1,6 @@
 import got from 'got'
 import dayjs from 'dayjs'
-import { min, max } from 'lodash'
+import { min, max } from '@/utils'
 import { MARKET } from '@config'
 
 export default class CryptoCompareAdapter {
diff --git a/src/renderer/services/synchronizer.js b/src/renderer/services/synchronizer.js
index bb40d9722a..757fc859d2 100644
--- a/src/renderer/services/synchronizer.js
+++ b/src/renderer/services/synchronizer.js
@@ -1,4 +1,4 @@
-import { flatten, includes, isFunction, pullAll } from 'lodash'
+import { flatten, includes, pullAll } from 'lodash'
 import { announcements, fees, ledger, market, peer, wallets } from './synchronizer/'
 /**
  * This class adds the possibility to define actions (not to confuse with Vuex actions)
@@ -95,7 +95,7 @@ export default class Synchronizer {
    * @param {Function} actionFn
    */
   define (actionId, config, actionFn) {
-    if (!isFunction(actionFn)) {
+    if (typeof actionFn !== 'function') {
       throw new Error('[$synchronizer] action is not a function')
     }
     ;['default', 'focus'].forEach(mode => {
diff --git a/src/renderer/services/synchronizer/wallets.js b/src/renderer/services/synchronizer/wallets.js
index 0e01cae478..6c2fa3e577 100644
--- a/src/renderer/services/synchronizer/wallets.js
+++ b/src/renderer/services/synchronizer/wallets.js
@@ -1,4 +1,4 @@
-import { find, groupBy, keyBy, map, maxBy, partition, uniqBy } from 'lodash'
+import { groupBy, keyBy, maxBy, partition, uniqBy } from 'lodash'
 import { TRANSACTION_GROUPS, TRANSACTION_TYPES } from '@config'
 import eventBus from '@/plugins/event-bus'
 import truncateMiddle from '@/filters/truncate-middle'
@@ -152,8 +152,8 @@ class Action {
    * @return {Object}
    */
   async fetch () {
-    const allAddresses = map(uniqBy(this.allWallets, 'address'), 'address')
-    const walletAddresses = map(uniqBy(this.wallets, 'address'), 'address')
+    const allAddresses = uniqBy(this.allWallets, 'address').map(wallet => wallet.address)
+    const walletAddresses = uniqBy(this.wallets, 'address').map(wallet => wallet.address)
 
     // Fetch in parallel TODO if 1 success and the other fails
     const [walletsData, transactionsByAddress] = await Promise.all([
@@ -254,7 +254,7 @@ class Action {
       const transactions = transactionsByAddress[address]
 
       if (transactions && transactions.length) {
-        const wallet = find(this.wallets, { address })
+        const wallet = this.wallets.find(wallet => wallet.address === address)
         const latestAt = await this.processWalletTransactions(wallet, transactions)
         if (latestAt) {
           walletsTransactionsAt[address] = latestAt
@@ -318,7 +318,7 @@ class Action {
    */
   async processUnconfirmedVotes () {
     const unconfirmedVotes = this.$getters['session/unconfirmedVotes']
-    const addresses = map(uniqBy(unconfirmedVotes, 'address'), 'address')
+    const addresses = uniqBy(unconfirmedVotes, 'address').map(wallet => wallet.address)
 
     for (const address of addresses) {
       const votes = await this.$client.fetchWalletVotes(address)
diff --git a/src/renderer/store/base.js b/src/renderer/store/base.js
index 422f01f51b..6a04c9f4f7 100644
--- a/src/renderer/store/base.js
+++ b/src/renderer/store/base.js
@@ -1,4 +1,4 @@
-import { merge, unionBy, findIndex } from 'lodash'
+import { merge, unionBy } from 'lodash'
 
 const includes = (objects, find) => objects.map(a => a.id).includes(find.id)
 
@@ -43,7 +43,7 @@ export default class BaseModule {
         },
 
         DELETE (state, id) {
-          const index = findIndex(state.all, { id })
+          const index = state.all.findIndex(item => item.id === id)
           if (index === -1) {
             throw new Error(`Cannot delete \`${id}\`. It does not exist on the state`)
           }
diff --git a/src/renderer/store/index.js b/src/renderer/store/index.js
index e858387120..bb11f55bda 100644
--- a/src/renderer/store/index.js
+++ b/src/renderer/store/index.js
@@ -1,7 +1,7 @@
 import Vue from 'vue'
 import Vuex from 'vuex'
 import localforage from 'localforage'
-import { isNull, merge, pullAll, keys } from 'lodash'
+import { merge, pullAll, keys } from 'lodash'
 
 import packageJson from '@package.json'
 
@@ -44,7 +44,7 @@ const vuexMigrations = new VuexPersistMigrations({
   untilVersion: packageJson.version,
   fromVersion (store) {
     const version = store.getters['app/latestAppliedMigration']
-    return isNull(version) ? '0.0.0' : version
+    return version === null ? '0.0.0' : version
   }
 })
 
diff --git a/src/renderer/store/migrations/2.4.0 - fix letter avatars.js b/src/renderer/store/migrations/2.4.0 - fix letter avatars.js
index 2408131d6c..fadde8c602 100644
--- a/src/renderer/store/migrations/2.4.0 - fix letter avatars.js	
+++ b/src/renderer/store/migrations/2.4.0 - fix letter avatars.js	
@@ -1,12 +1,10 @@
-import { isUndefined } from 'lodash'
-
 // Update the schema of profile avatars to be consistent and use `null` instead
 // of `null` and `undefined` when to establish a "letter" avatar.
 // It also fixes profiles that have been created, incorrectly, using `extraItems`
 // from `SelectionAvatar`
 export default store => {
   store.getters['profile/all'].forEach(profile => {
-    if (isUndefined(profile.avatar) || (profile.avatar && profile.avatar.onlyLetter)) {
+    if (profile.avatar === undefined || (profile.avatar && profile.avatar.onlyLetter)) {
       store.dispatch('profile/update', {
         ...profile,
         avatar: null
diff --git a/src/renderer/store/migrations/2.5.2 - add marketChartOptions to profile.js b/src/renderer/store/migrations/2.5.2 - add marketChartOptions to profile.js
index ecf1f20f9a..3fcedc5ddc 100644
--- a/src/renderer/store/migrations/2.5.2 - add marketChartOptions to profile.js	
+++ b/src/renderer/store/migrations/2.5.2 - add marketChartOptions to profile.js	
@@ -1,8 +1,8 @@
-import { clone, isUndefined } from 'lodash'
+import { clone } from 'lodash'
 
 export default store => {
   store.getters['profile/all'].forEach(profile => {
-    if (isUndefined(profile.marketChartOptions)) {
+    if (profile.marketChartOptions === undefined) {
       const updatedProfile = clone(profile)
 
       updatedProfile.marketChartOptions = {
diff --git a/src/renderer/store/modules/profile.js b/src/renderer/store/modules/profile.js
index c26358e8f8..0332d65bd2 100644
--- a/src/renderer/store/modules/profile.js
+++ b/src/renderer/store/modules/profile.js
@@ -1,5 +1,5 @@
 import Vue from 'vue'
-import { map, uniqBy } from 'lodash'
+import { uniqBy } from 'lodash'
 import crypto from 'crypto'
 import BaseModule from '../base'
 import ProfileModel from '@/models/profile'
@@ -98,13 +98,13 @@ export default new BaseModule(ProfileModel, {
      */
     async delete ({ commit, dispatch, rootGetters }, { id }) {
       // This getter returns a reference that is modified on each deletion
-      const transactionIds = map(rootGetters['transaction/byProfileId'](id), 'id')
+      const transactionIds = rootGetters['transaction/byProfileId'](id).map(transaction => transaction.id)
       for (const transactionId of transactionIds) {
         await dispatch('transaction/delete', { id: transactionId, profileId: id }, { root: true })
       }
 
       // This getter returns a reference that is modified on each deletion
-      const walletIds = map(rootGetters['wallet/byProfileId'](id), 'id')
+      const walletIds = rootGetters['wallet/byProfileId'](id).map(wallet => wallet.id)
       for (const walletId of walletIds) {
         await dispatch('wallet/delete', { id: walletId, profileId: id }, { root: true })
       }
diff --git a/src/renderer/store/modules/transaction.js b/src/renderer/store/modules/transaction.js
index d8168f3c11..7dbbefc35c 100644
--- a/src/renderer/store/modules/transaction.js
+++ b/src/renderer/store/modules/transaction.js
@@ -1,5 +1,5 @@
 import dayjs from 'dayjs'
-import { findIndex, unionBy } from 'lodash'
+import { unionBy } from 'lodash'
 import { APP, TRANSACTION_GROUPS, TRANSACTION_TYPES } from '@config'
 import eventBus from '@/plugins/event-bus'
 import TransactionModel from '@/models/transaction'
@@ -12,7 +12,7 @@ const includes = (objects, find) => objects.map(a => a.id).includes(find.id)
  * This module stores unconfirmed transactions, so it does not persist currently:
  * it is not required and avoids managing their lifecycle when they are confirmed.
  *
- * Internally the transactions are stored aggregated by `profileId``
+ * Internally the transactions are stored aggregated by `profileId`
  */
 export default {
   namespaced: true,
@@ -136,7 +136,7 @@ export default {
       }
     },
     DELETE (state, transaction) {
-      const index = findIndex(state.transactions[transaction.profileId], { id: transaction.id })
+      const index = state.transactions[transaction.profileId].findIndex(profileTransaction => profileTransaction.id === transaction.id)
       if (index === -1) {
         throw new Error(`Cannot delete transaction '${transaction.id}' - it does not exist on the state`)
       }
diff --git a/src/renderer/store/modules/wallet.js b/src/renderer/store/modules/wallet.js
index 664f04e175..f876df7605 100644
--- a/src/renderer/store/modules/wallet.js
+++ b/src/renderer/store/modules/wallet.js
@@ -1,4 +1,4 @@
-import { findIndex, unionBy, uniqBy } from 'lodash'
+import { unionBy, uniqBy } from 'lodash'
 import WalletModel from '@/models/wallet'
 import Vue from 'vue'
 
@@ -14,7 +14,7 @@ const sanitizeWallet = (wallet) => {
 }
 
 /**
- * Internally the wallets are stored aggregated by `profileId``
+ * Internally the wallets are stored aggregated by `profileId`
  */
 export default {
   namespaced: true,
@@ -142,11 +142,13 @@ export default {
       state.wallets[profileId] = unionBy([...wallets, ...state.wallets[profileId]], 'id')
     },
     DELETE (state, wallet) {
-      const index = findIndex(state.wallets[wallet.profileId], { id: wallet.id })
-      if (index === -1) {
-        throw new Error(`Cannot delete wallet '${wallet.id}' - it does not exist on the state`)
+      if (state.wallets[wallet.profileId]) {
+        const index = state.wallets[wallet.profileId].findIndex(profileWallet => profileWallet.id === wallet.id)
+        if (index === -1) {
+          throw new Error(`Cannot delete wallet '${wallet.id}' - it does not exist on the state`)
+        }
+        state.wallets[wallet.profileId].splice(index, 1)
       }
-      state.wallets[wallet.profileId].splice(index, 1)
     },
     SET_LEDGER_NAME (state, { address, name, profileId }) {
       if (!state.ledgerNames[profileId]) {
@@ -167,9 +169,11 @@ export default {
       }
     },
     DELETE_SIGNED_MESSAGE (state, message) {
-      const index = findIndex(state.signedMessages[message.address], { timestamp: message.timestamp })
-      if (index !== -1) {
-        state.signedMessages[message.address].splice(index, 1)
+      if (state.signedMessages[message.address]) {
+        const index = state.signedMessages[message.address].findIndex(signedMessage => signedMessage.timestamp === message.timestamp)
+        if (index !== -1) {
+          state.signedMessages[message.address].splice(index, 1)
+        }
       }
     }
   },
diff --git a/src/renderer/store/plugins/vuex-persist-migrations.js b/src/renderer/store/plugins/vuex-persist-migrations.js
index 383bd136f6..92ad16a318 100644
--- a/src/renderer/store/plugins/vuex-persist-migrations.js
+++ b/src/renderer/store/plugins/vuex-persist-migrations.js
@@ -1,6 +1,5 @@
 import logger from 'electron-log'
 import semver from 'semver'
-import { isFunction } from 'lodash'
 
 export default class VuexMigrations {
   /**
@@ -25,8 +24,8 @@ export default class VuexMigrations {
       throw new Error(`The version "${version}" does not comply with semver`)
     }
 
-    const from = isFunction(this.fromVersion) ? this.fromVersion(this.store) : this.fromVersion
-    const until = isFunction(this.untilVersion) ? this.untilVersion(this.store) : this.untilVersion
+    const from = typeof this.fromVersion === 'function' ? this.fromVersion(this.store) : this.fromVersion
+    const until = typeof this.untilVersion === 'function' ? this.untilVersion(this.store) : this.untilVersion
 
     return semver.gt(version, from) && semver.lte(version, until)
   }
diff --git a/src/renderer/store/plugins/vuex-persist.js b/src/renderer/store/plugins/vuex-persist.js
index a2bc290f43..3261c0f90c 100644
--- a/src/renderer/store/plugins/vuex-persist.js
+++ b/src/renderer/store/plugins/vuex-persist.js
@@ -1,8 +1,8 @@
 // Based on https://github.com/championswimmer/vuex-persist
 
-import lodash from 'lodash'
+import { merge as lodashMerge } from 'lodash'
 
-const merge = (into, from) => lodash.merge({}, into, from)
+const merge = (into, from) => lodashMerge({}, into, from)
 
 class SimplePromiseQueue {
   constructor () {
diff --git a/src/renderer/utils/index.js b/src/renderer/utils/index.js
new file mode 100644
index 0000000000..355bd42792
--- /dev/null
+++ b/src/renderer/utils/index.js
@@ -0,0 +1,42 @@
+/**
+ * Converts the first character of `string` to upper case
+ * @param {String} str
+ * @return {String} Return the converted string
+ */
+export const upperFirst = str => `${str.charAt(0).toUpperCase()}${str.slice(1)}`
+
+/**
+ * Converts the first character of `string` to upper case and the remaining to lower case
+ * @param {String} str
+ * @return {String} Return the capitalized string
+ */
+export const capitalize = str => `${str.charAt(0).toUpperCase()}${str.slice(1).toLowerCase()}`
+
+/**
+ * Checks if `value` is `null` or `undefined`
+ * @param {*} val
+ * @return {Boolean} Return `true` if `value` is nullish, else `false`
+ */
+export const isNil = val => val === null || val === undefined
+
+/**
+ * Computes the minimum value of `array`
+ * @param {Array} nums
+ * @return {*} Return the minimum value
+ */
+export const min = nums => {
+  if (nums.length) {
+    return Math.min(...nums)
+  }
+}
+
+/**
+ * Computes the maximum value of `array`
+ * @param {Array} nums
+ * @return {*} Return the maximum value
+ */
+export const max = nums => {
+  if (nums.length) {
+    return Math.max(...nums)
+  }
+}