Merge pull request #121 from artificialsolutions/XTAI-711

* Check for expired button and Disable

* Validate expired state on message types

* Added expired state on CarouselMessage

* Update Versions for new release

Author: JP-Artsol

CHANGELOG.md

@@ -1,3 +1,6 @@
+#v3.7.6
+#13-01-2023
+* Fixed expired buttons bug.
 # v3.7.5
 ## 17-11-2022
 * Fixed bug SDSA-225.

package-lock.json

@@ -1,6 +1,6 @@
 {
   "name": "teneo-web-chat",
-  "version": "3.7.5",
+  "version": "3.7.6",
   "description": "Teneo Web Chat widget that can be embedded in websites.",
   "scripts": {
     "analyze": "NODE_ENV=production webpack --config webpack.prod.js --profile --json > stats-prod.json && webpack-bundle-analyzer stats-prod.json dist/",

package.json

@@ -126,7 +126,6 @@ export default {
     isExpired() {
       const { messageList } = this.$teneoApi;
       const latestMessage = messageList[messageList.length - 1];
-
       return latestMessage && latestMessage !== this.message;
     },
     sanitizedHtmlText() {
@@ -138,7 +137,7 @@ export default {
       await handleLinkButtonClick(linkbutton, event)
     },
     async onSelect(reply, idx) {
-      if (!this.replySent) {
+      if (!this.replySent && !this.isExpired) {
         await handleButtonClick(reply, idx, this.$teneoApi)
       }
     },

src/components/messages/CardMessage.vue

@@ -123,6 +123,13 @@ export default {
       },
     }
   },
+  data() {
+    return {
+      activeSlide: 0,
+      isFirstSlide: true,
+      isLastSlide: false
+    };
+  },
   computed: {
     carouselItems() {
       return this.message.data.carousel_items;
@@ -140,19 +147,12 @@ export default {
       return this.message.selected;
     },
     isExpired() {
-      const {messageList} = this.$teneoApi;
+      const { messageList } = this.$teneoApi;
       const latestMessage = messageList[messageList.length - 1];
 
       return latestMessage && latestMessage !== this.message;
     }
   },
-  data() {
-    return {
-      activeSlide: 0,
-      isFirstSlide: true,
-      isLastSlide: false
-    };
-  },
   methods: {
     moveSlideElements() {
 
@@ -188,7 +188,7 @@ export default {
       await handleLinkButtonClick(linkbutton, event);
     },
     async onSelect(reply, idx) {
-      if (!this.replySent) {
+      if (!this.replySent && !this.isExpired) {
         await handleButtonClick(reply, idx, this.$teneoApi);
       }
     },

src/components/messages/CarouselMessage.vue

@@ -61,7 +61,7 @@ export default {
   },
   methods: {
     async onSelect(reply, idx) {
-      if (!this.replySent) {
+      if (!this.replySent && !this.isExpired ) {
          await handleButtonClick(reply, idx, this.$teneoApi)
       }
     },

src/components/messages/ClickablelistMessage.vue

@@ -297,7 +297,7 @@ export default {
       await handleLinkButtonClick(linkbutton, event)
     },
     async onSelect(reply, idx) {
-      if (!this.replySent) {
+      if (!this.replySent && !this.isExpired) {
         await handleButtonClick(reply, idx, this.$teneoApi)
       }
     },

src/components/messages/ComboMessage.vue

@@ -10,7 +10,7 @@ export const SESSION_ID_STORAGE_KEY = 'teneo-web-chat-session-id';
 export const FALLBACK_LOCALE = 'en-US';
 
 // api version
-export const API_VERSION = "3.7.5";
+export const API_VERSION = "3.7.6";
 
 // state object keys
 export const API_KEY_VISIBILITY = "visibility";

src/utils/constants.js

@@ -40,17 +40,39 @@ div.scroll {
 
 </style>
 
-<script src="teneo-web-chat.js"></script> <!-- needed for Heroku -->
-<!--<% if(process.env.NODE_ENV === 'development') { %>-->
+<script src="teneo-web-chat.js"></script> 
+<script>
+TeneoWebChat.on('ready', () => {
+
+const x = TeneoWebChat.get('storage').getItem('twc_last_state');
+
+    if (x) {
+        switch (x) {
+            case 'maximized':
+                TeneoWebChat.call('maximize');
+                break;
+            case 'minimized':
+                TeneoWebChat.call('minimize');
+                break;
+            default:
+                logger.warn('TeneoWebChat', 'unknown stored twc_last_state value', x);
+        }
 
+    }
 
-<!--<% } %>-->
+});
 
-<script>
-/* <![CDATA[ */
 
 
+TeneoWebChat.on('visibility_changed', payload => TeneoWebChat.get('storage').setItem('twc_last_state', payload.visibility));
+TeneoWebChat.on('reset', () => TeneoWebChat.get('storage').removeItem('twc_last_state'));
+</script>  
 
+<!-- needed for Heroku -->
+<!--<% if(process.env.NODE_ENV === 'development') { %>-->
+<!--<% } %>-->
+<script>
+/* <![CDATA[ */
 window.addEventListener('load', () => {
 
     const element = document.getElementById('teneo-web-chat');