Hello, I am trying to embed docusign in Angular app but facing an issue where TelemetryWrapper API being failed for some reason under network tab. I have used a sample URL which is generated from MyAPICalls.
Docusign bundle.js is loaded upfront in index.html,
<script src="https://js-d.docusign.com/bundle.js" async></script>
component.html
<div class="docusign-agreement-container" id="signing-ceremony"></div>
component.ts
addDocusign() {
window.DocuSign.loadDocuSign('Integration-Key').then((docusign) => {
const signing = docusign.signing({
url: 'https://demo.docusign.net/Signing/MTRedeem/v1/...',
displayFormat: 'focused',
style: {
/** High-level variables that mirror our existing branding APIs. Reusing the branding name here for familiarity. */
branding: {
primaryButton: {
/** Background color of primary button */
backgroundColor: '#333',
/** Text color of primary button */
color: '#fff',
}
},
/** High-level components we allow specific overrides for */
signingNavigationButton: {
finishText: 'Custom Button Text',
/** 'bottom-left'|'bottom-center'|'bottom-right', default: bottom-right */
position: 'bottom-left'
}
},
frameAncestors: :"https://apps-d.docusign.com", "http://localhost", 'http://demo.docusign.net', 'https://telemetry-d.docusign.net'],
messageOrigins: :"https://apps-d.docusign.com"]
});
/** Event handlers **/
signing.on('ready', (event) => {
console.log('UI is rendered');
});
signing.on('sessionEnd', (event) => {
/** The event here denotes what caused the sessionEnd to trigger, such as signing_complete, ttl_expired etc **/
console.log('sessionend', event);
});
signing.mount('#signing-ceremony');
}).catch((ex) => {
// Any configuration or API limits will be caught here
});
}
ngAfterViewInit(): void {
// this.addScript();
this.addDocusign();
}
Console errors -
Any direction is much appreciated.
Few links where I took the references from -
- https://developers.docusign.com/docs/esign-rest-api/esign101/concepts/embedding/docusign-js-embedded-reference/?_gl=1*1hxxjft*_gcl_au*MTU2NzExODQ0MC4xNzI5MTc1NTMz#introduction
- https://developers.docusign.com/docs/esign-rest-api/how-to/request-signature-focused-view/?_gl=1*13tfyku*_gcl_au*MTU2NzExODQ0MC4xNzI5MTc1NTMz
- https://developers.docusign.com/docs/esign-rest-api/esign101/concepts/embedding/embedded-signing/
- https://developers.docusign.com/docs/esign-rest-api/how-to/request-signature-focused-view/