{{ component('js_localize', keys="common.ai.assistant.assistant, common.ai.assistant.chat.copy, common.ai.assistant.chat.initial_message, common.ai.assistant.chat.input.placeholder, common.ai.assistant.chat.loading.01, common.ai.assistant.chat.loading.02, common.ai.assistant.error.chat, common.ai.assistant.error.chats, common.ai.assistant.error.new_chat, common.ai.assistant.error.send_message, common.ai.assistant.home.introduction, common.ai.assistant.home.secure, common.ai.assistant.home.start_conversation, common.ai.assistant.home.sub_title, common.ai.assistant.widget.sub_title, common.ai.assistant.widget.tabs.chat, common.ai.assistant.widget.tabs.history, common.ai.assistant.widget.tabs.home, common.ai.assistant.widget.title") }}

<div class="cla-chat">
</div>

<script type="text/javascript">
    require(['domReady', 'cla_highcharts'], function (domReady, HighChart) {
        domReady(function(){
            window.Highcharts = HighChart;

            const container = document.querySelector('.cla-chat');

            if (container) {
                const chatElement = document.createElement('cla-chat');
                container.appendChild(chatElement);
            }
        });
    });
</script>