From 7867e10643288a8ed50bbfd66844401d8f2f6285 Mon Sep 17 00:00:00 2001
From: karissarjacobsen <73908223+karissarjacobsen@users.noreply.github.com>
Date: Wed, 2 Dec 2020 16:30:14 -0800
Subject: [PATCH] update apiv2 java launcher and restore jsp pages (#14)

---
 pom.xml                                       |   2 +-
 .../templates/views/pages/ds_return.jsp       |  25 ++++
 .../templates/views/pages/examples/eg001.jsp  |  40 ++++++
 .../templates/views/pages/examples/eg002.jsp  |  53 ++++++++
 .../templates/views/pages/examples/eg003.jsp  |  25 ++++
 .../templates/views/pages/examples/eg004.jsp  |  48 ++++++++
 .../templates/views/pages/examples/eg005.jsp  |  40 ++++++
 .../templates/views/pages/examples/eg006.jsp  |  43 +++++++
 .../templates/views/pages/examples/eg007.jsp  |  71 +++++++++++
 .../templates/views/pages/examples/eg008.jsp  |  34 +++++
 .../templates/views/pages/examples/eg009.jsp  |  79 ++++++++++++
 .../templates/views/pages/examples/eg010.jsp  |  53 ++++++++
 .../templates/views/pages/examples/eg011.jsp  |  66 ++++++++++
 .../templates/views/pages/examples/eg012.jsp  |  47 +++++++
 .../templates/views/pages/examples/eg013.jsp  | 116 ++++++++++++++++++
 .../templates/views/pages/examples/eg019.jsp  |  51 ++++++++
 .../templates/views/pages/examples/eg020.jsp  |  42 +++++++
 .../templates/views/pages/examples/eg021.jsp  |  43 +++++++
 18 files changed, 877 insertions(+), 1 deletion(-)
 create mode 100644 src/main/webapp/WEB-INF/templates/views/pages/ds_return.jsp
 create mode 100644 src/main/webapp/WEB-INF/templates/views/pages/examples/eg001.jsp
 create mode 100644 src/main/webapp/WEB-INF/templates/views/pages/examples/eg002.jsp
 create mode 100644 src/main/webapp/WEB-INF/templates/views/pages/examples/eg003.jsp
 create mode 100644 src/main/webapp/WEB-INF/templates/views/pages/examples/eg004.jsp
 create mode 100644 src/main/webapp/WEB-INF/templates/views/pages/examples/eg005.jsp
 create mode 100644 src/main/webapp/WEB-INF/templates/views/pages/examples/eg006.jsp
 create mode 100644 src/main/webapp/WEB-INF/templates/views/pages/examples/eg007.jsp
 create mode 100644 src/main/webapp/WEB-INF/templates/views/pages/examples/eg008.jsp
 create mode 100644 src/main/webapp/WEB-INF/templates/views/pages/examples/eg009.jsp
 create mode 100644 src/main/webapp/WEB-INF/templates/views/pages/examples/eg010.jsp
 create mode 100644 src/main/webapp/WEB-INF/templates/views/pages/examples/eg011.jsp
 create mode 100644 src/main/webapp/WEB-INF/templates/views/pages/examples/eg012.jsp
 create mode 100644 src/main/webapp/WEB-INF/templates/views/pages/examples/eg013.jsp
 create mode 100644 src/main/webapp/WEB-INF/templates/views/pages/examples/eg019.jsp
 create mode 100644 src/main/webapp/WEB-INF/templates/views/pages/examples/eg020.jsp
 create mode 100644 src/main/webapp/WEB-INF/templates/views/pages/examples/eg021.jsp

diff --git a/pom.xml b/pom.xml
index 9dd88a61..36e58e1a 100644
--- a/pom.xml
+++ b/pom.xml
@@ -19,7 +19,7 @@
         <project.build.sourceEncoding>UTF-8</project.build.sourceEncoding>
         <start-class>com.docusign.App</start-class>
         <java.version>1.8</java.version>
-        <lombok.version>1.14.8</lombok.version>
+        <lombok.version>1.18.6</lombok.version>
         <log4jdbc.log4j2.version>1.16</log4jdbc.log4j2.version>
         <rest.assured.version>2.3.3</rest.assured.version>
     </properties>
diff --git a/src/main/webapp/WEB-INF/templates/views/pages/ds_return.jsp b/src/main/webapp/WEB-INF/templates/views/pages/ds_return.jsp
new file mode 100644
index 00000000..393bdc79
--- /dev/null
+++ b/src/main/webapp/WEB-INF/templates/views/pages/ds_return.jsp
@@ -0,0 +1,25 @@
+<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
+<jsp:include page="../partials/head.jsp"/>
+
+<h2>Returned data from DocuSign!</h2>
+<p>Data:</p>
+
+<c:if test="${event != null}">
+    <p><strong>event: ${event}.</strong> This event parameter is supplied by DocuSign via the redirect URL.
+        Since it could have been spoofed, don't make business decisions based on
+        its value. Instead, query DocuSign as appropriate.</p>
+</c:if>
+
+<c:if test="${qpEnvelopeId != null}">
+    <p><strong>envelopeId: ${qpEnvelopeId}.</strong> The envelopeId parameter is supplied by DocuSign.</p>
+</c:if>
+
+<c:if test="${state != null}">
+    <p><strong>state: ${state}.</strong> This example state was sent to DocuSign and has now been received back.
+        It is usually better to store state in your web framework's session.</p>
+</c:if>
+
+
+<p><a href="/">Continue</a></p>
+
+<jsp:include page="../partials/foot.jsp"/>
diff --git a/src/main/webapp/WEB-INF/templates/views/pages/examples/eg001.jsp b/src/main/webapp/WEB-INF/templates/views/pages/examples/eg001.jsp
new file mode 100644
index 00000000..e4b7f241
--- /dev/null
+++ b/src/main/webapp/WEB-INF/templates/views/pages/examples/eg001.jsp
@@ -0,0 +1,40 @@
+<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
+<jsp:include page="../../partials/head.jsp"/>
+
+<h4>1. Embedded Signing</h4>
+<p>This example sends an envelope, and then uses Embedded signing for the first signer.</p>
+<p>Embedded signing provides a smoother user experience for the signer: DocuSign signing is initiated from
+    your website.</p>
+<c:if test="${showDoc}">
+    <p><a target='_blank' href='${documentation}'>Documentation</a> about this example.</p>
+</c:if>
+
+
+<p>API methods used:
+    <a target='_blank' rel="noopener noreferrer" href="https://developers.docusign.com/esign-rest-api/reference/Envelopes/Envelopes/create">Envelopes::create</a>
+    and
+    <a target='_blank' rel="noopener noreferrer"
+       href="https://developers.docusign.com/esign-rest-api/reference/Envelopes/EnvelopeViews/createRecipient">EnvelopeViews::createRecipient</a>.
+</p>
+<p>
+    View source file <a target="_blank" href="${sourceUrl}">${sourceFile}</a> on GitHub.
+</p>
+
+<form class="eg" action="" method="post" data-busy="form">
+    <div class="form-group">
+        <label for="signerEmail">Signer Email</label>
+        <input type="email" class="form-control" id="signerEmail" name="signerEmail"
+               aria-describedby="emailHelp" placeholder="pat@example.com" required
+               value="${locals.dsConfig.signerEmail}">
+        <small id="emailHelp" class="form-text text-muted">We'll never share your email with anyone else.</small>
+    </div>
+    <div class="form-group">
+        <label for="signerName">Signer Name</label>
+        <input type="text" class="form-control" id="signerName" placeholder="Pat Johnson" name="signerName"
+               value="${locals.dsConfig.signerName}" required>
+    </div>
+    <input type="hidden" name="_csrf" value="${csrfToken}">
+    <button type="submit" class="btn btn-docu">Submit</button>
+</form>
+
+<jsp:include page="../../partials/foot.jsp"/>
diff --git a/src/main/webapp/WEB-INF/templates/views/pages/examples/eg002.jsp b/src/main/webapp/WEB-INF/templates/views/pages/examples/eg002.jsp
new file mode 100644
index 00000000..89a09d5c
--- /dev/null
+++ b/src/main/webapp/WEB-INF/templates/views/pages/examples/eg002.jsp
@@ -0,0 +1,53 @@
+<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
+<jsp:include page="../../partials/head.jsp"/>
+
+<h4>2. Send an envelope with a remote (email) signer and cc recipient</h4>
+<p>The envelope includes a pdf, Word, and HTML document. Anchor text
+    (<a href="https://support.docusign.com/en/guides/AutoPlace-New-DocuSign-Experience">AutoPlace</a>)
+    is used to position the signing fields in the documents.
+</p>
+<p>This is a general example of creating and sending an envelope (a signing request) to multiple recipients,
+    with multiple documents, and with signature fields for the documents.</p>
+<c:if test="${showDoc}">
+    <p><a target='_blank' href='${documentation}'>Documentation</a> about this example.</p>
+</c:if>
+
+<p>API method used:
+    <a target='_blank' rel="noopener noreferrer" href="https://developers.docusign.com/esign-rest-api/reference/Envelopes/Envelopes/create">Envelopes::create</a>.
+</p>
+
+<p>
+    View source file <a target="_blank" href="${sourceUrl}">${sourceFile}</a> on GitHub.
+</p>
+
+<form class="eg" action="" method="post" data-busy="form">
+    <div class="form-group">
+        <label for="signerEmail">Signer Email</label>
+        <input type="email" class="form-control" id="signerEmail" name="signerEmail"
+               aria-describedby="emailHelp" placeholder="pat@example.com" required
+               value="${locals.dsConfig.signerEmail}">
+        <small id="emailHelp" class="form-text text-muted">We'll never share your email with anyone else.</small>
+    </div>
+    <div class="form-group">
+        <label for="signerName">Signer Name</label>
+        <input type="text" class="form-control" id="signerName" placeholder="Pat Johnson" name="signerName"
+               value="${locals.dsConfig.signerName}" required>
+    </div>
+    <div class="form-group">
+        <label for="ccEmail">CC Email</label>
+        <input type="email" class="form-control" id="ccEmail" name="ccEmail"
+               aria-describedby="emailHelp" placeholder="pat@example.com" required>
+        <small id="emailHelp" class="form-text text-muted">The email and/or name for the cc recipient must be different
+            from the signer.
+        </small>
+    </div>
+    <div class="form-group">
+        <label for="ccName">CC Name</label>
+        <input type="text" class="form-control" id="ccName" placeholder="Pat Johnson" name="ccName"
+               required>
+    </div>
+    <input type="hidden" name="_csrf" value="${csrfToken}">
+    <button type="submit" class="btn btn-docu">Submit</button>
+</form>
+
+<jsp:include page="../../partials/foot.jsp"/>
diff --git a/src/main/webapp/WEB-INF/templates/views/pages/examples/eg003.jsp b/src/main/webapp/WEB-INF/templates/views/pages/examples/eg003.jsp
new file mode 100644
index 00000000..9ceb15bd
--- /dev/null
+++ b/src/main/webapp/WEB-INF/templates/views/pages/examples/eg003.jsp
@@ -0,0 +1,25 @@
+<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
+<jsp:include page="../../partials/head.jsp"/>
+
+<h4>3. List envelopes in the user's account</h4>
+<p>List the envelopes created in the last 30 days.</p>
+<p>This example demonstrates how to query DocuSign about envelopes sent by the current user.</p>
+<c:if test="${showDoc}">
+    <p><a target='_blank' rel="noopener noreferrer" href='${documentation}'>Documentation</a> about this example.</p>
+</c:if>
+
+
+<p>API method used:
+    <a target='_blank' rel="noopener noreferrer"
+       href="https://developers.docusign.com/esign-rest-api/reference/Envelopes/Envelopes/listStatusChanges">Envelopes::listStatusChanges</a>.
+</p>
+<p>
+    View source file <a target="_blank" href="${sourceUrl}">${sourceFile}</a> on GitHub.
+</p>
+
+<form class="eg" action="" method="post" data-busy="form">
+    <input type="hidden" name="_csrf" value="${csrfToken}">
+    <button type="submit" class="btn btn-docu">Continue</button>
+</form>
+
+<jsp:include page="../../partials/foot.jsp"/>
diff --git a/src/main/webapp/WEB-INF/templates/views/pages/examples/eg004.jsp b/src/main/webapp/WEB-INF/templates/views/pages/examples/eg004.jsp
new file mode 100644
index 00000000..48807fbb
--- /dev/null
+++ b/src/main/webapp/WEB-INF/templates/views/pages/examples/eg004.jsp
@@ -0,0 +1,48 @@
+<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
+<jsp:include page="../../partials/head.jsp"/>
+
+<h4>4. Get an envelope's basic information and status</h4>
+<p>List the basic information about an envelope, including its overall status.
+    Additional API/SDK methods may be used to get additional information about the
+    envelope, its documents, recipients, etc.</p>
+
+<p>This example demonstrates how to obtain the latest information about
+    an envelope from DocuSign. Often an alternative is to use Connect
+    to enable DocuSign to proactively send your application updates when the
+    status of an envelope changes.
+</p>
+
+<c:if test="${showDoc == true}">
+    <p><a target='_blank' href='${documentation}'>Documentation</a> about this example.</p>
+</c:if>
+
+
+<p>API method used:
+    <a target='_blank' rel="noopener noreferrer" href="https://developers.docusign.com/esign-rest-api/reference/Envelopes/Envelopes/get">Envelopes::get</a>.
+</p>
+
+<p>
+    View source file <a target="_blank" href="${sourceUrl}">${sourceFile}</a> on GitHub.
+</p>
+
+<c:choose>
+    <c:when test="${envelopeOk == true}">
+        <p>The envelope you created via example 2 will be queried.</p>
+
+        <form class="eg" action="" method="post" data-busy="form">
+            <input type="hidden" name="_csrf" value="${csrfToken}">
+            <button type="submit" class="btn btn-docu">Continue</button>
+        </form>
+    </c:when>
+    <c:otherwise>
+        <p>Problem: please first create an envelope using <a href="eg002">example 2.</a> <br/>
+            Thank you.</p>
+
+        <form class="eg" action="eg002" method="get">
+            <button type="submit" class="btn btn-docu">Continue</button>
+        </form>
+    </c:otherwise>
+</c:choose>
+
+
+<jsp:include page="../../partials/foot.jsp"/>
diff --git a/src/main/webapp/WEB-INF/templates/views/pages/examples/eg005.jsp b/src/main/webapp/WEB-INF/templates/views/pages/examples/eg005.jsp
new file mode 100644
index 00000000..07852cba
--- /dev/null
+++ b/src/main/webapp/WEB-INF/templates/views/pages/examples/eg005.jsp
@@ -0,0 +1,40 @@
+<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
+<jsp:include page="../../partials/head.jsp"/>
+
+<h4>5. List an envelope's recipients and their status</h4>
+<p>List the envelope's recipients, including their current status.</p>
+
+<c:if test="${showDoc}">
+    <p><a target='_blank' href='${documentation}'>Documentation</a> about this example.</p>
+</c:if>
+
+
+<p>API method used:
+    <a target='_blank' rel="noopener noreferrer"
+       href="https://developers.docusign.com/esign-rest-api/reference/Envelopes/EnvelopeRecipients/list">EnvelopeRecipients::list</a>.
+</p>
+<p>
+    View source file <a target="_blank" href="${sourceUrl}">${sourceFile}</a> on GitHub.
+</p>
+
+<c:choose>
+    <c:when test="${envelopeOk}">
+        <p>The envelope you created via example 2 will be queried.</p>
+
+        <form class="eg" action="" method="post" data-busy="form">
+            <input type="hidden" name="_csrf" value="${csrfToken}">
+            <button type="submit" class="btn btn-docu">Continue</button>
+        </form>
+    </c:when>
+    <c:otherwise>
+        <p>Problem: please first create an envelope using <a href="eg002">example 2.</a> <br/>
+            Thank you.</p>
+
+        <form class="eg" action="eg002" method="get">
+            <button type="submit" class="btn btn-docu">Continue</button>
+        </form>
+    </c:otherwise>
+</c:choose>
+
+
+<jsp:include page="../../partials/foot.jsp"/>
diff --git a/src/main/webapp/WEB-INF/templates/views/pages/examples/eg006.jsp b/src/main/webapp/WEB-INF/templates/views/pages/examples/eg006.jsp
new file mode 100644
index 00000000..c2bf9a21
--- /dev/null
+++ b/src/main/webapp/WEB-INF/templates/views/pages/examples/eg006.jsp
@@ -0,0 +1,43 @@
+<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
+<jsp:include page="../../partials/head.jsp"/>
+
+<h4>6. List an envelope's documents</h4>
+<p>List the envelope's documents. A <em>Certificate of Completion</em> document
+    is also associated with every envelope.
+</p>
+
+<p>This method is often used to dynamically create a list of an envelope's documents
+    in preparation for enabling your user to download one or more of the documents.</p>
+<c:if test="${showDoc}">
+    <p><a target='_blank' href='${documentation}'>Documentation</a> about this example.</p>
+</c:if>
+
+
+<p>API method used:
+    <a target='_blank' rel="noopener noreferrer" href="https://developers.docusign.com/esign-rest-api/reference/Envelopes/EnvelopeDocuments/list">EnvelopeDocuments::list</a>.
+</p>
+
+<p>
+    View source file <a target="_blank" href="${sourceUrl}">${sourceFile}</a> on GitHub.
+</p>
+
+<c:choose>
+    <c:when test="${envelopeOk}">
+        <p>The envelope you created via example 2 will be queried.</p>
+
+        <form class="eg" action="" method="post" data-busy="form">
+            <input type="hidden" name="_csrf" value="${csrfToken}">
+            <button type="submit" class="btn btn-docu">Continue</button>
+        </form>
+    </c:when>
+    <c:otherwise>
+        <p>Problem: please first create an envelope using <a href="eg002">example 2.</a> <br/>
+            Thank you.</p>
+
+        <form class="eg" action="eg002" method="get">
+            <button type="submit" class="btn btn-docu">Continue</button>
+        </form>
+    </c:otherwise>
+</c:choose>
+
+<jsp:include page="../../partials/foot.jsp"/>
diff --git a/src/main/webapp/WEB-INF/templates/views/pages/examples/eg007.jsp b/src/main/webapp/WEB-INF/templates/views/pages/examples/eg007.jsp
new file mode 100644
index 00000000..84bec4ab
--- /dev/null
+++ b/src/main/webapp/WEB-INF/templates/views/pages/examples/eg007.jsp
@@ -0,0 +1,71 @@
+<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
+<jsp:include page="../../partials/head.jsp"/>
+
+<h4>7. Download a document from an envelope</h4>
+<p>An envelope's documents can be downloaded one by one or as a complete set.</p>
+<p>Document download options:</p>
+<ul>
+    <li><strong>Combined</strong>: a PDF with the combined content of all documents and the
+        certificate
+    </li>
+    <li><strong>Zip Archive</strong>: a ZIP archive that contains all of the PDF documents,
+        the certificate, and any .WAV files used for voice authentication.
+    </li>
+    <li>The envelope's individual documents</li>
+    <li>The envelope's Certificate of Completion</li>
+</ul>
+<c:if test="${showDoc}">
+    <p><a target='_blank' href='${documentation}'>Documentation</a> about this example.</p>
+</c:if>
+
+
+<p>API method used:
+    <a target='_blank' rel="noopener noreferrer" href="https://developers.docusign.com/esign-rest-api/reference/Envelopes/EnvelopeDocuments/get">EnvelopeDocuments::get</a>.
+</p>
+
+<p>
+    View source file <a target="_blank" href="${sourceUrl}">${sourceFile}</a> on GitHub.
+</p>
+
+<c:choose>
+    <c:when test="${not envelopeOk}">
+        <p>Problem: please first create an envelope using <a href="eg002">example 2.</a> <br/>
+            You will then need to use example 6 to create the list of documents.<br/>
+            Thank you.</p>
+
+        <form class="eg" action="eg002" method="get">
+            <button type="submit" class="btn btn-docu">Continue</button>
+        </form>
+    </c:when>
+    <c:when test="${not documentsOk}">
+        <p>Problem: please first create a list of the envelope's documents using
+            <a href="eg006">example 6.</a> <br/>
+            Thank you.</p>
+
+        <form class="eg" action="eg006" method="get">
+            <button type="submit" class="btn btn-docu">Continue</button>
+        </form>
+    </c:when>
+    <c:otherwise>
+        <p>Please choose a document.<br/>
+            The document list is from your results for example 6.</p>
+
+        <form class="eg" action="" method="post" data-busy="form-download">
+            <div class="form-group">
+                <label for="docSelect">Document selection</label>
+                <select class="custom-select" id="docSelect"
+                        name="docSelect" aria-describedby="emailHelp">
+                    <c:forEach begin="0" end="${documentOptions.size()}" varStatus="loop">
+                        <option value="${documentOptions[loop.index].documentId}">
+                                ${documentOptions[loop.index].text}
+                        </option>
+                    </c:forEach>
+                </select>
+            </div>
+            <input type="hidden" name="_csrf" value="${csrfToken}">
+            <button type="submit" class="btn btn-docu">Continue</button>
+        </form>
+    </c:otherwise>
+</c:choose>
+
+<jsp:include page="../../partials/foot.jsp"/>
diff --git a/src/main/webapp/WEB-INF/templates/views/pages/examples/eg008.jsp b/src/main/webapp/WEB-INF/templates/views/pages/examples/eg008.jsp
new file mode 100644
index 00000000..141e82ca
--- /dev/null
+++ b/src/main/webapp/WEB-INF/templates/views/pages/examples/eg008.jsp
@@ -0,0 +1,34 @@
+<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
+<jsp:include page="../../partials/head.jsp"/>
+
+<h4>8. Create a template</h4>
+<p>Create a template with two roles, <strong>signer</strong> and <strong>cc</strong>.
+    The template includes three documents.
+</p>
+
+<p>Templates are usually created using the DocuSign web tool. This example creates
+    a template that will later be used by other examples in this launcher. </p>
+
+<p>This example first lists the user's templates and only creates a new template if one does not already exist in your
+    account.
+</p>
+<c:if test="${showDoc}">
+    <p><a target='_blank' href='${documentation}'>Documentation</a> about this example.</p>
+</c:if>
+
+
+<p>API methods used:
+    <a target='_blank' rel="noopener noreferrer" href="https://developers.docusign.com/esign-rest-api/reference/Templates/Templates/list">Templates::list</a>,
+    <a target='_blank' rel="noopener noreferrer" href="https://developers.docusign.com/esign-rest-api/reference/Templates/Templates/create">Templates::create</a>.
+</p>
+
+<p>
+    View source file <a target="_blank" href="${sourceUrl}">${sourceFile}</a> on GitHub.
+</p>
+
+<form class="eg" action="" method="post" data-busy="form">
+    <input type="hidden" name="_csrf" value="${csrfToken}">
+    <button type="submit" class="btn btn-docu">Continue</button>
+</form>
+
+<jsp:include page="../../partials/foot.jsp"/>
diff --git a/src/main/webapp/WEB-INF/templates/views/pages/examples/eg009.jsp b/src/main/webapp/WEB-INF/templates/views/pages/examples/eg009.jsp
new file mode 100644
index 00000000..b633f5ec
--- /dev/null
+++ b/src/main/webapp/WEB-INF/templates/views/pages/examples/eg009.jsp
@@ -0,0 +1,79 @@
+<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
+<jsp:include page="../../partials/head.jsp"/>
+
+<h4>9. Send an envelope using a template</h4>
+<p>The envelope is defined by the template.
+    The signer and cc recipient name and email are used to fill in the template's <em>roles</em>.</p>
+
+<p>This example demonstrates a common pattern for DocuSign integrations: envelopes will
+    be sent programmatically, based on a template. If the template definition needs to be
+    updated, the DocuSign web tool can be used to easily update the template, thus
+    avoiding the need to make software changes.
+</p>
+
+<c:if test="${showDoc}">
+    <p><a target='_blank' href='${documentation}'>Documentation</a> about this example.</p>
+</c:if>
+
+
+<p>API method used:
+    <a target='_blank' rel="noopener noreferrer" href="https://developers.docusign.com/esign-rest-api/reference/Envelopes/Envelopes/create">Envelopes::create</a>.
+</p>
+<p>
+    View source file <a target="_blank" href="${sourceUrl}">${sourceFile}</a> on GitHub.
+</p>
+
+<c:choose>
+    <c:when test="${not empty listTemplates}">
+        <p>The template you created via example 8 will be used.</p>
+
+        <form class="eg" action="" method="post" data-busy="form">
+            <div class="form-group">
+                <label for="templateId">Envelope template</label> <select
+                    id="templateId" name="templateId" class="form-control">
+                    <c:forEach items="${listTemplates}" var="template">
+                        <option value="${template.templateId}">${template.name}</option>
+                    </c:forEach>
+                </select>
+            </div>
+            <div class="form-group">
+                <label for="signerEmail">Signer Email</label>
+                <input type="email" class="form-control" id="signerEmail" name="signerEmail"
+                       aria-describedby="emailHelp" placeholder="pat@example.com" required
+                       value="${locals.dsConfig.signerEmail}">
+                <small id="emailHelp" class="form-text text-muted">We'll never share your email with anyone else.
+                </small>
+            </div>
+            <div class="form-group">
+                <label for="signerName">Signer Name</label>
+                <input type="text" class="form-control" id="signerName" placeholder="Pat Johnson" name="signerName"
+                       value="${locals.dsConfig.signerName}" required>
+            </div>
+            <div class="form-group">
+                <label for="ccEmail">CC Email</label>
+                <input type="email" class="form-control" id="ccEmail" name="ccEmail"
+                       aria-describedby="emailHelp" placeholder="pat@example.com" required>
+                <small id="emailHelp" class="form-text text-muted">The email and/or name for the cc recipient must be
+                    different from the signer.
+                </small>
+            </div>
+            <div class="form-group">
+                <label for="ccName">CC Name</label>
+                <input type="text" class="form-control" id="ccName" placeholder="Pat Johnson" name="ccName"
+                       required>
+            </div>
+            <input type="hidden" name="_csrf" value="${csrfToken}">
+            <button type="submit" class="btn btn-docu">Submit</button>
+        </form>
+    </c:when>
+    <c:otherwise>
+        <p>Problem: please first create the template using <a href="eg008">example 8.</a> <br/>
+            Thank you.</p>
+
+        <form class="eg" action="eg008" method="get">
+            <button type="submit" class="btn btn-docu">Continue</button>
+        </form>
+    </c:otherwise>
+</c:choose>
+
+<jsp:include page="../../partials/foot.jsp"/>
diff --git a/src/main/webapp/WEB-INF/templates/views/pages/examples/eg010.jsp b/src/main/webapp/WEB-INF/templates/views/pages/examples/eg010.jsp
new file mode 100644
index 00000000..4ef4f034
--- /dev/null
+++ b/src/main/webapp/WEB-INF/templates/views/pages/examples/eg010.jsp
@@ -0,0 +1,53 @@
+<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
+<jsp:include page="../../partials/head.jsp"/>
+
+<h4>10. Send an envelope using binary document transfer</h4>
+<p>The envelope includes a pdf, Word, and HTML document.</p>
+<p>Multipart data transfer is used to send the documents in binary format to DocuSign.
+    Binary transfer is 33% more efficient than base64 encoding and is recommended for documents over 15M Bytes.
+</p>
+
+<p>Since binary transfer is not yet supported by the SDK, this example uses the API directly and
+    demonstrates how to do so.</p>
+<c:if test="showDoc">
+    <p><a target='_blank' href='${documentation}'>Documentation</a> about this example.</p>
+</c:if>
+
+
+<p>API method used:
+    <a target='_blank' rel="noopener noreferrer" href="https://developers.docusign.com/esign-rest-api/reference/Envelopes/Envelopes/create">Envelopes::create</a>.
+</p>
+
+<p>
+    View source file <a target="_blank" href="${sourceUrl}">${sourceFile}</a> on GitHub.
+</p>
+
+<form class="eg" action="" method="post" data-busy="form">
+    <div class="form-group">
+        <label for="signerEmail">Signer Email</label>
+        <input type="email" class="form-control" id="signerEmail" name="signerEmail"
+               aria-describedby="emailHelp" placeholder="pat@example.com" required
+               value="${locals.dsConfig.signerEmail}">
+        <small id="emailHelp" class="form-text text-muted">We'll never share your email with anyone else.</small>
+    </div>
+    <div class="form-group">
+        <label for="signerName">Signer Name</label>
+        <input type="text" class="form-control" id="signerName" placeholder="Pat Johnson" name="signerName"
+               value="${locals.dsConfig.signerName}" required>
+    </div>
+    <div class="form-group">
+        <label for="ccEmail">CC Email</label>
+        <input type="email" class="form-control" id="ccEmail" name="ccEmail"
+               aria-describedby="emailHelp" placeholder="pat@example.com" required>
+        <small id="emailHelp" class="form-text text-muted">The email and/or name for the cc recipient must be different from the signer.</small>
+    </div>
+    <div class="form-group">
+        <label for="ccName">CC Name</label>
+        <input type="text" class="form-control" id="ccName" placeholder="Pat Johnson" name="ccName"
+               required>
+    </div>
+    <input type="hidden" name="_csrf" value="${csrfToken}">
+    <button type="submit" class="btn btn-docu">Submit</button>
+</form>
+
+<jsp:include page="../../partials/foot.jsp"/>
diff --git a/src/main/webapp/WEB-INF/templates/views/pages/examples/eg011.jsp b/src/main/webapp/WEB-INF/templates/views/pages/examples/eg011.jsp
new file mode 100644
index 00000000..45c7c5b6
--- /dev/null
+++ b/src/main/webapp/WEB-INF/templates/views/pages/examples/eg011.jsp
@@ -0,0 +1,66 @@
+<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
+<jsp:include page="../../partials/head.jsp"/>
+
+<h4>11. Use embedded sending</h4>
+<p>An envelope will be created in draft mode. Your browser will then be redirected to
+    the DocuSign web tool where the envelope can be (optionally) updated and then sent.</p>
+<p>The envelope includes a pdf, Word, and HTML document. Anchor text
+    (<a href="https://support.docusign.com/en/guides/AutoPlace-New-DocuSign-Experience">AutoPlace</a>)
+    is used to position the signing fields in the documents.</p>
+<p>DocuSign recommends that you enhance your application as needed to avoid the need
+    for the embedded sender view.
+</p>
+<p>For example, if the sender view is used to optionally
+    add additional documents to the envelope, enhance your app to provide the
+    needed feature (see example 13 for adding additional documents programmatically).
+</p>
+<c:if test="${showDoc}">
+    <p><a target='_blank' href='${documentation}'>Documentation</a> about this example.</p>
+</c:if>
+
+
+<p>API methods used:
+    <a target='_blank' rel="noopener noreferrer" href="https://developers.docusign.com/esign-rest-api/reference/Envelopes/Envelopes/create">Envelopes::create</a> and
+    <a target='_blank' rel="noopener noreferrer" href="https://developers.docusign.com/esign-rest-api/reference/Envelopes/EnvelopeViews/createSender">EnvelopeViews::createSender</a>.
+</p>
+
+<p>
+    View source file <a target="_blank" href="${sourceUrl}">${sourceFile}</a> on GitHub.
+</p>
+
+<form class="eg" action="" method="post" data-busy="form">
+    <div class="form-group">
+        <label for="startingView">Starting View</label>
+        <select id="startingView" name="startingView" class="form-control">
+            <option value="tagging" selected>Tagging view</option>
+            <option value="recipient">Recipient &amp; Documents view</option>
+        </select>
+    </div>
+    <div class="form-group">
+        <label for="signerEmail">Signer Email</label>
+        <input type="email" class="form-control" id="signerEmail" name="signerEmail"
+               aria-describedby="emailHelp" placeholder="pat@example.com" required
+               value="${locals.dsConfig.signerEmail}">
+        <small id="emailHelp" class="form-text text-muted">We'll never share your email with anyone else.</small>
+    </div>
+    <div class="form-group">
+        <label for="signerName">Signer Name</label>
+        <input type="text" class="form-control" id="signerName" placeholder="Pat Johnson" name="signerName"
+               value="${locals.dsConfig.signerName}" required>
+    </div>
+    <div class="form-group">
+        <label for="ccEmail">CC Email</label>
+        <input type="email" class="form-control" id="ccEmail" name="ccEmail"
+               aria-describedby="emailHelp" placeholder="pat@example.com" required>
+        <small id="emailHelp" class="form-text text-muted">The email and/or name for the cc recipient must be different from the signer.</small>
+    </div>
+    <div class="form-group">
+        <label for="ccName">CC Name</label>
+        <input type="text" class="form-control" id="ccName" placeholder="Pat Johnson" name="ccName"
+               required>
+    </div>
+    <input type="hidden" name="_csrf" value="${csrfToken}">
+    <button type="submit" class="btn btn-docu">Submit</button>
+</form>
+
+<jsp:include page="../../partials/foot.jsp"/>
diff --git a/src/main/webapp/WEB-INF/templates/views/pages/examples/eg012.jsp b/src/main/webapp/WEB-INF/templates/views/pages/examples/eg012.jsp
new file mode 100644
index 00000000..cc3c8905
--- /dev/null
+++ b/src/main/webapp/WEB-INF/templates/views/pages/examples/eg012.jsp
@@ -0,0 +1,47 @@
+<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
+<jsp:include page="../../partials/head.jsp"/>
+
+<h4>12. Embedded DocuSign web tool</h4>
+<p>Redirect the user to the DocuSign web tool.</p>
+<p>Use this API call to open the DocuSign web tool, the NDSE (New DocuSign Signing Experience),
+    with the user already logged in.</p>
+<p>The starting view can be either an envelope's documents or the web tool's front page.</p>
+<p>The user does not necessarily return from the NDSE, so using this API call is often a final
+    step for your application.
+    Or you can open the NDSE in a new tab for the user.
+</p>
+
+<c:if test="${showDoc}">
+    <p><a target='_blank' href='${documentation}'>Documentation</a> about this example.</p>
+</c:if>
+
+
+<p>API method used:
+    <a target='_blank' rel="noopener noreferrer"
+       href="https://developers.docusign.com/esign-rest-api/reference/Envelopes/EnvelopeViews/createConsole">EnvelopeViews::createConsole</a>.
+</p>
+
+<p>
+    View source file <a target="_blank" href="${sourceUrl}">${sourceFile}</a> on GitHub.
+</p>
+<c:if test="${not envelopeOk}">
+    <p><strong>Optional:</strong> to use the <em>Envelope's document view</em> please first create an envelope using
+        <a href="eg002">example 2.</a></p>
+</c:if>
+
+
+<form class="eg" action="" method="post" data-busy="form">
+    <div class="form-group">
+        <label for="startingView">Starting View</label>
+        <select id="startingView" name="startingView" class="form-control">
+            <option value="frontPage" selected>Front page</option>
+            <option value="envelope" ${envelopeOk ? '' : 'disabled="true"'} >
+                The envelope's documents view
+            </option>
+        </select>
+    </div>
+    <input type="hidden" name="_csrf" value="${csrfToken}">
+    <button type="submit" class="btn btn-docu">Continue</button>
+</form>
+
+<jsp:include page="../../partials/foot.jsp"/>
diff --git a/src/main/webapp/WEB-INF/templates/views/pages/examples/eg013.jsp b/src/main/webapp/WEB-INF/templates/views/pages/examples/eg013.jsp
new file mode 100644
index 00000000..56bf1b82
--- /dev/null
+++ b/src/main/webapp/WEB-INF/templates/views/pages/examples/eg013.jsp
@@ -0,0 +1,116 @@
+<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
+<jsp:include page="../../partials/head.jsp"/>
+
+<h4>13. Use embedded signing from a template with an added document</h4>
+<c:if test="${templateOk}">
+    <p>This example sends an envelope based on a template.</p>
+    <p>In addition to the template's document(s), the example adds an
+        additional document to the envelope by using the
+        <a target='_blank' rel="noopener noreferrer" 
+           href='https://developers.docusign.com/esign-rest-api/guides/features/templates#composite-templates'>Composite
+            Templates</a>
+        feature.</p>
+    <p>In this example, the additional document is an HTML document that
+        includes order details with information from the form below.</p>
+    <p>This example then enables you to sign the envelope using embedded signing.</p>
+    <p>Embedded signing provides a smoother user experience for a signer who is
+        already logged into your web application since the DocuSign
+        signing is initiated from your website.</p>
+</c:if>
+
+<c:if test="${showDoc}">
+    <p><a target='_blank' href='${documentation}'>Documentation</a> about this example.</p>
+</c:if>
+
+
+<p>API methods used:
+    <a target='_blank' rel="noopener noreferrer" href="https://developers.docusign.com/esign-rest-api/reference/Envelopes/Envelopes/create">Envelopes::create</a>
+    and
+    <a target='_blank' rel="noopener noreferrer"
+       href="https://developers.docusign.com/esign-rest-api/reference/Envelopes/EnvelopeViews/createRecipient">EnvelopeViews::createRecipient</a>.
+</p>
+<p>
+    View source file <a target="_blank" href="${sourceUrl}">${sourceFile}</a> on GitHub.
+</p>
+<c:choose>
+    <c:when test="${not empty listTemplates}">
+        <p>The template you created via example 8 will be used.</p>
+
+        <form class="eg" action="" method="post" data-busy="form">
+            <div class="form-group">
+                <label for="templateId">Envelope template</label> <select
+                    id="templateId" name="templateId" class="form-control">
+                    <c:forEach items="${listTemplates}" var="template">
+                        <option value="${template.templateId}">${template.name}</option>
+                    </c:forEach>
+                </select>
+            </div>
+            <div class="form-group">
+                <label for="signerEmail">Signer Email</label>
+                <input type="email" class="form-control" id="signerEmail" name="signerEmail"
+                       aria-describedby="emailHelp" placeholder="pat@example.com" required
+                       value="${locals.dsConfig.signerEmail}">
+                <small id="emailHelp" class="form-text text-muted">We'll never share your email with anyone else.
+                </small>
+            </div>
+            <div class="form-group">
+                <label for="signerName">Signer Name</label>
+                <input type="text" class="form-control" id="signerName" placeholder="Pat Johnson" name="signerName"
+                       value="${locals.dsConfig.signerName}" required>
+            </div>
+            <div class="form-group">
+                <label for="ccEmail">CC Email</label>
+                <input type="email" class="form-control" id="ccEmail" name="ccEmail"
+                       aria-describedby="emailHelp" placeholder="pat@example.com" required>
+                <small id="emailHelp" class="form-text text-muted">The email and/or name for the cc recipient must be
+                    different
+                    from the signer.
+                </small>
+            </div>
+            <div class="form-group">
+                <label for="ccName">CC Name</label>
+                <input type="text" class="form-control" id="ccName" placeholder="Pat Johnson" name="ccName"
+                       required>
+            </div>
+            <p>
+            <hr class='styled'/>
+            </p>
+            <div class="form-group">
+                <label for="item">Item</label>
+                <select id="item" name="item" class="form-control">
+                    <option>Apples</option>
+                    <option selected>Avocados</option>
+                    <option>Oranges</option>
+                </select>
+            </div>
+            <div class="form-group">
+                <label for="quantity">Quantity</label>
+                <select id="quantity" name="quantity" class="form-control">
+                    <option>10</option>
+                    <option selected>20</option>
+                    <option>30</option>
+                    <option>40</option>
+                    <option>50</option>
+                    <option>60</option>
+                    <option>70</option>
+                    <option>80</option>
+                    <option>90</option>
+                    <option>100</option>
+                </select>
+            </div>
+            <input type="hidden" name="_csrf" value="${csrfToken}">
+            <button type="submit" class="btn btn-docu">Submit</button>
+        </form>
+    </c:when>
+    <c:otherwise>
+        <p>Problem: please first create the template using <a href="eg008">example 8.</a> <br/>
+            Thank you.</p>
+
+        <form class="eg" action="eg008" method="get">
+            <button type="submit" class="btn btn-docu">Continue</button>
+        </form>
+    </c:otherwise>
+</c:choose>
+
+
+<jsp:include page="../../partials/foot.jsp"/>
diff --git a/src/main/webapp/WEB-INF/templates/views/pages/examples/eg019.jsp b/src/main/webapp/WEB-INF/templates/views/pages/examples/eg019.jsp
new file mode 100644
index 00000000..43a6dc6d
--- /dev/null
+++ b/src/main/webapp/WEB-INF/templates/views/pages/examples/eg019.jsp
@@ -0,0 +1,51 @@
+<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
+<jsp:include page="../../partials/head.jsp"/>
+
+<h4>19. Send an envelope with a recipient using Access Code Authentication.</h4>
+
+<p>
+    The envelope includes a pdf document. Anchor text
+    (<a href="https://support.docusign.com/en/guides/AutoPlace-New-DocuSign-Experience">AutoPlace</a>)
+    is used to position the signing fields in the documents.
+</p>
+<p>
+    This is a general example of creating and sending an envelope (a signing request) using An Access Code for Recipient Authentication.
+</p>
+
+<c:if test="${showDoc}">
+<p><a target='_blank' href='${documentation}'>Documentation</a> about this example.</p>
+</c:if>
+
+<p>API method used:
+    <a target='_blank' rel="noopener noreferrer" href="https://developers.docusign.com/esign-rest-api/reference/Envelopes/Envelopes/create">Envelopes::create</a>.
+</p>
+
+<p>
+    View source file <a target="_blank" href="${sourceUrl}">${sourceFile}</a> on GitHub.
+</p>
+
+
+        <form class="eg" action="" method="post" data-busy="form">
+            <div class="form-group">
+                <label for="accessCode">Access Code</label>
+                <input type="text" class="form-control" id="accessCode" name="accessCode"
+                       aria-describedby="acText" placeholder="Enter a recipient access code here" required>
+                <small id="acText" class="form-text text-muted">Provide this string to a recipient that is different such as in person or by mail or via different email.</small>
+            </div>
+            <div class="form-group">
+                <label for="signerEmail">Signer Email</label>
+                <input type="email" class="form-control" id="signerEmail" name="signerEmail"
+                       aria-describedby="emailHelp" placeholder="pat@example.com" required
+                       value="${locals.dsConfig.signerEmail}">
+                <small id="emailHelp" class="form-text text-muted">We'll never share your email with anyone else.</small>
+            </div>
+            <div class="form-group">
+                <label for="signerName">Signer Name</label>
+                <input type="text" class="form-control" id="signerName" placeholder="Pat Johnson" name="signerName"
+                       value="${locals.dsConfig.signerName}" required>
+            </div>
+            <input type="hidden" name="_csrf" value="${csrfToken}">
+            <button type="submit" class="btn btn-docu">Submit</button>
+        </form>
+
+<jsp:include page="../../partials/foot.jsp"/>
diff --git a/src/main/webapp/WEB-INF/templates/views/pages/examples/eg020.jsp b/src/main/webapp/WEB-INF/templates/views/pages/examples/eg020.jsp
new file mode 100644
index 00000000..6ba63d61
--- /dev/null
+++ b/src/main/webapp/WEB-INF/templates/views/pages/examples/eg020.jsp
@@ -0,0 +1,42 @@
+<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
+<jsp:include page="../../partials/head.jsp"/>
+
+<h4>20. Send an envelope with a recipient using SMS Authentication.</h4>
+
+<c:if test="${showDoc}">
+    <p><a target='_blank' href='${documentation}'>Documentation</a> about this example.</p>
+</c:if>
+
+<p>API method used:
+    <a target='_blank' rel="noopener noreferrer" href="https://developers.docusign.com/esign-rest-api/reference/Envelopes/Envelopes/create">Envelopes::create</a>.
+</p>
+
+<p>
+    View source file <a target="_blank" href="${sourceUrl}">${sourceFile}</a> on GitHub.
+</p>
+
+
+<form class="eg" action="" method="post" data-busy="form">
+    <div class="form-group">
+        <label for="phoneNumber">Signer SMS Phone Number</label>
+        <input type="text" class="form-control" id="phoneNumber" placeholder="415-555-1212" name="phoneNumber"
+               value="" required>
+    </div>
+    <div class="form-group">
+        <label for="signerEmail">Signer Email</label>
+        <input type="email" class="form-control" id="signerEmail" name="signerEmail"
+               aria-describedby="emailHelp" placeholder="pat@example.com" required
+               value="${locals.dsConfig.signerEmail}">
+        <small id="emailHelp" class="form-text text-muted">We'll never share your email with anyone else.</small>
+    </div>
+    <div class="form-group">
+        <label for="signerName">Signer Name</label>
+        <input type="text" class="form-control" id="signerName" placeholder="Pat Johnson" name="signerName"
+               value="${locals.dsConfig.signerName}" required>
+    </div>
+
+    <input type="hidden" name="_csrf" value="${csrfToken}">
+    <button type="submit" class="btn btn-docu">Submit</button>
+</form>
+
+<jsp:include page="../../partials/foot.jsp"/>
diff --git a/src/main/webapp/WEB-INF/templates/views/pages/examples/eg021.jsp b/src/main/webapp/WEB-INF/templates/views/pages/examples/eg021.jsp
new file mode 100644
index 00000000..5b61baff
--- /dev/null
+++ b/src/main/webapp/WEB-INF/templates/views/pages/examples/eg021.jsp
@@ -0,0 +1,43 @@
+<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
+<jsp:include page="../../partials/head.jsp"/>
+
+<h4>21. Send an envelope with a recipient using Phone Authentication.</h4>
+
+<c:if test="${showDoc}">
+    <p><a target='_blank' href='${documentation}'>Documentation</a> about this example.</p>
+</c:if>
+
+<p>API method used:
+    <a target='_blank' rel="noopener noreferrer" href="https://developers.docusign.com/esign-rest-api/reference/Envelopes/Envelopes/create">Envelopes::create</a>.
+</p>
+
+<p>
+    View source file <a target="_blank" href="${sourceUrl}">${sourceFile}</a> on GitHub.
+</p>
+
+
+<form class="eg" action="" method="post" data-busy="form">
+
+    <div class="form-group">
+        <label for="phoneNumber">Signer Phone Number</label>
+        <input type="text" class="form-control" id="phoneNumber" placeholder="415-555-1212" name="phoneNumber"
+               value="" required>
+    </div>
+
+    <div class="form-group">
+        <label for="signerEmail">Signer Email</label>
+        <input type="email" class="form-control" id="signerEmail" name="signerEmail"
+               aria-describedby="emailHelp" placeholder="pat@example.com" required
+               value="${locals.dsConfig.signerEmail}">
+        <small id="emailHelp" class="form-text text-muted">We'll never share your email with anyone else.</small>
+    </div>
+    <div class="form-group">
+        <label for="signerName">Signer Name</label>
+        <input type="text" class="form-control" id="signerName" placeholder="Pat Johnson" name="signerName"
+               value="${locals.dsConfig.signerName}" required>
+    </div>
+    <input type="hidden" name="_csrf" value="${csrfToken}">
+    <button type="submit" class="btn btn-docu">Submit</button>
+</form>
+
+<jsp:include page="../../partials/foot.jsp"/>