Add support for a dynamic window.intergramOnOpen.visitorName property…

… that is passed to the chat only when its opened and displays additional user data in the telegram chat on every message it sends.

(cherry picked from commit 233499b)

server.js

@@ -53,7 +53,8 @@ io.on('connection', function(client){
         client.on('message', function(msg) {
             messageReceived = true;
             io.emit(chatId + "-" + userId, msg);
-            sendTelegramMessage(chatId, userId + ": " + msg.text);
+            let visitorName = msg.visitorName ? "[" + msg.visitorName + "]: " : "";
+            sendTelegramMessage(chatId, userId + ":" + visitorName + " " + msg.text);
         });
 
         client.on('disconnect', function(){

src/chat/chat.js

@@ -51,7 +51,7 @@ export default class Chat extends Component {
     handleKeyPress = (e) => {
         if (e.keyCode == 13 && this.input.value) {
             let text = this.input.value;
-            this.socket.send({text, from: 'visitor'});
+            this.socket.send({text, from: 'visitor', visitorName: this.props.conf.visitorName});
             this.input.value = '';
 
             if (this.autoResponseState === 'pristine') {

src/widget/chat-frame.js

@@ -8,7 +8,8 @@ export default class ChatFrame extends Component {
     }
 
     render({intergramId, host, iFrameSrc, isMobile, conf},{}) {
-        let encodedConf = encodeURIComponent(JSON.stringify(conf));
+        let dynamicConf = window.intergramOnOpen || {}; // these configuration are loaded when the chat frame is opened
+        let encodedConf = encodeURIComponent(JSON.stringify({...conf, ...dynamicConf}));
         return (
             <iframe src={iFrameSrc + '?id=' + intergramId + '&host=' + host + '&conf=' + encodedConf }
                     width='100%'