Merge pull request #838 from aws-samples/development

Release 0.23.0

Author: atjohns

CHANGELOG.md

@@ -4,6 +4,11 @@ All notable changes to this project will be documented in this file.
 The format is based on [Keep a Changelog](http://keepachangelog.com/)
 and this project adheres to [Semantic Versioning](http://semver.org/).
 
+## [0.23.0] - 2025-10-3
+- Remove all reference to Lex v1 as it has been deprecated
+- Revamp how token refreshes work to resolve some issues that were introduced when migrating to SDKv3
+- Add example CSS files to repo for users who want an easier starting point.
+
 ## [0.22.5] - 2025-09-10
 - Update live chat text transcription applying redaction when required.
 - Fix issue with live chat not closing on browser or window closing.

README-css-style.md

@@ -220,3 +220,7 @@ button.end-live-chat-button.btn {
 #### Other
 Other CSS can be applied to the classes above in addition to what is listed. Be creative and
 create a compelling style for your site.
+
+#### Lex Web Ui Example CSS Files
+some examples for custom css styles are available [here](example-css)
+![Sample CSS Files LexWebUi](./img/example-css.png)

README-qbusiness.md

@@ -14,7 +14,7 @@ This feature supports integration with file attachments, enable both to allow QB
 ### Deploy the Web UI
 1. A deployment of the Lex Web UI with login enabled is required for Q Business integration. To launch a new deployment of the Web UI, go to the main [README](https://github.com/aws-samples/aws-lex-web-ui/blob/master/README.md) and select `Launch` for the region where your Q Business app is deployed.
 
-2. The other bot fields for both V1 & V2 bots must be empty for the template to create the Q Business integration bot, please ensure that `Lex V1 Bot Configuration Parameters` and `Lex V2 Bot Configuration Parameters` are blank.
+2. The other bot fields for both V2 bots must be empty for the template to create the Q Business integration bot, please ensure that the `Lex V2 Bot Configuration Parameters` are blank.
 
 3. To enable login, set `EnableCognitoLogin` to true. To force users to login to your bot, set `ForceCognitoLogin` to true. The ForceCognitoLogin setting will automatically redirect users to the login page if they are not logged in to the bot. 
 

README.md

@@ -278,7 +278,7 @@ to the latest supported versions.
         },
         lex: {
           // Lex Bot Name in your account
-          botName: '<your lex bot name>'
+          v2BotId: '<your lex bot id>'
         }
       };
       // load the LexWebUi component
@@ -373,7 +373,7 @@ page](#stand-alone-page) section.
         },
         lex: {
           // Lex Bot Name in your account
-          botName: '<your lex bot name>'
+          v2BotId: '<your lex bot id>'
         }
       };
 
@@ -431,7 +431,7 @@ and Lex Bot name. For example, set the appropriate values in the
     "poolId": "us-east-1:deadbeef-fade-babe-cafe-0123456789ab"
   },
   lex: {
-    "botName": "myHelpBot"
+    "v2BotId": "ABC123"
   }
   ...
 ```

config/base.env.js

@@ -31,8 +31,6 @@ module.exports = {
     v2BotId: process.env.V2_BOT_ID,
     v2BotAliasId: process.env.V2_BOT_ALIAS_ID,
     v2BotLocaleId: process.env.V2_BOT_LOCALE_ID,
-    botName: process.env.BOT_NAME,
-    botAlias: process.env.BOT_ALIAS,
     initialText: process.env.BOT_INITIAL_TEXT,
     initialSpeechInstruction: process.env.BOT_INITIAL_SPEECH,
     initialUtterance: process.env.BOT_INITIAL_UTTERANCE,

dist/lex-web-ui-loader.js

@@ -44266,9 +44266,7 @@ __webpack_require__.r(__webpack_exports__);
 
 const configBase = {
   region: '',
-  lex: {
-    botName: ''
-  },
+  lex: {},
   cognito: {
     poolId: ''
   },
@@ -45769,11 +45767,16 @@ class IframeComponentLoader {
       },
       // requests credentials from the parent
       getCredentials(evt) {
-        const tcreds = JSON.parse(JSON.stringify(this.credentials));
-        return evt.ports[0].postMessage({
-          event: 'resolve',
-          type: evt.data.event,
-          data: tcreds
+        const {
+          poolId: cognitoPoolId
+        } = this.config.cognito;
+        const region = this.config.cognito.region;
+        this.getCredentials(cognitoPoolId, region).then(creds => {
+          return evt.ports[0].postMessage({
+            event: 'resolve',
+            type: evt.data.event,
+            data: creds
+          });
         });
       },
       // requests chatbot UI config

dist/lex-web-ui-loader.js.map

@@ -1,5 +1,5 @@
 /*!
-* lex-web-ui v0.22.5
+* lex-web-ui v0.23.0
 * (c) 2017-2021 Amazon.com, Inc. or its affiliates. All Rights Reserved.
 * Released under the Amazon Software License.
 */  
@@ -34681,9 +34681,7 @@ var runtime = __webpack_require__(10490);
 
 const configBase = {
   region: '',
-  lex: {
-    botName: ''
-  },
+  lex: {},
   cognito: {
     poolId: ''
   },
@@ -37863,11 +37861,16 @@ class IframeComponentLoader {
       },
       // requests credentials from the parent
       getCredentials(evt) {
-        const tcreds = JSON.parse(JSON.stringify(this.credentials));
-        return evt.ports[0].postMessage({
-          event: 'resolve',
-          type: evt.data.event,
-          data: tcreds
+        const {
+          poolId: cognitoPoolId
+        } = this.config.cognito;
+        const region = this.config.cognito.region;
+        this.getCredentials(cognitoPoolId, region).then(creds => {
+          return evt.ports[0].postMessage({
+            event: 'resolve',
+            type: evt.data.event,
+            data: creds
+          });
         });
       },
       // requests chatbot UI config