Bug: Fix missing close button on mobile chat window (#600)
Co-authored-by: Pranav Raj Sreepuram <pranavrajs@gmail.com>
This commit is contained in:
parent
8b4df986bf
commit
60dc564f37
8 changed files with 89 additions and 35 deletions
|
@ -131,6 +131,7 @@ const IFrameHelper = {
|
|||
body.appendChild(holder);
|
||||
IFrameHelper.initPostMessageCommunication();
|
||||
IFrameHelper.initLocationListener();
|
||||
IFrameHelper.initWindowSizeListener();
|
||||
},
|
||||
getAppFrame: () => document.getElementById('chatwoot_live_chat_widget'),
|
||||
sendMessage: (key, value) => {
|
||||
|
@ -146,6 +147,7 @@ const IFrameHelper = {
|
|||
IFrameHelper.sendMessage('config-set', {});
|
||||
IFrameHelper.onLoad(message.config.channelConfig);
|
||||
IFrameHelper.setCurrentUrl();
|
||||
IFrameHelper.toggleCloseButton();
|
||||
},
|
||||
set_auth_token: message => {
|
||||
Cookies.set('cw_conversation', message.authToken);
|
||||
|
@ -173,6 +175,11 @@ const IFrameHelper = {
|
|||
IFrameHelper.setCurrentUrl();
|
||||
};
|
||||
},
|
||||
initWindowSizeListener: () => {
|
||||
wootOn(window, 'resize', () => {
|
||||
IFrameHelper.toggleCloseButton();
|
||||
});
|
||||
},
|
||||
onLoad: ({ widget_color: widgetColor }) => {
|
||||
const iframe = IFrameHelper.getAppFrame();
|
||||
iframe.style.visibility = '';
|
||||
|
@ -205,6 +212,14 @@ const IFrameHelper = {
|
|||
refererURL: window.location.href,
|
||||
});
|
||||
},
|
||||
toggleCloseButton: () => {
|
||||
console.log(window.matchMedia('(max-width: 668px)'));
|
||||
if (window.matchMedia('(max-width: 668px)').matches) {
|
||||
IFrameHelper.sendMessage('toggle-close-button', { showClose: true });
|
||||
} else {
|
||||
IFrameHelper.sendMessage('toggle-close-button', { showClose: false });
|
||||
}
|
||||
},
|
||||
};
|
||||
|
||||
function loadIframe({ baseUrl, websiteToken }) {
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue