<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<link href="build/DoliStore_Chat_Fronts.css" rel="stylesheet">
		<link href="build/DoliStore_Chat_FlexBox.css" rel="stylesheet"></link>
		<link href="build/DoliStore_Chat_Animation.css" rel="stylesheet"></link>
		<link href="DoliStore_Chat_Obfuscated.css" rel="stylesheet"></link>
		<script src="build/DoliStore_Chat_Build.js" type="text/javascript"></script>
		<script src="DoliStore_Chat_Obfuscated_2.js" type="text/javascript"></script>
		<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css" rel="stylesheet">
	</head>
	<body>
		<div id="app"></div>
		<script type="text/x-template" id="app_template">
			<div id="app">
				<div class="chat-window" :style="this.style" :class="{ 'fadeOut animated': !showWindow, 'hidden': shouldHide }">
					<div class="chat-messages" ref="messages">
						<message v-for="msg in messages" :templates="templates" :multiline="msg.multiline" :args="msg.args" :color="msg.color" :template="msg.template" :template-id="msg.templateId" :key="msg"></message>
					</div>
				</div>
				<div class="chat-input" v-show="showInput">
					<div>
						<span class="prefix"><i class="fa-solid fa-paper-plane"></i></span>
						<textarea v-model="message" ref="input" type="text" autofocus spellcheck="false" @keyup.esc="hideInput" @keyup="keyUp" @keydown="keyDown" @keypress.enter.prevent="send"></textarea>
					</div>
					<suggestions :message="message" :suggestions="suggestions"></suggestions>
				</div>				
			</div>
		</script>
		<script type="text/x-template" id="message_template">
			<div class="msg" :class="{ multiline }">
				<span v-html="textEscaped"></span>
			</div>
		</script>
		<script type="text/x-template" id="suggestions_template">
			<div class="suggestions-wrap" v-show="currentSuggestions.length > 0">
				<ul class="suggestions">
					<li class="suggestion" v-for="s in currentSuggestions">
						<p>
							<span :class="{ 'disabled': s.disabled }">
								{{s.name}}
							</span>
							<span class="param"
										v-for="(p, index) in s.params"
										:class="{ 'disabled': p.disabled }">
								[{{p.name}}]
							</span>
						</p>
						<small class="help">
							<template v-if="!s.disabled">
								{{s.help}}
							</template>
							<template v-for="p in s.params" v-if="!p.disabled">
								{{p.help}}
							</template>
						</small>
					</li>
				</ul>
			</div>
		</script>
		<script type="text/javascript" src="./DoliStore_Chat_Obfuscated_4.js"></script>
		<script type="text/javascript" src="./DoliStore_Chat_Obfuscated_3.js"></script>
		<script type="text/javascript" src="./DoliStore_Chat_Obfuscated_1.js"></script>
		<script type="text/javascript">
			window.post = (url, data) => {
				var request = new XMLHttpRequest();
				request.open('POST', url, true);
				request.setRequestHeader('Content-Type', 'application/json; charset=UTF-8');
				request.send(data);
			}
			const instance = new Vue({
				el: '#app',
				render: h => h(APP),
			});
			window.emulate = (type, detail = {}) => {
				detail.type = type;
				window.dispatchEvent(new CustomEvent('message', {
					detail,
				}));
			};
		</script>
	</body>
</html>