feat: add zendesk help (#580)

Add zendesk js library on frontend-app-authn to connect users with help desk. VAN-958
2022-06-01 15:24:37 +05:00
parent bce8aa712d
commit b04257a62d
4 changed files with 58 additions and 0 deletions
--- a/.env
+++ b/.env
@@ -26,3 +26,5 @@ ENABLE_PROGRESSIVE_PROFILING=''
 MARKETING_EMAILS_OPT_IN=''
 ENABLE_COPPA_COMPLIANCE=''
 SHOW_DYNAMIC_PROFILING_PAGE=''
+ZENDESK_KEY=''
+ZENDESK_LOGO_URL=''
--- a/.env.development
+++ b/.env.development
@@ -31,3 +31,5 @@ DISABLE_ENTERPRISE_LOGIN=''
 REGISTER_CONVERSION_COOKIE_NAME='openedx-user-register-conversion'
 ENABLE_COPPA_COMPLIANCE=''
 MARKETING_EMAILS_OPT_IN=''
+ZENDESK_KEY=''
+ZENDESK_LOGO_URL=''
--- a/.env.test
+++ b/.env.test
@@ -24,3 +24,5 @@ DISABLE_ENTERPRISE_LOGIN=''
 REGISTER_CONVERSION_COOKIE_NAME='openedx-user-register-conversion'
 MARKETING_EMAILS_OPT_IN=''
 ENABLE_COPPA_COMPLIANCE=''
+ZENDESK_KEY=''
+ZENDESK_LOGO_URL=''
--- a/public/index.html
+++ b/public/index.html
@@ -14,6 +14,58 @@
          src="<%= process.env.MARKETING_SITE_BASE_URL %>/optimizelyjs/<%= process.env.OPTIMIZELY_PROJECT_ID %>.js"
        ></script>
      <% } %>
+      <% if (process.env.ZENDESK_KEY) { %>
+        <script
+          id="ze-snippet"
+          src="https://static.zdassets.com/ekr/snippet.js?key=<%= process.env.ZENDESK_KEY %>"
+        >
+        </script>
+        <script type="text/javascript">
+          window.zESettings = {
+            cookies: true,
+            webWidget: {
+              contactOptions: {
+                enabled: false,
+              },
+              chat: {
+                suppress: false,
+              },
+              contactForm: {
+                ticketForms: [
+                  {
+                    id: 360003368814,
+                    subject: false,
+                    fields: [
+                      {
+                        id: 'description',
+                        prefill: {
+                          '*': '',
+                        },
+                      },
+                    ],
+                  },
+                ],
+                selectTicketForm: {
+                  '*': 'Please choose your request type:',
+                },
+                attachments: true,
+              },
+              helpCenter: {
+                originalArticleButton: true,
+              },
+              answerBot: {
+                suppress: false,
+                contactOnlyAfterQuery: true,
+                title: { '*': 'edX Support' },
+                avatar: {
+                  url: '<%= process.env.ZENDESK_LOGO_URL %>',
+                  name: { '*': 'edX Support' },
+                },
+              },
+            },
+          };
+        </script>
+      <% } %>
  </head>
  <body>
    <div id="root"></div>