Embedded Sign with JS library at Angular (typescript)

Hello you can find this Steps to Integrate DocuSign with Angular and TypeScript

1. Install the DocuSign SDK: First, you need to install the DocuSign SDK via npm. You can do this by running:

   npm install docusign-esign
   

2. Create a Service for DocuSign: Create an Angular service to handle DocuSign-related operations. This service will encapsulate the logic for interacting with the DocuSign API.

   TypeScript

    

   import { Injectable } from '@angular/core';
   import * as docusign from 'docusign-esign';
   
   @Injectable({
     providedIn: 'root'
   })
   export class DocusignService {
     private apiClient: docusign.ApiClient;
   
     constructor() {
       this.apiClient = new docusign.ApiClient();
       this.apiClient.setBasePath('https://demo.docusign.net/restapi');
       // Set your DocuSign credentials here
       this.apiClient.addDefaultHeader('Authorization', 'Bearer YOUR_ACCESS_TOKEN');
     }
   
     // Example method to create an envelope
     public async createEnvelope(envelopeDefinition: docusign.EnvelopeDefinition): Promise<docusign.EnvelopeSummary> {
       const envelopesApi = new docusign.EnvelopesApi(this.apiClient);
       const accountId = 'YOUR_ACCOUNT_ID';
       return await envelopesApi.createEnvelope(accountId, { envelopeDefinition });
     }
   }
   

    

3. Use the Service in Your Components: Inject the DocusignService into your Angular components and use it to interact with the DocuSign API.

   TypeScript

    

   import { Component } from '@angular/core';
   import { DocusignService } from './docusign.service';
   import * as docusign from 'docusign-esign';
   
   @Component({
     selector: 'app-root',
     templateUrl: './app.component.html',
     styleUrls: ['./app.component.css']
   })
   export class AppComponent {
     constructor(private docusignService: DocusignService) {}
   
     async createEnvelope() {
       const envelopeDefinition: docusign.EnvelopeDefinition = {
         // Define your envelope here
       };
       const result = await this.docusignService.createEnvelope(envelopeDefinition);
       console.log(result);
     }
   }
   

    

Additional Resources

• DocuSign Developer Center: The DocuSign Developer Center provides comprehensive guides and API references : https://developers.docusign.com/.
• DocuSign API Documentation: The API documentation includes detailed information on endpoints and usage : https://developers.docusign.com/docs/esign-rest-api/reference/.

These steps should help you get started with integrating DocuSign into your Angular and TypeScript project. 
Thank you so much and if you need any help you can raise a support case anytime at https://support.docusign.com 

Thank you very much for your response, I understand that the code example you sent me is to generate a signed envelope, but my problem is that I can generate the envelope in the back of my application as well as the embedded view, now what I want is to show that view, currently I am doing it with an iframe but I want to show it with the docusign library for javascript, but I can't find a way to do it with typescript and angular.