Feat: blacklist whitelist contacts

__mocks__/AddressBookMock.ts

@@ -0,0 +1,11 @@
+import { AddressBook, IContact } from 'symbol-address-book';
+
+export const addressBookMock: AddressBook = new AddressBook();
+const contact1: IContact = {
+    id: '5c9093c7-2da2-476e-bc28-87f24a83cd0c',
+    address: 'TAVVVJBBCTYJDWC7TQPSVNHK2IPNY6URKK4DTHY',
+    name: 'Alice',
+    phone: '+34 000000000',
+    isBlackListed: true,
+};
+addressBookMock.addContact(contact1);

__tests__/components/TransactionList/TransactionListFilters/TransactionListFilter.spec.ts

@@ -4,13 +4,26 @@ import TransactionListFilters from '@/components/TransactionList/TransactionList
 import { getComponent } from '@MOCKS/Components';
 import AccountStore from '@/store/Account';
 import TransactionStore from '@/store/Transaction';
+import AddressBookStore from '@/store/AddressBook';
+import { AddressBook, IContact } from 'symbol-address-book';
+import { getTestAccount } from '@MOCKS/Accounts';
 let wrapper;
 let vm;
+import { addressBookMock } from '@MOCKS/AddressBookMock';
+const currentSigner = getTestAccount('remoteTestnet');
+const isBlackListFilterActivated = false;
+
 beforeEach(() => {
     wrapper = getComponent(
         TransactionListFilters,
-        { account: AccountStore, transaction: TransactionStore },
-        { currentAccount: null, currentAccountSigner: {}, signers: [] },
+        { account: AccountStore, transaction: TransactionStore, addressBook: AddressBookStore },
+        {
+            currentAccount: null,
+            currentAccountSigner: currentSigner,
+            addressBook: addressBookMock,
+            isBlackListFilterActivated: isBlackListFilterActivated,
+            signers: [],
+        },
         {},
         {},
     );
@@ -25,8 +38,21 @@ describe('TransactionListFilters', () => {
         vm.onSignerSelectorChange('TAD5BAHLOIXCRRB6GU2H72HPXMBBVAEUQRYPHBY');
         expect(vm.$store.dispatch).toBeCalledWith('account/SET_CURRENT_SIGNER', { address: addr, reset: true, unsubscribeWS: false });
     });
+
     test("should not call the 'account/SET_CURRENT_SIGNER' without address", () => {
         vm.onSignerSelectorChange();
         expect(vm.$store.dispatch).not.toBeCalled();
     });
+
+    test("should call 'transaction/filterTransactions' with blacklisted contacts", () => {
+        vm.onSelectBlackListed();
+        expect(vm.$store.commit).toBeCalledWith('transaction/filterTransactions', {
+            filterOption: null,
+            currentSignerAddress: currentSigner.address.plain(),
+            multisigAddresses: [],
+            shouldFilterOptionChange: true,
+            BlackListedContacts: addressBookMock.getBlackListedContacts(),
+        });
+        expect(vm.$store.commit).toBeCalledWith('transaction/isBlackListFilterActivated', !isBlackListFilterActivated);
+    });
 });

__tests__/services/TransactionFilterService.spec.ts

@@ -17,6 +17,8 @@ import { TransactionFilterOptionsState, TransactionState } from '@/store/Transac
 import { TransactionFilterService } from '@/services/TransactionFilterService';
 import { getTestAccount } from '@MOCKS/Accounts';
 import { TransferTransaction } from 'symbol-sdk';
+import { addressBookMock } from '@MOCKS/AddressBookMock';
+import { IContact } from 'symbol-address-book';
 
 const currentSigner = getTestAccount('remoteTestnet');
 const recepient = getTestAccount('remoteTestnetRecipient');
@@ -108,6 +110,27 @@ describe('services/TransactionFilterService', () => {
             done();
         });
 
+        test('should return transactions only received from blacklisted contacts', async (done) => {
+            const addressBook = addressBookMock;
+            const contact1: IContact = {
+                id: '5c9093c7-2da2-476e-bc28-87f24a83cd23',
+                address: recepient.address.plain(),
+                name: 'BlackListed',
+                phone: '+34 000000000',
+                isBlackListed: true,
+            };
+            addressBook.addContact(contact1);
+            transactionState.filterOptions = new TransactionFilterOptionsState();
+            transactionState.filterOptions.isReceivedSelected = true;
+            const result = TransactionFilterService.filter(
+                transactionState,
+                currentSigner.address.plain(),
+                addressBook.getBlackListedContacts(),
+            );
+            expect(result.length).toBe(1);
+            done();
+        });
+
         test('should return correct transactions on multiple criterias', async (done) => {
             transactionState.filterOptions = new TransactionFilterOptionsState();
             transactionState.filterOptions.isConfirmedSelected = true;

__tests__/utils/CommonHelpers.spec.ts

@@ -32,4 +32,15 @@ describe('utils/CommonHelpers', () => {
             expect(addresses.length).toBe(2);
         });
     });
+
+    describe('truncate(address)', () => {
+        test('returns truncated string', () => {
+            const address = Address.createFromRawAddress('TAD5BAHLOIXCRRB6GU2H72HPXMBBVAEUQRYPHBY');
+            const truncatedAddress = CommonHelpers.truncate(address.plain());
+            const string = 'string';
+            expect(truncatedAddress.length).toBe(15);
+            expect(truncatedAddress.substring(truncatedAddress.length - 6)).toEqual('...HBY');
+            expect(CommonHelpers.truncate(string).length).toBe(6);
+        });
+    });
 });

src/components/ContactDetailPanel/ContactDetailPanel.vue

@@ -93,7 +93,7 @@
                     ? $t('black_list_contact_confirmation_message', { contactName: selectedContact.name })
                     : $t('white_list_contact_confirmation_message', { contactName: selectedContact.name })
             "
-            @confirmed="BlackListWhiteListContact"
+            @confirmed="ToggleBlackListContact"
         />
     </div>
 </template>

src/components/ContactDetailPanel/ContactDetailPanelTs.ts

@@ -89,6 +89,7 @@ export class ContactDetailPanelTs extends Vue {
     public get showBlackWhiteListModal() {
         return this.showBlackWhiteListConfirmModal;
     }
+
     public set showBlackWhiteListModal(val: boolean) {
         this.showBlackWhiteListConfirmModal = val;
     }
@@ -98,11 +99,12 @@ export class ContactDetailPanelTs extends Vue {
         this.showDeleteConfirmModal = false;
     }
 
-    public BlackListWhiteListContact() {
+    public ToggleBlackListContact() {
         this.selectedContact.isBlackListed = !this.selectedContact?.isBlackListed;
         this.$store.dispatch('addressBook/UPDATE_CONTACT', { id: this.selectedContact.id, contact: this.selectedContact });
         this.showBlackWhiteListModal = false;
     }
+
     @Watch('addressBook', { immediate: true })
     onContactListChange() {
         return;

src/components/TransactionList/TransactionListFilters/TransactionListFiltersTs.ts

@@ -82,9 +82,14 @@ export class TransactionListFiltersTs extends Vue {
     public downloadTransactions() {
         this.$emit('downloadTransactions');
     }
-    onSelectBlackListed() {
-        const blackListed = this.addressBook.getBlackListedContacts();
+
+    /**
+     * Hook called when user want to filter transactions with blacklisted addresses
+     * @protected
+     */
+    protected onSelectBlackListed() {
         if (!this.isBlackListFilterActivated) {
+            const blackListed = this.addressBook.getBlackListedContacts();
             this.$store.commit('transaction/filterTransactions', {
                 filterOption: null,
                 currentSignerAddress: this.currentAccountSigner.address.plain(),