branding updates (#65)

Author: karissarjacobsen

LICENSE

@@ -1,6 +1,6 @@
 The MIT License
 
-Copyright (c) 2023 DocuSign, Inc. (https://www.docusign.com)
+Copyright (c) 2024 Docusign, Inc. (https://www.docusign.com)
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal

README.MD

@@ -7,31 +7,31 @@ MySuresample application written in Python 3.7 (server) and React (client). You
 
 MySure demonstrates the following:
 
-1. Authentication with DocuSign via [JSON Web Token (JWT) Grant](https://developers.docusign.com/platform/auth/jwt/)
-2. **Submit a claim:** [Source](./app/api/requests.py)   
-   This example demonstrates an integration for submitting a claim. It allows you to pass data received from the user to fill in a document. It also adds the ability to attach additional information to the document.  
-   * The document, based on an HTML template, is combined with Docusign AutoPlace and attachment features.  
-   * The signing ceremony is implemented with embedded signing for a single signer. 
-   * The DocuSign signing ceremony is initiated from your website.  
-   * Anchor text ([AutoPlace](https://developers.docusign.com/docs/esign-rest-api/esign101/concepts/tabs/auto-place/)) is used to position the signing fields in the document.  
+1. Authentication with Docusign via [JSON Web Token (JWT) Grant](https://developers.docusign.com/platform/auth/jwt/)
+2. **Submit a claim:** [Source](./app/api/requests.py)
+   This example demonstrates an integration for submitting a claim. It allows you to pass data received from the user to fill in a document. It also adds the ability to attach additional information to the document.
+   * The document, based on an HTML template, is combined with Docusign AutoPlace and attachment features.
+   * The signing ceremony is implemented with embedded signing for a single signer.
+   * The Docusign signing ceremony is initiated from your website.
+   * Anchor text ([AutoPlace](https://developers.docusign.com/docs/esign-rest-api/esign101/concepts/tabs/auto-place/)) is used to position the signing fields in the document.
    * [Adding attachments](https://developers.docusign.com/docs/esign-rest-api/esign101/concepts/documents/attachments/) enables users to add additional information to the document.
-3. **Renew an insurance policy.** [Source](./app/api/clickwrap.py)  
-   This example shows how to use the Click API to create a clickwrap programmatically, render it in your UI, and and then submit it. It also tracks the submission event and, just after submission, redirects the user to the final page.  
-   * [More information about Click API](https://developers.docusign.com/docs/click-api) 
-4. **Purchase a new insurance policy.** [Source](./app/api/requests.py)  
-   The example shows how to [request payment using DocuSign](https://developers.docusign.com/docs/esign-rest-api/how-to/request-a-payment/). It's implemented using an HTML-based template with [payment tabs](https://developers.docusign.com/docs/esign-rest-api/esign101/concepts/tabs/payment/). The document also includes different tab types, such as [Formula](https://developers.docusign.com/docs/esign-rest-api/esign101/concepts/tabs/calculated-fields/) and
-   [Checkbox](https://developers.docusign.com/docs/esign-rest-api/reference/envelopes/enveloperecipienttabs/).   
+3. **Renew an insurance policy.** [Source](./app/api/clickwrap.py)
+   This example shows how to use the Click API to create a clickwrap programmatically, render it in your UI, and and then submit it. It also tracks the submission event and, just after submission, redirects the user to the final page.
+   * [More information about Click API](https://developers.docusign.com/docs/click-api)
+4. **Purchase a new insurance policy.** [Source](./app/api/requests.py)
+   The example shows how to [request payment using Docusign](https://developers.docusign.com/docs/esign-rest-api/how-to/request-a-payment/). It's implemented using an HTML-based template with [payment tabs](https://developers.docusign.com/docs/esign-rest-api/esign101/concepts/tabs/payment/). The document also includes different tab types, such as [Formula](https://developers.docusign.com/docs/esign-rest-api/esign101/concepts/tabs/calculated-fields/) and
+   [Checkbox](https://developers.docusign.com/docs/esign-rest-api/reference/envelopes/enveloperecipienttabs/).
 
-   The document contains additional logic to calculate the total amount. At completion, the user is able to pay the calculated amount and get back to the original website.  
+   The document contains additional logic to calculate the total amount. At completion, the user is able to pay the calculated amount and get back to the original website.
 
    To use this example, [create a test payments gateway](#user-content-configuring-a-docusign-payments-gateway) for your developer account.
 
 ## Installation
 
 ### Prerequisites
-* A DocuSign Developer account (email and password) on [demo.docusign.net](https://demo.docusign.net). If you don't already have a developer account, create a [free account](https://go.docusign.com/sandbox/productshot/?elqCampaignId=16535).
-* A DocuSign integration key (a client ID) that is configured to use **JSON Web Token (JWT) Grant**.
-   You will need the **integration key** itself and its **RSA key pair**. To use this application, you must add your application's **Redirect URI** to your integration key. This [**video**](https://www.youtube.com/watch?v=GgDqa7-L0yo) demonstrates how to create an integration key (client ID) for a user application like this example. 
+* A Docusign Developer account (email and password) on [demo.docusign.net](https://demo.docusign.net). If you don't already have a developer account, create a [free account](https://go.docusign.com/sandbox/productshot/?elqCampaignId=16535).
+* A Docusign integration key (a client ID) that is configured to use **JSON Web Token (JWT) Grant**.
+   You will need the **integration key** itself and its **RSA key pair**. To use this application, you must add your application's **Redirect URI** to your integration key. This [**video**](https://www.youtube.com/watch?v=GgDqa7-L0yo) demonstrates how to create an integration key (client ID) for a user application like this example.
 * [Python 3.7+](https://www.python.org/downloads/)
 * The Python [venv](https://docs.python.org/3/library/venv.html#module-venv) module
 * [Node.js](https://nodejs.org/) v10+
@@ -49,8 +49,8 @@ MySure demonstrates the following:
 * **DS_PRIVATE_KEY** - Private key string, source or path; for instance: /app/id_rsa
 * **REACT_APP_DS_RETURN_URL** - URL where the back end of the application is located (If you run it locally, use `http://localhost:3000`)
 * **REACT_APP_API_BASE_URL** - URL where the front end of the application is located; will be used by Docusign to redirect back after signing ceremony (If you run it locally, use `http://localhost:5001/api`)
-* **DS_AUTH_SERVER** - The DocuSign authentication server (for testing purposes, use `https://account-d.docusign.com`)
-* **REACT_APP_DS_DEMO_SERVER** - Link to the DocuSign demo server (for testing purposes, use `https://demo.docusign.net`)
+* **DS_AUTH_SERVER** - The Docusign authentication server (for testing purposes, use `https://account-d.docusign.com`)
+* **REACT_APP_DS_DEMO_SERVER** - Link to the Docusign demo server (for testing purposes, use `https://demo.docusign.net`)
 * **REACT_APP_DS_CLICKWRAP_URL** - Link to the hosted clickwrap client (for testing purposes, use `//demo.docusign.net/clickapi/sdk/latest/docusign-click.js`)
 
 ### Installation steps
@@ -61,7 +61,7 @@ MySure demonstrates the following:
 2. Navigate to that folder: **`cd sample-app-mysure-python`**
 3. Install python packages: **`pip install -r requirements.txt`**
 4. Install React dependencies using the [npm](https://www.npmjs.com/) package manager:  **npm install**
-5. Update the **.env** file with the integration key and other settings.  
+5. Update the **.env** file with the integration key and other settings.
     > **Note:** Protect your integration key and client secret. You should make sure that the **.env** file will not be stored in your source code repository.
 6. Navigate to [the admin demo Apps and Keys page](https://admindemo.docusign.com/authenticate?goTo=appsAndKeys), add the Redirect URI http://localhost:3000/callback and then hit save
 
@@ -72,15 +72,15 @@ MySure demonstrates the following:
 1. Download or clone this repository to your workstation in a new folder named **sample-app-mysure-python**.
 2. Navigate to the scripts subfolder:**`cd sample-app-mysure-python/scripts`**
 3. Run the installation script: **`./install.sh`** (`./install.bat` for Windows)
-4. Update the **.env** file with the integration key and other settings.  
+4. Update the **.env** file with the integration key and other settings.
     > **Note:** Protect your integration key and client secret. You should make sure that the **.env** file will not be stored in your source code repository.
 5. Navigate to [the admin demo Apps and Keys page](https://admindemo.docusign.com/authenticate?goTo=appsAndKeys), add the Redirect URI http://localhost:3000/callback and then hit save
 
 ### Additional installation scripts
 All installation scripts are located in the **scripts** folder.
 1. To stop the application, run **`./stop.sh`**
 1. To remove the virtual environment and modules, run **`./clean.sh`**
-   
+
 ## Running MySure
 
 ### Manual
@@ -97,15 +97,15 @@ All installation scripts are located in the **scripts** folder.
 2. Run the application script: **`./run.sh`**
 3. Open a browser to **http://localhost:3000**
 
-### Configuring a DocuSign payments gateway
-DocuSign offers built-in connections to multiple payment gateways. The payments example in this sample app uses a demo account for the Stripe gateway service.
+### Configuring a Docusign payments gateway
+Docusign offers built-in connections to multiple payment gateways. The payments example in this sample app uses a demo account for the Stripe gateway service.
 
 To create the payments gateway account:
 
 1. Log in to your [developer account](https://appdemo.docusign.com/) and select Admin.
 2. On the Integrations/Payments screen, click Stripe.
-3. For development, you can skip the Stripe account application by using the `Skip this account form` on the top of the page.  
-  The Admin Panel will show that an enabled Stripe payment gateway account has been associated with your DocuSign developer account.
+3. For development, you can skip the Stripe account application by using the `Skip this account form` on the top of the page.
+  The Admin Panel will show that an enabled Stripe payment gateway account has been associated with your Docusign developer account.
 5. Configure the example launcher with the gateway account ID shown in the Admin panel.
 6. Add the payment gateway account ID to the **.env** file.
 

app/document.py

@@ -61,7 +61,7 @@ def create_claim(cls, tpl, claim, envelope_args):
         ).decode('ascii')
 
         # Create the document model
-        document = Document(  # Create the DocuSign document object
+        document = Document(  # Create the Docusign document object
             document_base64=base64_file_content,
             name='Submit a Claim',
             file_extension='html',

app/templates/multi-sign.html

@@ -4,7 +4,7 @@
     <meta charset="utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
-    <title>DocuSign</title>
+    <title>Docusign</title>
     <meta name="description" content="">
     <meta name="keywords" content="">
     <style>
@@ -158,7 +158,7 @@
             <nav class="navbar">
                 <a class="navbar-brand" href="#">
                     <span class="navbar-brand-image d-inline-block">
-                        <img src="data:image/png;base64,{{ img_base64_src }}" alt="DocuSign logo">
+                        <img src="data:image/png;base64,{{ img_base64_src }}" alt="Docusign logo">
                     </span>
                     MyUni
                 </a>

app/templates/new-insurance.html

@@ -5,13 +5,13 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <title>MySure: Buy New Insurance</title>
-    <meta name="description" content="See how the MySure DocuSign sample application for insurance incorporates a form enabling a user to sign up for a new policy. The form uses auto-place tabs and DocuSign Payments.">
+    <meta name="description" content="See how the MySure Docusign sample application for insurance incorporates a form enabling a user to sign up for a new policy. The form uses auto-place tabs and Docusign Payments.">
     <meta property="og:type" content="article" />
     <meta name="twitter:title" content="MySure: Buy New Insurance" />
-    <meta name="twitter:description" content="See how the MySure DocuSign sample application for insurance incorporates a form enabling a user to sign up for a new policy. The form uses auto-place tabs and DocuSign Payments." />
+    <meta name="twitter:description" content="See how the MySure Docusign sample application for insurance incorporates a form enabling a user to sign up for a new policy. The form uses auto-place tabs and Docusign Payments." />
     <meta property="og:title" content="MySure: Buy New Insurance" />
-    <meta property="og:description" content="See how the MySure DocuSign sample application for insurance incorporates a form enabling a user to sign up for a new policy. The form uses auto-place tabs and DocuSign Payments." />
-    <meta property="og:image" content="https://docutest-a.akamaihd.net/devcenter/t/img/MySure.png" />  
+    <meta property="og:description" content="See how the MySure Docusign sample application for insurance incorporates a form enabling a user to sign up for a new policy. The form uses auto-place tabs and Docusign Payments." />
+    <meta property="og:image" content="https://docutest-a.akamaihd.net/devcenter/t/img/MySure.png" />
     <style>
         /*cssreset*/
         html, body, div, span, applet, object, iframe,
@@ -136,7 +136,7 @@
             <nav class="navbar">
                 <a class="navbar-brand" href="#">
                     <span class="navbar-brand-image d-inline-block">
-                        <img src="data:image/png;base64,{{ img_base64_src }}" alt="DocuSign logo">
+                        <img src="data:image/png;base64,{{ img_base64_src }}" alt="Docusign logo">
                     </span>
                     MySure
                 </a>

app/templates/submit-claim.html

@@ -5,12 +5,12 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <title>MySure: Submit a Claim</title>
-    <meta name="description" content="See how the MySure DocuSign sample application for insurance allows a user to submit a claim electronically. Functions include embedded signing, auto-place tabs, and optional attachments.">
+    <meta name="description" content="See how the MySure Docusign sample application for insurance allows a user to submit a claim electronically. Functions include embedded signing, auto-place tabs, and optional attachments.">
     <meta property="og:type" content="article" />
     <meta name="twitter:title" content="MySure: Submit a Claim" />
-    <meta name="twitter:description" content="See how the MySure DocuSign sample application for insurance allows a user to submit a claim electronically. Functions include embedded signing, auto-place tabs, and optional attachments." />
+    <meta name="twitter:description" content="See how the MySure Docusign sample application for insurance allows a user to submit a claim electronically. Functions include embedded signing, auto-place tabs, and optional attachments." />
     <meta property="og:title" content="MySure: Submit a Claim" />
-    <meta property="og:description" content="See how the MySure DocuSign sample application for insurance allows a user to submit a claim electronically. Functions include embedded signing, auto-place tabs, and optional attachments." />
+    <meta property="og:description" content="See how the MySure Docusign sample application for insurance allows a user to submit a claim electronically. Functions include embedded signing, auto-place tabs, and optional attachments." />
     <meta property="og:image" content="https://docutest-a.akamaihd.net/devcenter/t/img/MySure.png" />
     <style>
         /*cssreset*/
@@ -149,7 +149,7 @@
             <nav class="navbar">
                 <a class="navbar-brand" href="#">
                     <span class="navbar-brand-image d-inline-block">
-                        <img src="data:image/png;base64,{{ img_base64_src }}" alt="DocuSign logo">
+                        <img src="data:image/png;base64,{{ img_base64_src }}" alt="Docusign logo">
                     </span>
                     MySure
                 </a>

public/favicon.ico

@@ -9,7 +9,7 @@
       })(window,document,'script','dataLayer','GTM-WPK6FN5');</script>
       <!-- End Google Tag Manager -->
     <meta charset="utf-8" />
-    <link rel="icon" href="favicon.ico" />
+    <link rel="icon" href="favicon.png" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
     <meta name="theme-color" content="#000000" />
     <meta
@@ -18,13 +18,13 @@
     />
     <link rel="apple-touch-icon" href="%PUBLIC_URL%/logo192.png" />
     <link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
-    <title>MySure DocuSign Sample Application</title>
-    <meta name="description" content="See how the MySure DocuSign sample application for insurance showcases the capabilities of the DocuSign API to enable you to integrate DocuSign functionality into your own applications.">
+    <title>MySure Docusign Sample Application</title>
+    <meta name="description" content="See how the MySure Docusign sample application for insurance showcases the capabilities of the Docusign API to enable you to integrate Docusign functionality into your own applications.">
     <meta property="og:type" content="article" />
-    <meta name="twitter:title" content="MySure DocuSign Sample Application" />
-    <meta name="twitter:description" content="See how the MySure DocuSign sample application for insurance showcases the capabilities of the DocuSign API to enable you to integrate DocuSign functionality into your own applications." />
-    <meta property="og:title" content="MySure DocuSign Sample Application" />
-    <meta property="og:description" content="See how the MySure DocuSign sample application for insurance showcases the capabilities of the DocuSign API to enable you to integrate DocuSign functionality into your own applications." />
+    <meta name="twitter:title" content="MySure Docusign Sample Application" />
+    <meta name="twitter:description" content="See how the MySure Docusign sample application for insurance showcases the capabilities of the Docusign API to enable you to integrate Docusign functionality into your own applications." />
+    <meta property="og:title" content="MySure Docusign Sample Application" />
+    <meta property="og:description" content="See how the MySure Docusign sample application for insurance showcases the capabilities of the Docusign API to enable you to integrate Docusign functionality into your own applications." />
     <meta property="og:image" content="%PUBLIC_URL%/MySure_OG.png" />
     <link href="https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,400;0,700;1,400;1,700&display=swap" rel="stylesheet">
     <link href="https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,400;0,700;1,400;1,700&family=Noto+Serif&display=swap" rel="stylesheet">