Recycling Chatbubble Reference Implementation

<script type="module">
	import Chatbot from 'https://cdn.jsdelivr.net/npm/flowise-embed@2.0.9/dist/web.min.js';
	Chatbot.init({
		chatflowid: 'f7e196ba-d12c-46b1-a4ef-9b4857d05e70',
		apiHost: 'https://chatbot-api.socialbot.page',
		observersConfig: {
			observeLoading: (loading) => {
				if (loading) {
					document.querySelector("flowise-chatbot").shadowRoot.querySelector("div[part='bot']").style.height = 'calc(100% - 150px)';
				}
			},
		},
		theme: {
			"button": {
				"backgroundColor": "#006340",
				size: "large",
				autoWindowOpen: {
					autoOpen: true, //parameter to control automatic window opening
					openDelay: 2, // Optional parameter for delay time in seconds
					autoOpenOnMobile: false, //parameter to control automatic window opening in mobile
				},
			},
			"chatWindow": {
				"height": "undefined",
				"title": "Recycling Pfand Österreich",
				"titleColor": "#006340",
				"welcomeMessage": "Hallo! 👋 Wie können wir dir helfen?",
				"clearChatOnReload": true,
				"botMessage": {
					"backgroundColor": "#d6e5e0",
					"textColor": "#111"
				},
				"userMessage": {
					"backgroundColor": "#EEFFEE",
					"textColor": "#111"
				},
				"textInput": {
					"placeholder": "Schreib uns eine Nachricht...",
					"sendButtonColor": "#006340"
				},
				"footer": {
					"showFooter": false
				}
			}
		},
	});
</script>