@a.izzuddin/ai-chat 0.2.16 → 0.2.18

package/custom-elements.json

@@ -601,6 +601,16 @@
               "default": "''",
               "attribute": "bot-avatar-url"
             },
+            {
+              "kind": "field",
+              "name": "userAvatarUrl",
+              "privacy": "public",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "attribute": "user-avatar-url"
+            },
             {
               "kind": "field",
               "name": "widgetIconUrl",
@@ -1038,6 +1048,14 @@
               "default": "''",
               "fieldName": "botAvatarUrl"
             },
+            {
+              "name": "user-avatar-url",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "fieldName": "userAvatarUrl"
+            },
             {
               "name": "widget-icon-url",
               "type": {

package/dist/index.d.mts

@@ -66,6 +66,7 @@ declare class AIChat extends LitElement {
     mode: 'fullscreen' | 'widget';
     initialMessages: Message[];
     botAvatarUrl: string;
+    userAvatarUrl: string;
     widgetIconUrl: string;
     backgroundImageUrl: string;
     widgetWidth: string;
@@ -111,6 +112,10 @@ declare class AIChat extends LitElement {
             type: StringConstructor;
             attribute: string;
         };
+        userAvatarUrl: {
+            type: StringConstructor;
+            attribute: string;
+        };
         widgetIconUrl: {
             type: StringConstructor;
             attribute: string;

package/dist/index.d.ts

@@ -66,6 +66,7 @@ declare class AIChat extends LitElement {
     mode: 'fullscreen' | 'widget';
     initialMessages: Message[];
     botAvatarUrl: string;
+    userAvatarUrl: string;
     widgetIconUrl: string;
     backgroundImageUrl: string;
     widgetWidth: string;
@@ -111,6 +112,10 @@ declare class AIChat extends LitElement {
             type: StringConstructor;
             attribute: string;
         };
+        userAvatarUrl: {
+            type: StringConstructor;
+            attribute: string;
+        };
         widgetIconUrl: {
             type: StringConstructor;
             attribute: string;

package/dist/index.js

@@ -16,7 +16,7 @@ var __decorateClass = (decorators, target, key, kind) => {
   if (kind && result) __defProp(target, key, result);
   return result;
 };
-var VERSION = "0.2.16";
+var VERSION = "0.2.18";
 exports.AIChat = class AIChat extends lit.LitElement {
   constructor() {
     super();
@@ -27,6 +27,7 @@ exports.AIChat = class AIChat extends lit.LitElement {
     this.mode = "fullscreen";
     this.initialMessages = [];
     this.botAvatarUrl = "";
+    this.userAvatarUrl = "";
     this.widgetIconUrl = "";
     this.backgroundImageUrl = "";
     this.widgetWidth = "380px";
@@ -94,7 +95,6 @@ ${this.welcomeSubtitle}` : this.welcomeMessage;
     try {
       const lastSessionId = sessionStorage.getItem("ai-chat-last-session-id");
       if (lastSessionId && lastSessionId !== this.sessionId) {
-        console.log(`\u{1F504} Session changed from "${lastSessionId}" to "${this.sessionId}", clearing old messages`);
         const oldStorageKey = `ai-chat-messages-${lastSessionId}`;
         sessionStorage.removeItem(oldStorageKey);
         sessionStorage.setItem("ai-chat-last-session-id", this.sessionId);
@@ -208,6 +208,7 @@ ${this.welcomeSubtitle}` : this.welcomeMessage;
       this.messages = savedMessages;
     } else {
       let suggestedQuestions = void 0;
+      let fetchFailed = false;
       if (this.initialQuestionsUrl) {
         try {
           let fetchUrl = this.initialQuestionsUrl;
@@ -215,11 +216,9 @@ ${this.welcomeSubtitle}` : this.welcomeMessage;
             const separator = fetchUrl.includes("?") ? "&" : "?";
             fetchUrl = `${fetchUrl}${separator}language=${this.language}`;
           }
-          console.log("\u{1F4E4} Fetching initial questions from:", fetchUrl);
           const response = await fetch(fetchUrl);
           if (response.ok) {
             const data = await response.json();
-            console.log("\u{1F4E5} Fetched initial questions:", data);
             let questionsArray = data.questions || data.suggested_questions || data;
             if (Array.isArray(questionsArray) && questionsArray.length > 0) {
               if (typeof questionsArray[0] === "object" && questionsArray[0].question_text) {
@@ -235,12 +234,17 @@ ${this.welcomeSubtitle}` : this.welcomeMessage;
                 }));
               }
             }
-            console.log("\u2705 Processed suggested questions:", suggestedQuestions);
+          } else {
+            fetchFailed = true;
           }
         } catch (error) {
           console.warn("Failed to fetch initial questions:", error);
+          fetchFailed = true;
         }
       }
+      if (fetchFailed) {
+        this.clearMessagesFromStorage();
+      }
       if (this.welcomeMessage) {
         const welcomeText = this.welcomeSubtitle ? `${this.welcomeMessage}
 
@@ -327,7 +331,6 @@ ${this.welcomeSubtitle}` : this.welcomeMessage;
         baseUrl = "http://43.217.183.120:8080";
       }
       const url = `${baseUrl}/api/questions/${question.id}?question_type=${question.question_type}`;
-      console.log("\u{1F4E4} Calling suggested question API:", url);
       const response = await fetch(url, {
         method: "GET",
         headers: { "Content-Type": "application/json" }
@@ -337,7 +340,6 @@ ${this.welcomeSubtitle}` : this.welcomeMessage;
         throw new Error(`Backend error: ${response.status} ${errorText}`);
       }
       const data = await response.json();
-      console.log("\u{1F50D} Suggested question API response:", data);
       let responseText = "No response from agent";
       let suggestedQuestions = void 0;
       if (data && typeof data === "object") {
@@ -415,40 +417,29 @@ ${this.welcomeSubtitle}` : this.welcomeMessage;
         throw new Error(`Backend error: ${response.status} ${errorText}`);
       }
       const data = await response.json();
-      console.log("\u{1F50D} Raw API response:", data);
       let responseText = "No response from agent";
       let faqs = void 0;
       let suggestedQuestions = void 0;
       if (data && typeof data === "object" && data.response && typeof data.response === "string") {
-        console.log("\u{1F4DD} data.response type:", typeof data.response);
-        console.log("\u{1F4DD} data.response preview:", data.response.substring(0, 100));
         const trimmedResponse = data.response.trim();
         if (trimmedResponse.startsWith("{") || trimmedResponse.startsWith("[")) {
-          console.log("\u{1F504} Detected stringified JSON, parsing...");
           try {
             const innerData = JSON.parse(data.response);
-            console.log("\u2705 Parsed inner data with JSON.parse");
             if (innerData && innerData.response && typeof innerData.response === "string") {
               responseText = innerData.response;
               faqs = innerData.faq_used || innerData.faqs_used || void 0;
               suggestedQuestions = this.normalizeSuggestedQuestions(innerData.suggested_follow_ups || innerData.suggested_questions);
-              console.log("\u2705 Extracted text length:", responseText.length);
-              console.log("\u2705 Extracted FAQs count:", faqs?.length || 0);
-              console.log("\u2705 Extracted suggested questions count:", suggestedQuestions?.length || 0);
             } else {
               responseText = data.response;
               faqs = data.faq_used || data.faqs_used || void 0;
               suggestedQuestions = this.normalizeSuggestedQuestions(data.suggested_follow_ups || data.suggested_questions);
             }
           } catch (parseError) {
-            console.warn("\u26A0\uFE0F JSON.parse failed, using regex extraction...", parseError);
             const responsePattern = /"response"\s*:\s*"([^"]*(?:\\.[^"]*)*)"/s;
             const responseMatch = data.response.match(responsePattern);
             if (responseMatch) {
               responseText = responseMatch[1].replace(/\\n/g, "\n").replace(/\\t/g, "	").replace(/\\r/g, "\r").replace(/\\"/g, '"').replace(/\\\\/g, "\\");
-              console.log("\u2705 Extracted response text, length:", responseText.length);
             } else {
-              console.error("\u274C Could not extract response");
               responseText = "Error: Could not parse response";
             }
             const faqsPattern = /"(?:faq_used|faqs_used)"\s*:\s*(\[[^\]]*\])/s;
@@ -456,15 +447,12 @@ ${this.welcomeSubtitle}` : this.welcomeMessage;
             if (faqsMatch) {
               try {
                 faqs = JSON.parse(faqsMatch[1]);
-                console.log("\u2705 Extracted FAQs, count:", faqs?.length || 0);
               } catch {
-                console.log("\u26A0\uFE0F Could not parse FAQs, trying multiline...");
                 const faqsMultiPattern = /"(?:faq_used|faqs_used)"\s*:\s*(\[[\s\S]*?\n\s*\])/;
                 const faqsMultiMatch = data.response.match(faqsMultiPattern);
                 if (faqsMultiMatch) {
                   try {
                     faqs = JSON.parse(faqsMultiMatch[1]);
-                    console.log("\u2705 Extracted multi-line FAQs, count:", faqs?.length || 0);
                   } catch {
                     faqs = void 0;
                   }
@@ -477,16 +465,13 @@ ${this.welcomeSubtitle}` : this.welcomeMessage;
               try {
                 const parsedQuestions = JSON.parse(suggestedMatch[1]);
                 suggestedQuestions = this.normalizeSuggestedQuestions(parsedQuestions);
-                console.log("\u2705 Extracted suggested questions, count:", suggestedQuestions?.length || 0);
               } catch {
-                console.log("\u26A0\uFE0F Could not parse suggested questions, trying multiline...");
                 const suggestedMultiPattern = /"(?:suggested_follow_ups|suggested_questions)"\s*:\s*(\[[\s\S]*?\n\s*\])/;
                 const suggestedMultiMatch = data.response.match(suggestedMultiPattern);
                 if (suggestedMultiMatch) {
                   try {
                     const parsedQuestions = JSON.parse(suggestedMultiMatch[1]);
                     suggestedQuestions = this.normalizeSuggestedQuestions(parsedQuestions);
-                    console.log("\u2705 Extracted multi-line suggested questions, count:", suggestedQuestions?.length || 0);
                   } catch {
                     suggestedQuestions = void 0;
                   }
@@ -495,24 +480,17 @@ ${this.welcomeSubtitle}` : this.welcomeMessage;
             }
           }
         } else {
-          console.log("\u{1F4C4} Direct text response (not JSON)");
           responseText = data.response;
           faqs = data.faq_used || data.faqs_used || void 0;
           suggestedQuestions = this.normalizeSuggestedQuestions(data.suggested_follow_ups || data.suggested_questions);
         }
       } else if (typeof data === "string") {
-        console.log("\u{1F4C4} Response is a plain string");
         responseText = data;
       } else if (data && typeof data === "object") {
-        console.warn("\u26A0\uFE0F Unexpected format, using fallback");
         responseText = data.message || data.answer || "Error: Unexpected response format";
         faqs = data.faq_used || data.faqs_used || void 0;
         suggestedQuestions = this.normalizeSuggestedQuestions(data.suggested_follow_ups || data.suggested_questions);
       }
-      console.log("\u{1F3AF} Final responseText length:", responseText.length);
-      console.log("\u{1F3AF} Final responseText preview:", responseText.substring(0, 100));
-      console.log("\u{1F3AF} Final FAQs:", faqs);
-      console.log("\u{1F3AF} Final suggested questions:", suggestedQuestions);
       const assistantMessage = {
         id: (Date.now() + 1).toString(),
         role: "assistant",
@@ -570,7 +548,9 @@ ${this.welcomeSubtitle}` : this.welcomeMessage;
     })}
             >
               <div class="avatar">
-                ${msg.role === "user" ? "U" : this.botAvatarUrl ? lit.html`<img src="${this.botAvatarUrl}" alt="AI" class="avatar-image" />` : "AI"}
+                ${msg.role === "user" ? this.userAvatarUrl ? lit.html`<img src="${this.userAvatarUrl}" alt="User" class="avatar-image" />` : lit.html`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" style="width: 20px; height: 20px;">
+                        <path d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"/>
+                      </svg>` : this.botAvatarUrl ? lit.html`<img src="${this.botAvatarUrl}" alt="AI" class="avatar-image" />` : "AI"}
               </div>
               <div class="message-content">
                 <div class="message-text">${unsafeHtml_js.unsafeHTML(this.formatMessageContent(msg.content))}</div>
@@ -588,7 +568,7 @@ ${this.welcomeSubtitle}` : this.welcomeMessage;
                 ` : ""}
                 ${msg.role === "assistant" && msg.suggestedQuestions && msg.suggestedQuestions.length > 0 ? lit.html`
                   <div class="faq-section">
-                    <p class="faq-title">Suggested Questions:</p>
+                    <p class="faq-title">Cadangan Soalan:</p>
                     <ul class="faq-list">
                       ${msg.suggestedQuestions.map((question) => lit.html`
                         <li class="faq-item" @click=${() => this.handleFAQClick(question)}>
@@ -1452,6 +1432,7 @@ exports.AIChat.properties = {
   mode: { type: String, reflect: true },
   initialMessages: { type: Array },
   botAvatarUrl: { type: String, attribute: "bot-avatar-url" },
+  userAvatarUrl: { type: String, attribute: "user-avatar-url" },
   widgetIconUrl: { type: String, attribute: "widget-icon-url" },
   backgroundImageUrl: { type: String, attribute: "background-image-url" },
   widgetWidth: { type: String, attribute: "widget-width" },