lisichatbot 1.0.1 → 1.0.2

package/package.json

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

package/src/index.js

@@ -388,11 +388,13 @@ function handleCompletion() {
 // INITIALIZATION
 // =============================================================================
 
-function init(containerId, flowConfig) {
-    // Get container
-    elements.container = document.getElementById(containerId);
+function init(flowName, flowConfig) {
+    // Find container by data-chat-element="chat-wrapper"
+    elements.container = document.querySelector('[data-chat-element="chat-wrapper"]');
+    
     if (!elements.container) {
-        console.error('Container not found:', containerId);
+        console.error('Container with data-chat-element="chat-wrapper" not found');
+        console.error('Please add <div data-chat-element="chat-wrapper"></div> to your HTML');
         return null;
     }
 
@@ -410,28 +412,21 @@ function init(containerId, flowConfig) {
     chatState.history = [];
     chatState.currentSelection = null;
 
-    // Create UI with data-chat-element attributes
+    // Clear existing content and create structure
     elements.container.innerHTML = `
-        <div class="cf-wrapper" data-chat-element="chat-wrapper">
-            <div class="cf-messages" 
-                 id="cfMessages" 
-                 data-chat-element="messages-container"></div>
-            <div class="cf-bottom" 
-                 data-chat-element="navigation-bottom">
-                <button id="cfNextBtn" 
-                        class="cf-next-btn" 
-                        data-chat-element="next-button"
-                        style="opacity: 0.5; cursor: not-allowed;" 
-                        disabled>
-                    Next →
-                </button>
-            </div>
+        <div data-chat-element="messages-container"></div>
+        <div data-chat-element="navigation-bottom">
+            <button data-chat-element="next-button"
+                    style="opacity: 0.5; cursor: not-allowed;" 
+                    disabled>
+                Next →
+            </button>
         </div>
     `;
 
-    // Get elements
-    elements.messages = document.getElementById('cfMessages');
-    elements.nextBtn = document.getElementById('cfNextBtn');
+    // Get elements by data-chat-element
+    elements.messages = elements.container.querySelector('[data-chat-element="messages-container"]');
+    elements.nextBtn = elements.container.querySelector('[data-chat-element="next-button"]');
 
     // Add event listener
     if (elements.nextBtn) {
@@ -446,12 +441,13 @@ function init(containerId, flowConfig) {
     // Start
     showNextStep();
 
-    console.log('✅ Conversational Flow Builder initialized with custom attributes');
+    console.log(`✅ Flow "${flowName}" initialized`);
 
     return {
         getState,
         reset,
-        goToStep
+        goToStep,
+        editStep
     };
 }