Как скрыть всплывающее окно чата AWS Lex UI ⇐ Javascript

[Anonymous]

Я использую веб-интерфейс Amazon Lex версии 0.23.0, и он работает. Проблема в том, что кнопка чата отображается в правом нижнем углу экрана, что вызывает проблемы. Вместо этого я хотел бы показать/скрыть окно чата с помощью кнопки на панели инструментов, но не могу найти способ скрыть окно чата по умолчанию.
Вот как я сейчас загружаю чат на свою веб-страницу:

Код: Выделить всё

document.addEventListener('DOMContentLoaded', function() {

var loaderOpts = {
baseUrl: '#{request.contextPath}/chatbot/',
configUrl: 'lex-web-ui-loader-config.json',

config: {
lex: {
saveHistory: true  // Simple solution for basic persistence
},
ui: {
parentOrigin: window.location.origin,
hideMinimizeButton: true
}
}
};

var loader = new ChatBotUiLoader.IframeLoader(loaderOpts);

loader.load()
.then(() => console.log('Chat loaded'))
.catch(error => console.error('Chat loading failed: ', error));
});

Я пробовал всевозможные варианты конфигурации, например

Код: Выделить всё

  "showFab": false,
shouldShowButton: false,
shouldLoadIframeMinimized: true

но ни один из них не работает (и, вероятно, большинство из них были предложены галлюцинирующими системами искусственного интеллекта).
CSS действительно работает, но мне интересно, есть ли более аккуратный способ показать/скрыть его, используя какой-либо встроенный вызов JavaScript в интерфейсе Lex, а не вручную настраивать display: none.

Подробнее здесь: https://stackoverflow.com/questions/798 ... hat-bubble