AWS Connect error - Application has not been enabled for your directory

Question

I am trying to deploy below AWS Connect solution and facing issues with Application UI 
Solution - https://aws.amazon.com/solutions/implementations/ai-powered-speech-analytics-for-amazon-connect

Issue 1 - When I launch the UI, For the agent assist section, I get below error message in browser
"To protect your security, ***.awsapps.com will not allow Firefox to display the page if another site has embedded it.

In developer tools, I can see below error -
[HTTP/1.1 403 Forbidden 0ms]
The loading of “https://*******/connect/login” in a frame is denied by “X-Frame-Options“ directive set to “SAMEORIGIN“.

I have enabled CORS on S3 bucket as well as CloudFront .

Issue 2 - If I open the link in different tab or new browser  I get error 
"Access Error
This application has not been enabled for your directory. Please contact your Administrator for more details."
I did add the origins in connect for UI as well as CloudFront

Roopali_M · Accepted Answer

I was able to solve the issue. This  is caused by the connect urls in the solution using the old format. This means that if the Connect instance has been created recently,  agentAssist.html will have to be manually updated.
The file can be found at here in the repo: https://github.com/amazon-connect/ai-powered-speech-analytics-for-amazon-connect/blob/main/source/web_site/agentAssist.html
The deployed location of this is s3://{YOUR_BUCKET_NAME}/CCP/agentAssist.html

The lines that need updated are 405/406
var loginURL = `https://${instanceAlias}.awsapps.com/connect/login`; var ccpURL = `https://${alias}.awsapps.com/connect/ccp-v2/softphone`;

To use with a new instance they need changed to :
var loginURL = `https://${instanceAlias}.my.connect.aws/login`; var ccpURL = `https://${alias}.my.connect.aws/ccp-v2/softphone`;

You can manually overwrite this file in the S3 bucket, but be sure to either wait for the cloudfront cache to clear or invalidate it yourself.

taylauna · Answer

Hi, Thank you for your question and for providing these additional details. In troubleshooting this issue, I would recommend that you follow the following steps/recommendations. **Assumption:** You have deployed your CloudFormation template, and it has completed successfully. **Solution 1. Check your Amazon Connect Instance Approved Origins** When deploying a custom CCP to a webpage, as this solution details, it is important to make sure that the Amazon CloudFront domain that was created by the CloudFormation template has been added to your Amazon Connect instance as an approved domain. **Step 1:** To configure Approved Domains for Amazon Connect, please follow the reference link below. Reference: https://docs.aws.amazon.com/connect/latest/adminguide/app-integration.html **Step 2:** Once you have added your CloudFront domain to your "Approved origins", navigate back to the CloudFront URL and confirm if the error still appears. If the error continues to appear, please proceed to the next solution. **Solution 2. Verify and Update your deployed custom CCP webpage** There has been a transition away from "${instanceAlias}.awsapps.com" domains for the Amazon Connect CCP implementation. Instead, the URL to access the login page and CCP have been updated to "${instanceAlias}.my.connect.aws" **Reference:** https://docs.aws.amazon.com/connect/latest/adminguide/amazon-connect-contact-control-panel.html **Step 1:** Navigate to the Amazon S3 bucket in which your website files have been deployed, then open the "CCP" folder, where you will find the "agentAssist.html" file. **Step 2:** Download and open the file on your local machine and navigate to line 390 where the section for the ccpContainer opens "

" **Step 3:** Modify lines 405 and 406 to the following: Original URLs: > var loginURL = `https://${instanceAlias}.awsapps.com/connect/login`; > var ccpURL = `https://${alias}.awsapps.com/connect/ccp-v2/softphone`; Updated URLs: > var loginURL = `https://${instanceAlias}.my.connect.aws/login`; > var ccpURL = `https://${alias}.my.connect.aws/ccp-v2/softphone`; **Step 4:** Upload the modified **agentAssist.html** file to your S3 Bucket, replacing the existing file. - For guidance on uploading S3 Objects: https://docs.aws.amazon.com/AmazonS3/latest/userguide/upload-objects.html **Step 5:** Navigate to the CloudFront domain for your AI Powered Speech Analytics website, and verify that the issue has been resolved or persists. I do sincerely hope that this solves the issue that you're facing with this solution. Please reply if the solutions proposed above did not solve your issue or you have any further questions! Thanks **Resources related to AI Powered Speech Analytics:** - [AI Powered Speech Analytics for Amazon Connect Implementation Guide](https://docs.aws.amazon.com/solutions/latest/ai-powered-speech-analytics-for-amazon-connect/welcome.html) - [AI Powered Speech Analytics for Amazon Connect GitHub Repository](https://github.com/amazon-connect/ai-powered-speech-analytics-for-amazon-connect)

AWS-User-rob · Answer

Have you added the domain for the custom UI to the integrated applications list?  https://docs.aws.amazon.com/connect/latest/adminguide/app-integration.html

AWS Connect error - Application has not been enabled for your directory

Relevant content