add ChatDuration support to examples (#92)

Author: Spencer Lepine

CHANGELOG.md

@@ -3,6 +3,12 @@
 The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
 
+## [1.3.3] - 2023-2-21
+### Changed
+- Custom Chat Widget - Support Custom Chat Duration
+- cloudformationTemplates - startChatContactAPI - Support Custom Chat Duration
+  - Customize total chat duration of a newly started chat session. [Learn more](https://docs.aws.amazon.com/connect/latest/APIReference/API_StartChatContact.html#connect-StartChatContact-request-ChatDurationInMinutes)
+
 ## [1.3.2] - 2023-2-10
 ### Changed
 - Mark `asyncCustomerChatUX` approach as deprecated.

cloudformationTemplates/startChatContactAPI/ChatSDK.zip

@@ -431,4 +431,18 @@ connect.ChatInterface.initiateChat({
     },
     ...
 }, successHandler, failureHandler);
+```
+
+## Custom chat duration
+
+Learn more about chat duration: https://docs.aws.amazon.com/connect/latest/APIReference/API_StartChatContact.html#connect-StartChatContact-request-ChatDurationInMinutes
+
+You can set custom chat duration in [`widgetIndex.html`](https://github.com/amazon-connect/amazon-connect-chat-ui-examples/blob/master/cloudformationTemplates/startChatContactAPI/widgetIndex.html).
+
+```
+connect.ChatInterface.initiateChat({
+    ...
+    chatDurationInMinutes: 1500, // min 60, max 10080 - default 1500 (25 hours)
+    ...
+}, successHandler, failureHandler);
 ```

cloudformationTemplates/startChatContactAPI/README.md

@@ -98,7 +98,9 @@ <h1>Amazon Connect - Custom Implementation of Customer Chat</h1>
                         ContactFlowId: contactFlowId,
                         InstanceId: instanceId,
                         // Enable rich messaging support: https://docs.aws.amazon.com/connect/latest/adminguide/enable-text-formatting-chat.html
-                        SupportedMessagingContentTypes: ["text/plain", "text/markdown"] // include 'text/markdown'
+                        SupportedMessagingContentTypes: ["text/plain", "text/markdown"], // include 'text/markdown',
+                        // Set optional chat duration: https://docs.aws.amazon.com/connect/latest/APIReference/API_StartChatContact.html#connect-StartChatContact-request-ChatDurationInMinutes
+                        ChatDurationInMinutes: 1500, // min 60, max 10080 - default 1500 (25 hours)
                     };
 
                     $.ajax({

cloudformationTemplates/startChatContactAPI/customBuildIndex.html

@@ -37,7 +37,9 @@ function startChatContact(body) {
                 "DisplayName": body["ParticipantDetails"]["DisplayName"]
             },
             // Enable rich messaging: https://docs.aws.amazon.com/connect/latest/adminguide/enable-text-formatting-chat.html
-            ...(!!body["SupportedMessagingContentTypes"] && { "SupportedMessagingContentTypes": body["SupportedMessagingContentTypes"] })
+            ...(!!body["SupportedMessagingContentTypes"] && { "SupportedMessagingContentTypes": body["SupportedMessagingContentTypes"] }),
+            // Set optional chat duration: https://docs.aws.amazon.com/connect/latest/APIReference/API_StartChatContact.html#connect-StartChatContact-request-ChatDurationInMinutes
+            ...(!!body["ChatDurationInMinutes"] && { "ChatDurationInMinutes": body["ChatDurationInMinutes"] })
         };
         const persistentChatEnabled = body.PersistentChat && body.PersistentChat.RehydrationType && body.PersistentChat.SourceContactId;
         if(persistentChatEnabled) {

cloudformationTemplates/startChatContactAPI/js/amazon-connect-chat-interface.js

@@ -88,6 +88,8 @@ <h1>Amazon Connect - Custom Implementation of Customer Chat</h1>
                             "ATTACHMENTS": enableAttachments, // this is the override flag from user for attachments
                             "MESSAGING_MARKDOWN": true // enable rich messaging toolbar and text formatting
                         },
+                        // Set optional chat duration: https://docs.aws.amazon.com/connect/latest/APIReference/API_StartChatContact.html#connect-StartChatContact-request-ChatDurationInMinutes
+                        chatDurationInMinutes: 1500, // min 60, max 10080 - default 1500 (25 hours)
                         supportedMessagingContentTypes: "text/plain,text/markdown", // include 'text/markdown' for rich messaging support
                         // Learn more about persistent chat: https://docs.aws.amazon.com/connect/latest/adminguide/chat-persistence.html
                         persistentChat: {

cloudformationTemplates/startChatContactAPI/js/startChatContact.js

@@ -139,6 +139,8 @@ Below steps explain how Custom Chat Widget works on a web page
 					sampleKey1: 'sampleValue1',
 					sampleKey2: 'sampleValue2',
 				},
+				// Set optional chat duration: https://docs.aws.amazon.com/connect/latest/APIReference/API_StartChatContact.html#connect-StartChatContact-request-ChatDurationInMinutes
+				chatDurationInMinutes: 1500, // min 60, max 10080 - default 1500 (25 hours)
 				preChatForm: {
 					visible: true,
 					inputFields: [

cloudformationTemplates/startChatContactAPI/widgetIndex.html

@@ -18,6 +18,13 @@ object-assign
  * @license  MIT
  */
 
+/*!
+ * repeat-string <https://github.com/jonschlinkert/repeat-string>
+ *
+ * Copyright (c) 2014-2015, Jon Schlinkert.
+ * Licensed under the MIT License.
+ */
+
 /*! *****************************************************************************
 Copyright (c) Microsoft Corporation. All rights reserved.
 Licensed under the Apache License, Version 2.0 (the "License"); you may not use
@@ -37,18 +44,6 @@ and limitations under the License.
 
 /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */
 
-/*! safe-buffer. MIT License. Feross Aboukhadijeh <https://feross.org/opensource> */
-
-/**
- * @license React
- * react-is.production.min.js
- *
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
 /** @license React v0.19.1
  * scheduler.production.min.js
  *

customChatWidget/README.md

@@ -26,6 +26,8 @@
             contactAttr: {
                 SomeContactAttributeKey: "SomeContactAttributeValue",
             },
+            // Set optional chat duration: https://docs.aws.amazon.com/connect/latest/APIReference/API_StartChatContact.html#connect-StartChatContact-request-ChatDurationInMinutes
+            chatDurationInMinutes: 1500, // min 60, max 10080 - default 1500 (25 hours)
             preChatForm: {
                 visible: true,
                 inputFields: [{