Custom Views is not working in Cutsom CCP

[nayabrasool4910]

I am trying to use Views in Custom CCP but I am getting Loading View as shown in below image after call connecting to agent. Need to change anything in the code. Advance Thanks.

connect.agentApp.initApp( "customviews", "customviews-container", connectUrl + "/stargate/app", { style: "width:650px; height:600px;" } );

[vvgoyal]

Hi @nayabrasool4910
We introduced the new stuff in the recent release. here is the documentation to load view with new stuff https://github.com/amazon-connect/amazon-connect-streams/blob/master/Documentation.md#connectagentappinitappname-containerid-appurl-config.

[nayabrasool4910]

Hi @vvgoyal thanks for the response.

I am using angular to build custom ccp application

I added the same stuff in my code. But I am getting few errors in the code.

Object literal may only specify known properties, and 'customViewsParams' does not exist in type 'AppOptions'.

I removed the code and added only the below code.

contact.onConnected(function (contact) { var attributeMap = contact.getAttributes(); console.log('attributes-----------------', attributeMap) connect.agentApp.initApp( "customviews", "customviews-container", connectUrl + "/stargate/app", { style: "width:400px; height:600px;", } );

when call is connected to agent, Views are not coming.