vue-wiguet-chatweb 0.1.9 → 0.1.11

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vue-wiguet-chatweb",
-  "version": "0.1.9",
+  "version": "0.1.11",
   "type": "module",
   "files": [
     "dist",

package/src/components/Chat.vue

@@ -29,8 +29,9 @@
               ref="textAreaRef"
               @input="() => autoAdjustHeight()"
               @keydown.enter.prevent
-              @keyup.enter.prevent="submitMessage"
+              @keyup.enter="saltoDeLineaOEnviar"
             />
+
             <button type="submit" class="pointer btn-primary">
               <IconSend style="width: 20px; height: 20px" />
             </button>
@@ -127,6 +128,17 @@ watch(
   }
 );
 
+function saltoDeLineaOEnviar(event: KeyboardEvent) {
+  if (event.key === "Enter" && event.shiftKey) {
+    const val = (event.target as any)?.value || '';
+    (event.target as any).value = val + "\n";
+    autoAdjustHeight()
+    return
+  }
+
+  submitMessage(event);
+}
+
 const submitMessage = async (event: Event) => {
   if (message.value?.length > 300) {
     emit("show-toast", {

package/src/components/MessageList.vue

@@ -26,9 +26,7 @@
         <div class="chat-message">
           <div class="bubble" :class="message.esCliente ? 'right' : 'left'">
             <div :class="message.esCliente ? 'content-right' : 'content-left'">
-              <div class="message-text">
-                {{ message.message }}
-              </div>
+              <div class="message-text" style="white-space: pre-line" v-html="convertUrlsToLinks(message.message)"></div>
               <div class="detail-message flex justify-content-between">
                 <span class="mr-5" v-if="message.sender?.nombreCompleto">
                   {{
@@ -99,6 +97,16 @@ watch(
     pause();
   }
 );
+
+function convertUrlsToLinks(content:string) {
+    // Expresión regular para detectar URLs
+    const urlRegex = /(https?:\/\/[^\s]+)/g;
+
+    // Reemplazar las URLs con etiquetas <a>
+    return content.replace(urlRegex, (url) => {
+        return `<a href="${url}" target="_blank">${url}</a>`;
+    });
+}
 </script>
 
 <style scoped>

package/src/components/Widget.vue

@@ -31,7 +31,7 @@
       <div class="new-message-badge" v-if="newMessages" >
         {{ newMessages > 9 ? "9+" : newMessages }}
       </div>
-      <a href="javascript:;" @click="toggleButtonsChats = !toggleButtonsChats">
+      <a href="javascript:;" @click="props.tokenAuth.length > 10 && toggleChat()">
         <IconWidget />
       </a>
     </div>