Property 'deserialize' does not exist on type 'MerchantBlockEntity'

[Vidhyadar]

I am facing this issue:

Here is my entity:

import { JsonProperty } from 'json-typescript-mapper';

export class BlockedMerchant {
    @JsonProperty('name')
    name: string =  undefined;
    @JsonProperty('rawnames')
    rawnames: string[] = undefined;

    constructor() {
    this.name = undefined;
    this.rawnames = undefined;
}
}

export class SecurityFraudUnlock {
   
}

export class Preferences {
    @JsonProperty('allowAuthorizations')
    allowAuthorizations: boolean;

    @JsonProperty('allowAuthorizations')
    allowOverLimit: boolean;


    @JsonProperty('allowAuthorizations')
    blockedMerchants: BlockedMerchant[];

    @JsonProperty('allowAuthorizations')
    securityFraudUnlock: SecurityFraudUnlock;

    constructor() {
    this.securityFraudUnlock = undefined;
    this.blockedMerchants = undefined;
    this.allowAuthorizations = undefined;
    this.allowOverLimit = undefined;
}
}

export class CreditCardsList {
    @JsonProperty('allowAuthorizations')
    cardLastFour: string;

    @JsonProperty('allowAuthorizations')
    cardReferenceId: string;

    @JsonProperty('allowAuthorizations')
    preferences: Preferences;

    constructor() {
    this.cardReferenceId = undefined;
    this.preferences = undefined;
    this.cardLastFour = undefined;
}
}

export class MerchantBlockEntity {
    @JsonProperty('allowAuthorizations')
    creditCardsList: CreditCardsList[];
    constructor()
    {
       this.creditCardsList = undefined; 
    }
}

Component.Ts:

import { Component, OnInit } from '@angular/core';
import {MerchantBlockEntity} from './MerchantBlockEntity';
import {MerchantControlService} from './merchant-control-service';
import {deserialize} from 'json-typescript-mapper';

@component({
selector: 'my-app',
templateUrl: ./merchantcontrol.html,
styleUrls: ['./app.Component.css']
})
export class AppComponent implements OnInit{
constructor (private merchantControlService: MerchantControlService) {}
name = 'Angular';
users : Users[];
errorMessage: string;
blockedMerchants : MerchantBlockEntity;
filteredBlockedMerchant : MerchantBlockEntity;
jsonData:any;
ngOnInit():void {
this.users = accountUsers;
this.merchantControlService.getBlockedMerchants()
.subscribe(
blockedMerchants => this.jsonData = blockedMerchants,
error => this.errorMessage = error);;
this.blockedMerchants = deserialize(MerchantBlockEntity,this.jsonData);
this.filteredBlockedMerchant = this.blockedMerchants;
console.log('block merchant is',this.blockedMerchants);
console.log('Error message is ', this.errorMessage);
};
selectedUserChange(selectedUser:Users) :void
{
if(selectedUser.name != 'All')
{
this.filteredBlockedMerchant =new MerchantBlockEntity;
this.filteredBlockedMerchant.creditCardsList = this.blockedMerchants.creditCardsList.filter(
book => book.cardReferenceId === selectedUser.cardRefId);
}
else
{
this.filteredBlockedMerchant = this.blockedMerchants;
}
}
}
export class Users
{
name: string;
cardRefId:string;
}

const accountUsers: Users[] = [
{ name: 'All' , cardRefId: ''},
{ name: 'Mr. Nice' , cardRefId: 'hfffhghgg'},
{ name: 'Mr. Tony' , cardRefId: 'iyuyuyy'},
{ name: 'Mr. Watson' , cardRefId: 'bhghgj'},
];