\n
\n`;\n }\n function resetConversation() {\nclearThreadId();\nconfig.threadId = null;\nconfig.messageHistory = [];\nconst messagesContainer = $(\"ai-assistant-messages\");\nif (messagesContainer) {\nmessagesContainer.innerHTML = \"\";\n}\naddPromptSection();\n }\n function addPromptSection() {\nconst messagesContainer = $(\"ai-assistant-messages\");\nconst promptDiv = document.createElement(\"div\");\npromptDiv.className = \"ai-assistant-prompt\";\npromptDiv.innerHTML = `\n${createPromptIcon()}\n\n
\n\nAI assistant
\n\n\n\n
\n\n
\n${config.promptText}
\n`;\nmessagesContainer.appendChild(promptDiv);\nconst suggestionsDiv = document.createElement(\"div\");\nsuggestionsDiv.className = \"ai-assistant-suggestions\";\nsuggestionsDiv.id = \"ai-assistant-suggestions\";\nconfig.suggestions.forEach((suggestion, index) => {\nconst btn = document.createElement(\"button\");\nbtn.className = \"ai-assistant-suggestion-btn\";\nbtn.textContent = suggestion;\nbtn.dataset.suggestion = index;\nbtn.addEventListener(\"click\", () => handleSuggestionClick(suggestion));\nsuggestionsDiv.appendChild(btn);\n});\nmessagesContainer.appendChild(suggestionsDiv);\nmessagesContainer.scrollTop = messagesContainer.scrollHeight;\n }\n function getErrorMessage(originalMessage) {\nif (!originalMessage) return null;\n// Check if message matches any error pattern\nfor (const [errorPattern, errorMessage] of Object.entries(\nconfig.errorMessages,\n)) {\nif (\noriginalMessage.includes(errorPattern) ||\noriginalMessage === errorPattern\n) {\nreturn errorMessage;\n}\n}\nreturn null;\n }\n // V2 helpers: extract text from AI message elements\n function extractTextFromElements(elements) {\nif (!Array.isArray(elements)) return \"\";\nreturn elements\n.filter((el) => el.type === \"BUBBLE_TEXT\" || el.type === \"TEXT\")\n.map((el) => el.content)\n.join(\"\\n\");\n }\n // V2 helpers: extract carousel items from AI message elements\n function extractCarouselItems(elements) {\nif (!Array.isArray(elements)) return [];\nconst items = [];\nelements.forEach((el) => {\nif (el.type === \"CAROUSEL\" && Array.isArray(el.content)) {\nel.content.forEach((item) => items.push(normalizeCarouselItem(item)));\n}\n});\nreturn items;\n }\n // V2 helpers: normalize CarouselItem to format compatible with createProductElement\n function normalizeCarouselItem(item) {\nreturn {\ntitle: item.title || \"\",\nimageLink: item.img || \"\",\nlink: item.action?.url || item.url || \"\",\ncategory: item.attributes?.category || \"\",\nprice: null,\nmeta: item.meta || [],\nattributes: item.attributes || {},\n};\n }\n function addSelectedSuggestion(text) {\nconst messagesContainer = $(\"ai-assistant-messages\");\nconst selectedDiv = document.createElement(\"div\");\nselectedDiv.className = \"ai-assistant-selected\";\n// Check if message is an error\nconst errorMessage = getErrorMessage(text);\nselectedDiv.textContent = errorMessage || text;\nmessagesContainer.appendChild(selectedDiv);\nmessagesContainer.scrollTop = messagesContainer.scrollHeight;\n }\n function addAIMessage(content, skipAnimation = false) {\nconst messagesContainer = $(\"ai-assistant-messages\");\nconst aiMessageDiv = document.createElement(\"div\");\naiMessageDiv.className = \"ai-assistant-ai-message\";\nif (skipAnimation) {\n// Display immediately without animation (for restored messages)\naiMessageDiv.innerHTML = `\n${createPromptIcon()}\n\n`;\nmessagesContainer.appendChild(aiMessageDiv);\nmessagesContainer.scrollTop = messagesContainer.scrollHeight;\n} else {\n// Display with typing animation\naiMessageDiv.innerHTML = `\n${createPromptIcon()}\n\n`;\nmessagesContainer.appendChild(aiMessageDiv);\nmessagesContainer.scrollTop = messagesContainer.scrollHeight;\n// Animate typing effect\nconst textElement = aiMessageDiv.querySelector(\n\".ai-assistant-typing-text\",\n);\nconst cursorElement = aiMessageDiv.querySelector(\n\".ai-assistant-typing-cursor\",\n);\nlet currentIndex = 0;\nconst typingSpeed = 20; // milliseconds per character\nfunction typeCharacter() {\nif (currentIndex < content.length) {\ntextElement.textContent += content[currentIndex];\ncurrentIndex++;\nmessagesContainer.scrollTop = messagesContainer.scrollHeight;\nsetTimeout(typeCharacter, typingSpeed);\n} else {\n// Remove cursor when typing is complete\ncursorElement.style.display = \"none\";\n}\n}\n// Start typing animation\ntypeCharacter();\n}\n }\n function showErrorMessage() {\nconst messagesContainer = $(\"ai-assistant-messages\");\nconst errorDiv = document.createElement(\"div\");\nerrorDiv.className = \"ai-assistant-error\";\nerrorDiv.innerHTML = `\nOops, something went wrong
\n`;\nmessagesContainer.appendChild(errorDiv);\nmessagesContainer.scrollTop = messagesContainer.scrollHeight;\nsetTimeout(() => {\nerrorDiv.style.transition = \"opacity 0.5s ease\";\nerrorDiv.style.opacity = \"0\";\nsetTimeout(() => errorDiv.remove(), 500);\n}, 2000);\n }\n // Format product price\n function formatPrice(price) {\nif (price === null || price === undefined) return \"\";\nif (typeof price === \"number\") {\nreturn `${price.toFixed(2)} EUR`;\n}\nreturn String(price).replace(/\\bPLN\\b/g, \"EUR\").replace(/zł/gi, \"EUR\");\n }\n // Build price HTML from product attributes\n function buildPriceHTML(product) {\nconst attrs = product.attributes || {};\nconst regular = parseFloat(attrs[\"price.value\"]) || product.price;\nconst sale = parseFloat(attrs[\"salePrice.value\"]) || null;\nconst omnibus = attrs[\"attributes.history_price\"];\n// Parse omnibus - comes as \"39.99 PLN\" or \"0.00 PLN\"\nlet omnibusValue = null;\nif (omnibus) {\nconst parsed = parseFloat(omnibus);\nif (parsed > 0) omnibusValue = parsed;\n}\nconst hasSale = sale && regular && sale < regular;\n// V2 fallback: if no price from attributes, render meta entries (HTML strings)\nif (!regular && !sale && product.meta && product.meta.length > 0) {\nlet html = '';\nproduct.meta.forEach((entry) => {\nhtml += `${entry}`;\n});\nhtml += \"
\";\nreturn html;\n}\nlet html = '';\nif (hasSale) {\nhtml += `${formatPrice(regular)}`;\nhtml += `${formatPrice(sale)}`;\n} else if (regular) {\nhtml += `${formatPrice(regular)}`;\n}\nif (omnibusValue) {\nhtml += `Lowest price in the last 30 days: ${formatPrice(omnibusValue)}`;\n}\nhtml += \"
\";\nreturn html;\n }\n // Create product HTML element\n function createProductElement(product) {\nconst defaultImage =\n\"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgwIiBoZWlnaHQ9IjI3MCIgdmlld0JveD0iMCAwIDE4MCAyNzAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxyZWN0IHdpZHRoPSIxODAiIGhlaWdodD0iMjcwIiBmaWxsPSIjRjBGMEYwIi8+Cjx0ZXh0IHg9IjkwIiB5PSIxMzUiIGZvbnQtZmFtaWx5PSJBcmlhbCIgZm9udC1zaXplPSIxNCIgZmlsbD0iIzk5OTk5OSIgdGV4dC1hbmNob3I9Im1pZGRsZSI+Qm9vayBDb3ZlcjwvdGV4dD4KPC9zdmc+\";\nconst productLink = product.link || product.url || \"#\";\nconst productDiv = document.createElement(\"div\");\nproductDiv.className = \"ai-assistant-product\";\nproductDiv.innerHTML = `\n\n${product.title || \"\"}
\n\n${buildPriceHTML(product)}\n\n`;\nreturn productDiv;\n }\n // Add results section with products\n function addResultsSection(title, products) {\nconst messagesContainer = $(\"ai-assistant-messages\");\nif (!messagesContainer) return;\nconst resultsDiv = document.createElement(\"div\");\nresultsDiv.className = \"ai-assistant-results\";\nconst headerDiv = document.createElement(\"div\");\nheaderDiv.className = \"ai-assistant-results-header\";\nheaderDiv.innerHTML = `\n${createPromptIcon()}\n${title}
\n`;\nresultsDiv.appendChild(headerDiv);\nif (!products || products.length === 0) {\nshowErrorMessage();\nreturn;\n}\nconst limitedProducts = products.slice(0, 6);\nconst productsDiv = document.createElement(\"div\");\nproductsDiv.className = \"ai-assistant-products\";\nlimitedProducts.forEach((product) => {\nproductsDiv.appendChild(createProductElement(product));\n});\nresultsDiv.appendChild(productsDiv);\nmessagesContainer.appendChild(resultsDiv);\n// Scroll to the last selected message (user message) before results\nsetTimeout(() => {\nconst selectedMessages = messagesContainer.querySelectorAll(\n\".ai-assistant-selected\",\n);\nif (selectedMessages.length > 0) {\nconst lastSelected = selectedMessages[selectedMessages.length - 1];\nlastSelected.scrollIntoView({ behavior: \"smooth\", block: \"start\" });\n} else {\nresultsDiv.scrollIntoView({ behavior: \"smooth\", block: \"start\" });\n}\n}, 100);\n }\n function showTypingIndicator() {\nconst messagesContainer = $(\"ai-assistant-messages\");\nconst typingDiv = document.createElement(\"div\");\ntypingDiv.className = \"ai-assistant-typing\";\ntypingDiv.id = \"ai-assistant-typing\";\ntypingDiv.innerHTML = \"\";\nmessagesContainer.appendChild(typingDiv);\nmessagesContainer.scrollTop = messagesContainer.scrollHeight;\n }\n function hideTypingIndicator() {\nconst typingDiv = $(\"ai-assistant-typing\");\nif (typingDiv) {\ntypingDiv.remove();\n}\n }\n function displayErrorMessage(errorMessage) {\nconst errorDiv = document.createElement(\"div\");\nerrorDiv.className = \"ai-assistant-error\";\nerrorDiv.innerHTML = `\n${errorMessage}
\n`;\nconst messagesContainer = $(\"ai-assistant-messages\");\nmessagesContainer.appendChild(errorDiv);\nmessagesContainer.scrollTop = messagesContainer.scrollHeight;\n }\n function processAPIResponse(response) {\nconst messages =\nresponse.data && Array.isArray(response.data.messages)\n? response.data.messages\n: [];\nif (!messages.length) {\nshowErrorMessage();\nreturn;\n}\n// Check if last message is a human error (v2: content is BubbleTextMessageElement)\nconst lastMessage = messages[messages.length - 1];\nif (lastMessage.type === \"HUMAN\") {\nconst humanText = lastMessage.content?.content || \"\";\nconst errorMsg = getErrorMessage(humanText);\nif (errorMsg) {\ndisplayErrorMessage(errorMsg);\nreturn;\n}\n}\n// Find the last AI message\nconst aiMessages = messages.filter((m) => m.type === \"AI\");\nconst lastAIMessage =\naiMessages.length > 0 ? aiMessages[aiMessages.length - 1] : null;\nif (!lastAIMessage) {\nreturn;\n}\nconst elements = lastAIMessage.content || [];\n// Extract text content from message elements\nconst textContent = extractTextFromElements(elements);\n// Check for error in AI text\nconst errorMessage = getErrorMessage(textContent);\nif (errorMessage) {\ndisplayErrorMessage(errorMessage);\nreturn;\n}\n// Extract carousel items from AI message elements\nlet carouselItems = extractCarouselItems(elements);\n// Fallback: use context.items only if no carousel in message elements\nif (\ncarouselItems.length === 0 &&\nresponse.data?.context?.items &&\nArray.isArray(response.data.context.items)\n) {\ncarouselItems = response.data.context.items.map(normalizeCarouselItem);\n}\n// Update message history\nmessages.forEach((msg) => {\nlet content;\nif (msg.type === \"HUMAN\") {\ncontent = msg.content?.content || \"\";\n} else if (msg.type === \"AI\") {\ncontent = extractTextFromElements(msg.content);\n}\nif (content && !getErrorMessage(content)) {\nconst exists = config.messageHistory.some(\n(m) => m.type === msg.type && m.content === content,\n);\nif (!exists) {\nconfig.messageHistory.push({ type: msg.type, content });\n}\n}\n});\n// Display error messages from human messages\nmessages.forEach((msg) => {\nif (msg.type === \"HUMAN\") {\nconst humanText = msg.content?.content || \"\";\nconst errMsg = getErrorMessage(humanText);\nif (errMsg) {\ndisplayErrorMessage(errMsg);\n}\n}\n});\n// Display results\nif (carouselItems.length > 0) {\nconst resultsTitle =\ntextContent || \"Here are great gift ideas for you\";\naddResultsSection(resultsTitle, carouselItems);\n} else if (textContent) {\nconst aiMessageExists = Array.from(\nroot.querySelectorAll(\".ai-assistant-ai-message-text\"),\n).some((el) => el.textContent === textContent);\nif (!aiMessageExists) {\naddAIMessage(textContent);\n}\n} else {\nshowErrorMessage();\n}\n }\n // Handle suggestion click\n async function handleSuggestionClick(suggestion) {\nconst suggestionsDiv = $(\"ai-assistant-suggestions\");\nif (suggestionsDiv) {\nsuggestionsDiv.style.display = \"none\";\n}\naddSelectedSuggestion(suggestion);\n// Pause microphone during request\npauseMicrophoneForRequest();\nshowTypingIndicator();\ntry {\nconst response = await sendChatRequest(suggestion);\nif (response.meta?.threadId) {\nconfig.threadId = response.meta.threadId;\nsaveThreadId(response.meta.threadId);\n}\nhideTypingIndicator();\nprocessAPIResponse(response);\n} catch (error) {\nhideTypingIndicator();\nconsole.error(\"Error handling suggestion:\", error);\nshowErrorMessage();\n} finally {\n// Resume microphone after request if it was recording before\nresumeMicrophoneAfterRequest();\n}\n }\n async function fetchConversationHistory(threadId) {\nif (!threadId) return null;\nconst conversationEndpoint = `https://api.synerise.com/gen-ai/v2/ai-assistant/chat/${threadId}/messages?code=${getToken()}&clientUUID=${getUuid()}`;\nconst headers = {\n\"Content-Type\": \"application/json\",\n};\ntry {\nconst response = await fetch(conversationEndpoint, {\nmethod: \"GET\",\nheaders: headers,\n});\nif (!response.ok) {\nconsole.warn(\"Failed to fetch conversation history:\", response.status);\nreturn { error: true, status: response.status };\n}\nreturn await response.json();\n} catch (error) {\nconsole.error(\"Error fetching conversation history:\", error);\nreturn { error: true };\n}\n }\n async function restoreConversationHistory() {\nconst savedThreadId = loadThreadId();\nif (!savedThreadId) {\nreturn;\n}\nconfig.threadId = savedThreadId;\nconst historyData = await fetchConversationHistory(savedThreadId);\n// If there was an error fetching history, clear threadId\nif (historyData && historyData.error) {\nclearThreadId();\nconfig.threadId = null;\nreturn;\n}\nif (!historyData?.data?.messages) {\nreturn;\n}\nconst messagesContainer = $(\"ai-assistant-messages\");\nif (!messagesContainer) {\nreturn;\n}\n// Clear existing prompt and suggestions\nconst promptDiv = messagesContainer.querySelector(\".ai-assistant-prompt\");\nconst suggestionsDiv = messagesContainer.querySelector(\n\".ai-assistant-suggestions\",\n);\nif (promptDiv) promptDiv.remove();\nif (suggestionsDiv) suggestionsDiv.remove();\n// Process v2 messages (type: \"HUMAN\"/\"AI\", structured content)\nconst messagesToDisplay = [];\nhistoryData.data.messages.forEach((msg, index) => {\nif (msg.type === \"HUMAN\") {\nconst humanText = msg.content?.content || \"\";\nif (getErrorMessage(humanText)) return;\nconfig.messageHistory.push({ type: msg.type, content: humanText });\nmessagesToDisplay.push({ type: \"human\", content: humanText, index });\n} else if (msg.type === \"AI\") {\nconst elements = msg.content || [];\nconst textContent = extractTextFromElements(elements);\nif (getErrorMessage(textContent)) return;\nconfig.messageHistory.push({ type: msg.type, content: textContent });\n// Extract carousel items from AI message elements\nconst carouselItems = extractCarouselItems(elements);\nif (carouselItems.length > 0) {\nmessagesToDisplay.push({\ntype: \"products\",\ntitle: textContent || \"Here are great gift ideas for you\",\nproducts: carouselItems,\nindex,\n});\n} else if (textContent) {\nmessagesToDisplay.push({ type: \"ai\", content: textContent, index });\n}\n}\n});\n// Check for annotatedItems in context (GET response uses SimpleShopAssistantAnswer)\nconst annotatedItems = historyData.data?.context?.annotatedItems;\nif (\nannotatedItems &&\nArray.isArray(annotatedItems) &&\nannotatedItems.length > 0\n) {\nlet titleForItems = \"Here are great gift ideas for you\";\nfor (let i = messagesToDisplay.length - 1; i >= 0; i--) {\nif (messagesToDisplay[i].type === \"ai\") {\ntitleForItems = messagesToDisplay[i].content;\nmessagesToDisplay[i].useAsTitleOnly = true;\nbreak;\n}\n}\nmessagesToDisplay.push({\ntype: \"products\",\ntitle: titleForItems,\nproducts: annotatedItems,\nindex: messagesToDisplay.length,\n});\n}\n// Display messages in chronological order\nmessagesToDisplay.forEach((msgItem) => {\nif (msgItem.type === \"human\") {\naddSelectedSuggestion(msgItem.content);\n} else if (msgItem.type === \"ai\" && !msgItem.useAsTitleOnly) {\naddAIMessage(msgItem.content, true);\n} else if (msgItem.type === \"products\") {\naddResultsSection(msgItem.title, msgItem.products);\n}\n});\nmessagesContainer.scrollTop = messagesContainer.scrollHeight;\n }\n async function sendChatRequest(message) {\nconst requestBody = {\nclientUUID: getUuid(),\nmessage: {\ntype: \"HUMAN\",\ncontent: {\ntype: \"BUBBLE_TEXT\",\ncontent: message,\n},\n},\n};\nconst headers = {\n\"Content-Type\": \"application/json\",\n};\nlet url;\nconst currentThreadId = config.threadId || loadThreadId();\nif (currentThreadId) {\n// Continue existing conversation via dedicated endpoint\nurl = `https://api.synerise.com/gen-ai/v2/ai-assistant/chat/${currentThreadId}/messages?code=${getToken()}`;\n} else {\nurl = config.apiEndpoint;\n}\nconst response = await fetch(url, {\nmethod: \"POST\",\nheaders: headers,\nbody: JSON.stringify(requestBody),\n});\nif (!response.ok) {\nthrow new Error(\n`API request failed: ${response.status} ${response.statusText}`,\n);\n}\nreturn await response.json();\n }\n async function handleSendMessage() {\nconst input = $(\"ai-assistant-input\");\nconst sendButton = $(\"ai-assistant-send\");\nconst message = input.value.trim();\nif (!message) return;\nconst suggestionsDiv = $(\"ai-assistant-suggestions\");\nif (suggestionsDiv && suggestionsDiv.style.display !== \"none\") {\nsuggestionsDiv.style.display = \"none\";\n}\naddSelectedSuggestion(message);\ninput.value = \"\";\nsendButton.disabled = true;\ninput.disabled = true;\n// Pause microphone during request\npauseMicrophoneForRequest();\nshowTypingIndicator();\ntry {\nconst response = await sendChatRequest(message);\nif (response.meta?.threadId) {\nconfig.threadId = response.meta.threadId;\nsaveThreadId(response.meta.threadId);\n}\nhideTypingIndicator();\nprocessAPIResponse(response);\n} catch (error) {\nhideTypingIndicator();\nconsole.error(\"Error sending message:\", error);\nshowErrorMessage();\n} finally {\nsendButton.disabled = false;\ninput.disabled = false;\ninput.focus();\n// Resume microphone after request if it was recording before\nresumeMicrophoneAfterRequest();\n}\n }\n function toggleChat() {\nconst chat = $(\"ai-assistant-chat\");\nchat.classList.toggle(\"open\");\nif (chat.classList.contains(\"open\")) {\nconst input = $(\"ai-assistant-input\");\nsetTimeout(() => input.focus(), 100);\n}\n }\n // Speech recognition functionality\n let recognition = null;\n let isRecording = false;\n let shouldContinueRecording = false;\n let wasRecordingBeforeRequest = false;\n function initSpeechRecognition() {\nconst SpeechRecognition =\nwindow.SpeechRecognition || window.webkitSpeechRecognition;\nif (!SpeechRecognition) {\nconsole.warn(\"Speech recognition not supported in this browser\");\nreturn false;\n}\nrecognition = new SpeechRecognition();\nrecognition.continuous = true;\nrecognition.interimResults = false;\nrecognition.lang = \"en-US\";\nrecognition.onstart = () => {\nisRecording = true;\nshouldContinueRecording = true;\nconst micButton = $(\"ai-assistant-microphone\");\nif (micButton) {\nmicButton.classList.add(\"recording\");\n}\n};\nrecognition.onresult = (event) => {\n// Get the last result (most recent speech)\nconst lastResult = event.results[event.results.length - 1];\nconst transcript = lastResult[0].transcript.trim();\n// Only process if the result is final\nif (lastResult.isFinal && transcript) {\nconst input = $(\"ai-assistant-input\");\nif (input) {\ninput.value = transcript;\n// Automatically send the message\nsetTimeout(() => {\nhandleSendMessage();\n}, 100);\n}\n}\n};\nrecognition.onerror = (event) => {\nconsole.error(\"Speech recognition error:\", event.error);\n// Don't stop on 'no-speech' error - just continue listening\nif (event.error === \"no-speech\") {\nreturn;\n}\n// For other errors, show message but keep trying if shouldContinueRecording\nif (event.error !== \"aborted\" && event.error !== \"network\") {\nconst messagesContainer = $(\"ai-assistant-messages\");\nif (messagesContainer) {\nconst errorDiv = document.createElement(\"div\");\nerrorDiv.className = \"ai-assistant-error\";\nerrorDiv.innerHTML = `\nSpeech recognition error: ${event.error}
\n`;\nmessagesContainer.appendChild(errorDiv);\nmessagesContainer.scrollTop = messagesContainer.scrollHeight;\n}\n}\n// If we should continue, restart recognition after a short delay\nif (shouldContinueRecording && event.error !== \"aborted\") {\nsetTimeout(() => {\nif (shouldContinueRecording && recognition) {\ntry {\nrecognition.start();\n} catch (e) {\nconsole.error(\"Error restarting recognition:\", e);\n}\n}\n}, 500);\n}\n};\nrecognition.onend = () => {\n// Automatically restart if we should continue recording\nif (shouldContinueRecording) {\ntry {\nrecognition.start();\n} catch (error) {\nconsole.error(\"Error restarting recognition:\", error);\nisRecording = false;\nshouldContinueRecording = false;\nconst micButton = $(\"ai-assistant-microphone\");\nif (micButton) {\nmicButton.classList.remove(\"recording\");\n}\n}\n} else {\nisRecording = false;\nconst micButton = $(\"ai-assistant-microphone\");\nif (micButton) {\nmicButton.classList.remove(\"recording\");\n}\n}\n};\nreturn true;\n }\n function toggleSpeechRecognition() {\nif (!recognition) {\nif (!initSpeechRecognition()) {\nconst messagesContainer = $(\"ai-assistant-messages\");\nif (messagesContainer) {\nconst errorDiv = document.createElement(\"div\");\nerrorDiv.className = \"ai-assistant-error\";\nerrorDiv.innerHTML = `\nSpeech recognition is not supported in this browser.
\n`;\nmessagesContainer.appendChild(errorDiv);\nmessagesContainer.scrollTop = messagesContainer.scrollHeight;\n}\nreturn;\n}\n}\nif (isRecording) {\n// Stop recording\nshouldContinueRecording = false;\nrecognition.stop();\n} else {\n// Start continuous recording\nshouldContinueRecording = true;\ntry {\nrecognition.start();\n} catch (error) {\nconsole.error(\"Error starting speech recognition:\", error);\nshouldContinueRecording = false;\n}\n}\n }\n // Pause microphone during request\n function pauseMicrophoneForRequest() {\nif (isRecording && recognition) {\nwasRecordingBeforeRequest = true;\nshouldContinueRecording = false;\nrecognition.stop();\n} else {\nwasRecordingBeforeRequest = false;\n}\n }\n // Resume microphone after request if it was recording before\n function resumeMicrophoneAfterRequest() {\nif (wasRecordingBeforeRequest && recognition) {\nshouldContinueRecording = true;\ntry {\nrecognition.start();\n} catch (error) {\nconsole.error(\"Error resuming speech recognition:\", error);\nwasRecordingBeforeRequest = false;\n}\n}\n }\n function loadConfiguration() {\nconst container = document.getElementById(config.containerId);\nif (container) {\nif (container.dataset.apiEndpoint) {\nconfig.apiEndpoint = container.dataset.apiEndpoint;\n}\nif (container.dataset.buttonImageSrc) {\nconfig.buttonImageSrc = container.dataset.buttonImageSrc;\n}\nif (container.dataset.promptIconSrc) {\nconfig.promptIconSrc = container.dataset.promptIconSrc;\n}\n}\nif (window.AIAssistantConfig) {\nObject.assign(config, window.AIAssistantConfig);\n}\n }\n async function initChatbot() {\nconst container = document.getElementById(config.containerId);\nif (!container) {\nconsole.error(\"AI Assistant: Container not found!\");\nreturn;\n}\nloadConfiguration();\nconst savedThreadId = loadThreadId();\nif (savedThreadId) {\nconfig.threadId = savedThreadId;\n}\n// Create Shadow DOM for style encapsulation\nroot = container.attachShadow({ mode: \"open\" });\nconst styleEl = document.createElement(\"style\");\nstyleEl.textContent = getStyles();\nroot.appendChild(styleEl);\nconst wrapper = document.createElement(\"div\");\nwrapper.innerHTML = createChatbotHTML();\nwhile (wrapper.firstChild) {\nroot.appendChild(wrapper.firstChild);\n}\n// Light DOM style for hiding external chatbase elements\nconst hostStyle = document.createElement(\"style\");\nhostStyle.textContent =\n\"#chatbase-bubble-button, #chatbase-message-bubbles { display: none !important; }\";\ndocument.head.appendChild(hostStyle);\nconst toggleButton = $(\"ai-assistant-toggle\");\ntoggleButton.addEventListener(\"click\", toggleChat);\ntoggleButton.addEventListener(\"keypress\", (e) => {\nif (e.key === \"Enter\" || e.key === \" \") {\ne.preventDefault();\ntoggleChat();\n}\n});\n$(\"ai-assistant-close\").addEventListener(\"click\", toggleChat);\n$(\"ai-assistant-reset\").addEventListener(\"click\", resetConversation);\n$(\"ai-assistant-send\").addEventListener(\"click\", handleSendMessage);\nconst micButton = $(\"ai-assistant-microphone\");\nif (micButton) {\nmicButton.addEventListener(\"click\", toggleSpeechRecognition);\n}\nconst input = $(\"ai-assistant-input\");\ninput.addEventListener(\"keypress\", (e) => {\nif (e.key === \"Enter\") {\nhandleSendMessage();\n}\n});\nif (savedThreadId) {\ntry {\nawait restoreConversationHistory();\n} catch (error) {\nconsole.error(\"Error restoring conversation history:\", error);\nsetTimeout(() => {\naddPromptSection();\n}, 300);\n}\n} else {\nsetTimeout(() => {\naddPromptSection();\n}, 300);\n}\n }\n if (document.readyState === \"loading\") {\ndocument.addEventListener(\"DOMContentLoaded\", initChatbot);\n } else {\ninitChatbot();\n }\n})();"},"id":18352981,"name":"Variant A","parsedData":{},"percentage":100,"selector":".snrs-modal-wrapper","selectorPrefix":"BEFORE"}],"viewsExcludePageUrl":[],"viewsPageUrl":[{"requirement":"?shoppingAI","type":"CONTAIN"}]},{"capping":{},"containsJinjava":true,"displayType":"OBJECT","experimentId":null,"experimentVariantId":null,"frequency":{"options":{"count":"1","times":"1","timesType":"HOURS"},"type":"ALWAYS"},"id":"36c821f5-d900-4e8f-8325-ec1769411147","isABX":false,"isControlGroup":false,"isGlobalControlGroupEnabled":false,"isSegment":false,"options":{"batchDelivery":false,"controlGroup":0,"utm":{"campaign":"","medium":"","parameters":{},"source":"","term":""}},"stopDisplay":{"options":{},"type":"NEVER"},"subject":"[Survey] Newsletter Unsubscribe - All v2","targetRestriction":[],"trigger":{"options":{"delayType":"SECONDS"},"type":"ON_LANDING"},"variants":[{"content":{},"id":14280882,"name":"Variant A","parsedData":{},"percentage":100,"selector":"section[id=\"3c9cfa85-51d3-4be1-8e6d-067da9f86a44\"]","selectorPrefix":"BEFORE"}],"viewsExcludePageUrl":[],"viewsPageUrl":[{"requirement":"/unsubscribe","type":"CONTAIN"}]},{"capping":{},"containsJinjava":true,"displayType":"OBJECT","experimentId":null,"experimentVariantId":null,"frequency":{"options":{"count":"1","times":"1","timesType":"HOURS"},"type":"ALWAYS"},"id":"d9053042-cff7-4eaa-9334-9aba7730b2bf","isABX":false,"isControlGroup":false,"isGlobalControlGroupEnabled":false,"isSegment":false,"options":{"batchDelivery":false,"controlGroup":0,"includeAudience":false,"utm":{"parameters":{}}},"stopDisplay":{"options":{},"type":"NEVER"},"subject":"[snrs-dev] Plus quest APP - prod","targetRestriction":[],"trigger":{"options":{"delayType":"SECONDS"},"type":"ON_LANDING"},"variants":[{"content":{},"id":20483001,"name":"Variant A","parsedData":{},"percentage":100,"selector":".ma_misja_zakupowa_mobile","selectorPrefix":"INNER"}],"viewsExcludePageUrl":[],"viewsPageUrl":[{"requirement":"/plus","type":"CONTAIN"},{"requirement":"?appQuestTest","type":"CONTAIN"}]},{"capping":{},"containsJinjava":true,"displayType":"OBJECT","experimentId":null,"experimentVariantId":null,"frequency":{"options":{"count":"1","times":"1","timesType":"HOURS"},"type":"ALWAYS"},"id":"3ca88eaa-f9c7-4751-8f6d-196a6833c6fb","isABX":false,"isControlGroup":false,"isGlobalControlGroupEnabled":false,"isSegment":false,"options":{"batchDelivery":false,"controlGroup":0,"includeAudience":false,"utm":{"parameters":{}}},"stopDisplay":{"options":{},"type":"AFTER_ACTION"},"subject":"[HP DE] Gaming4you seller banner ","targetRestriction":["DESKTOP"],"trigger":{"options":{"delayType":"SECONDS","delayValue":"1"},"type":"ON_LANDING"},"variants":[{"content":{},"id":17110740,"name":"Wariant A","parsedData":{},"percentage":100,"selector":"#bb401c15-018f-4099-a7b3-f74d9a39e0fc","selectorPrefix":"AFTER"}],"viewsExcludePageUrl":[],"viewsPageUrl":[{"requirement":"https://www.g2a.com/de/","type":"EQUALS"}]},{"capping":{},"containsJinjava":false,"displayType":"OBJECT","experimentId":null,"experimentVariantId":null,"frequency":{"options":{"count":"1","times":"1","timesType":"DAYS"},"type":"ONCE_PER_DAY"},"id":"95030eb0-b384-45fd-9ffb-927422d7bdfb","isABX":false,"isControlGroup":false,"isGlobalControlGroupEnabled":false,"isSegment":true,"options":{"batchDelivery":false,"controlGroup":0,"includeAudience":false,"utm":{"campaign":"","medium":"","parameters":{},"source":"","term":""}},"stopDisplay":{"options":{"times":"3"},"type":"AFTER_ACTION"},"subject":"[UXR][1][n] Tlumaczenia TR UXR-1161","targetRestriction":["DESKTOP"],"trigger":{"options":{"delayType":"SECONDS","delayValue":"5"},"type":"ON_LANDING"},"variants":[{"content":{},"id":20403940,"name":"Variant A","parsedData":{},"percentage":100,"selector":"#root","selectorPrefix":"AFTER"}],"viewsExcludePageUrl":[{"requirement":"/nl/","type":"CONTAIN"},{"requirement":"/page/cart","type":"CONTAIN"},{"requirement":"/unsubscribe","type":"CONTAIN"},{"requirement":"/de/","type":"CONTAIN"},{"requirement":"/payment","type":"CONTAIN"},{"requirement":"login","type":"CONTAIN"},{"requirement":"/pl/","type":"CONTAIN"},{"requirement":"dashboard","type":"CONTAIN"},{"requirement":"/it/","type":"CONTAIN"},{"requirement":"/es/","type":"CONTAIN"},{"requirement":"/page/get-key","type":"CONTAIN"},{"requirement":"/ro/","type":"CONTAIN"},{"requirement":"/fr/","type":"CONTAIN"},{"requirement":"/survey","type":"CONTAIN"}],"viewsPageUrl":[{"requirement":"/tr/","type":"CONTAIN"}]}]}