Using Developer tools in Chrome, I can see the data/message exchanged between customer and agent using this command "e.data"
But when I refresh my page, it doesn't work. it only works half the time
Can you help fix this error please ?
How can I store the Agent data and displays it when Webchat.minimize in invoked ?
Below, two screenshots of the case OK and NOK (error)
It is not necessary to go up to a Widget Extension. You could just add the following code, after you set the configuration of the different Widgets plugins that you are using.
I mean after setting: window._genesys.widgets.main and window._genesys.widgets.webchat
Here is the code I have used:
var chatWindowIsMinimized = false;
window._genesys.widgets.onReady = function (QuickBus) {
localWidgetPlugin = CXBus.registerPlugin('CustomChatPlugin');
localWidgetPlugin.subscribe("WebChat.messageAdded", function (e) {
if (chatWindowIsMinimized) {
console.log('Message added while Chat Window is minimized', e.data);
} else {
console.log('Message added while Chat Window is opened', e.data);
}
});
localWidgetPlugin.subscribe("WebChat.minimized", function () {
console.log('Chat Window minimized');
chatWindowIsMinimized = true;
});
localWidgetPlugin.subscribe("WebChat.unminimized", function () {
console.log('Chat Window unminimized');
chatWindowIsMinimized = false;
});
localWidgetPlugin.subscribe("WebChatService.messageReceived", function (e) {
if (chatWindowIsMinimized) {
console.log('Message received while Chat Window is minimized', e.data);
} else {
console.log('Message received while Chat Window is opened', e.data);
}
});
};
Few comments:
WebChat.messageAdded is triggered when adding a message to the Chat Transcript in the User Interface (a message from the agent or a message from the customer).
WebChatService.messageReceived is triggered when receiving a message at the protocol level (a message from the agent or a message from the customer).
When you restore the chat (refresh of the page as an example), if the chat window was minimized before the refresh, the Widgets will restore it as it is (meaning minimized). You will get the WebChat.minimized event. The only thing is that you may have messageAdded/messageReceived before or after that event (the Widgets retrieving the existing messages from the server - after reconnecting the session).
You probably have noticed it already, but when messages are received while the Chat window is minimized, the Widgets natively support the display of a red icon/bubble which shows the number of unread messages (messages received while minimized).
If you plan to display the messages elsewhere while the Chat Window is minimized, you will have to leverage regular/standard HTML/HTML5 elements.
As you recommended, after I added you code to mine, it works only when I commented the row 155 (below my screen)
I can see the messages exchanged between agent and customer in Developer tools as you described, but I have noticed that the widget lost its own 'light' theme, it looks like that the theme is not fully loaded.
Since it didn't work at the first time, I am wondering if my code is in the right place ? all my code is placed in the section and the body is empty. I don't know if it's okay or not ?
pc_config.js is where I define the widgets config and customization. It is just a file stored at the same level than my html (relative path). You can also put in in subdirectory (like "config") and then change to CXBus.loadFile('config/pc_config.js') in the above code.
Here is the line 9 : <script src="https://apps.mypurecloud.de/widgets/9.0/cxbus.min.js" onload="javascript:CXBus.configure({debug:true,pluginsPath:'https://apps.mypurecloud.de/widgets/9.0/plugins/'});CXBus.loadFile('pc_config.js').done(function(){CXBus.loadPlugin('widgets-core');});"></script>
"how and where can I invoke the pc_config.js ? not using a script tag as you mentioned !"
--> Line 9 as I mentioned in my previous answers: contains this "CXBus.loadFile('pc_config.js')"
Chome usually complains when you have mixed content - HTTP and HTTPS
Your web site is apparently on http://127.0.0.1:8080 (HTTP).
And the communications with PureCloud for Chat is over HTTPS
Starting the chat
You can either enable the native webchat side button or auto-invite in the web chat config.
window._genesys.widgets.webchat.chatButton.enabled = true
window._genesys.widgets.webchat.autoInvite.enabled = true
or add a custom button (HTML button) that will invoke WebChat command on click. <button type="button" id="chat-button-simple" onclick="CXBus.command('WebChat.open');">Start Chat (simple)</button>
