lisichatbot 1.0.5 → 1.0.7

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "lisichatbot",
-  "version": "1.0.5",
+  "version": "1.0.7",
   "type": "module",
   "main": "./src/index.js",
   "exports": {

package/src/index.js

@@ -140,6 +140,13 @@ function renderOptions(options, field, isSingleSelect = true) {
         // Clone existing option element
         const clone = existingOption.cloneNode(true);
 
+        // Make clone visible (remove display:none from template)
+        clone.style.display = '';
+
+        // Reset to unchecked state
+        clone.classList.remove('cf-checked');
+        clone.style.backgroundColor = 'transparent';
+
         // Set data attributes on container
         clone.setAttribute('data-chat-element', inputTypeAttr);
         clone.setAttribute('data-field', field);
@@ -153,12 +160,22 @@ function renderOptions(options, field, isSingleSelect = true) {
             input.setAttribute('data-chat-element', inputTypeAttr);
             input.name = field;
             input.value = valueStr;
+            input.checked = false; // Ensure unchecked initially
+        }
+
+        // Find and ensure tick icon is hidden initially
+        const tickIcon = clone.querySelector('[data-chat-input-element="tick-icon"]');
+        if (tickIcon) {
+            tickIcon.style.display = 'none';
         }
 
         // Find and set text
         const textElement = clone.querySelector('[data-chat-input-element="text"]');
         if (textElement) {
             textElement.textContent = optionName;
+            textElement.style.display = ''; // Make sure text is visible
+        } else {
+            console.error('Text element not found in option');
         }
 
         // Append to wrapper
@@ -554,7 +571,7 @@ function injectStyles() {
             margin-bottom: 16px;
         }
 
-        /* Options wrapper spacing and layout */
+        /* Options wrapper spacing */
         [data-chat-element="options-wrapper"] {
             margin-bottom: 20px;
             display: flex;
@@ -562,17 +579,16 @@ function injectStyles() {
             gap: 12px;
         }
 
-        /* Individual option spacing */
-        [data-chat-input-element="container"] {
-            margin-bottom: 0;
+        /* Ensure checked state shows background color */
+        [data-chat-element="single-select-input"].cf-checked,
+        [data-chat-element="multi-select-input"].cf-checked {
+            background-color: var(--selected-bg, #667eea) !important;
         }
 
-        /* Remove any default stretching */
-        [data-chat-element="single-select-input"],
-        [data-chat-element="multi-select-input"] {
-            width: auto;
-            max-width: 100%;
-            display: inline-flex;
+        /* Ensure tick icon shows when checked */
+        [data-chat-element="single-select-input"].cf-checked [data-chat-input-element="tick-icon"],
+        [data-chat-element="multi-select-input"].cf-checked [data-chat-input-element="tick-icon"] {
+            display: block !important;
         }
 
         /* Messages container padding */