Embedded sending update

Author: Mykyta-Petrov

lib/eSignature/controllers/eg011EmbeddedSending.js

@@ -42,21 +42,20 @@ eg011EmbeddedSending.createController = async (req, res) => {
     // Step 2. Call the worker method
     const { body } = req;
         // Additional data validation might also be appropriate
-    const startingView = validator.escape(body.startingView);
     const envelopeArgs = {
         signerEmail: validator.escape(body.signerEmail),
         signerName: validator.escape(body.signerName),
         ccEmail: validator.escape(body.ccEmail),
         ccName: validator.escape(body.ccName),
         dsReturnUrl: dsReturnUrl,
+        startingView: validator.escape(body.startingView),
         doc2File: path.resolve(demoDocsPath, doc2File),
         doc3File: path.resolve(demoDocsPath, doc3File)
     };
     const args = {
         accessToken: req.user.accessToken,
         basePath: req.session.basePath,
         accountId: req.session.accountId,
-        startingView: startingView,
         envelopeArgs: envelopeArgs
     };
     let results = null;

lib/eSignature/examples/embeddedSending.js

@@ -42,29 +42,54 @@ const sendEnvelopeUsingEmbeddedSending = async (args) => {
   // Call the CreateSenderView API
   // Exceptions will be caught by the calling function
   results = await envelopesApi.createSenderView(args.accountId, envelopeId, {
-    returnUrlRequest: viewRequest,
+    envelopeViewRequest: viewRequest,
   });
 
   // Switch to Recipient and Documents view if requested by the user
   let url = results.url;
   //ds-snippet-end:eSign11Step3
-  console.log(`startingView: ${args.startingView}`);
-  if (args.startingView === 'recipient') {
-    url = url.replace('send=1', 'send=0');
-  }
+  console.log(`startingView: ${args.envelopeArgs.startingView}`);
 
   return { envelopeId: envelopeId, redirectUrl: url };
 };
 
 //ds-snippet-start:eSign11Step3
 function makeSenderViewRequest(args) {
-  let viewRequest = new docusign.ReturnUrlRequest();
   // Data for this method
   // args.dsReturnUrl
 
   // Set the url where you want the recipient to go once they are done signing
   // should typically be a callback route somewhere in your app.
-  viewRequest.returnUrl = args.dsReturnUrl;
+  let viewRequest = docusign.EnvelopeViewRequest.constructFromObject({
+    returnUrl: args.dsReturnUrl,
+    viewAccess: 'envelope',
+    settings: docusign.EnvelopeViewSettings.constructFromObject({
+      startingScreen: args.startingView,
+      sendButtonAction: 'send',
+      showBackButton: 'false',
+      backButtonAction: 'previousPage',
+      showHeaderActions: 'false',
+      showDiscardAction: 'false',
+      lockToken: '',
+      recipientSettings: docusign.EnvelopeViewRecipientSettings.constructFromObject({
+        showEditRecipients: 'false',
+        showContactsList: 'false'
+      }),
+      documentSettings: docusign.EnvelopeViewDocumentSettings.constructFromObject({
+        showEditDocuments: 'false',
+        showEditDocumentVisibility: 'false',
+        showEditPages: 'false'
+      }),
+      taggerSettings: docusign.EnvelopeViewTaggerSettings.constructFromObject({
+        paletteSections: 'default',
+        paletteDefault: 'custom'
+      }),
+      templateSettings: docusign.EnvelopeViewTemplateSettings.constructFromObject({
+        showMatchingTemplatesPrompt: 'true'
+      })
+    })
+  });
+
   return viewRequest;
 }
 //ds-snippet-end:eSign11Step3

package-lock.json

@@ -35,7 +35,7 @@
     "csurf": "^1.11.0",
     "docusign-admin": "^2.3.0",
     "docusign-click": "^2.2.0",
-    "docusign-esign": "^6.6.0-rc2",
+    "docusign-esign": "^7.0.0-rc1",
     "docusign-maestro": "1.0.0-rc3",
     "docusign-monitor": "^2.1.0",
     "docusign-rooms": "^2.0.0",

package.json

@@ -10,8 +10,8 @@
     <div class="form-group">
         <label for="startingView"><%= example.Forms[0].Inputs[0].InputName %></label>
         <select id="startingView" name="startingView" class="form-control">
-                <option value="tagging" selected>Tagging view</option>
-                <option value="recipient">Recipient &amp; Documents view</option>
+                <option value="Tagger" selected>Tagging view</option>
+                <option value="Prepare">Prepare view</option>
         </select>
     </div>
     <div class="form-group">