vlite3 1.0.5 → 1.0.7

package/components/AttachmentsList/AttachmentsList.vue.js

@@ -4,9 +4,9 @@ import P from "../Icon.vue.js";
 import N from "../Button.vue.js";
 import { $t as w } from "../../utils/i18n.js";
 import { downloadFile as E } from "../../utils/functions.js";
-import g from "../FilePreview/FilePreview.vue.js";
+import b from "../FilePreview/FilePreview.vue.js";
 import { getFileTypeIcon as F } from "./fileTypeIcon.js";
-const G = ["onClick"], K = ["src"], W = ["title"], q = { class: "vl-attachments-list__item-size text-xs text-muted-foreground mt-0.5" }, H = ["onClick"], J = { class: "flex items-center gap-3 overflow-hidden min-w-0" }, O = ["src"], Q = { class: "flex flex-col overflow-hidden leading-tight min-w-0" }, R = ["title"], X = ["aria-label"], Y = ["aria-label", "onClick"], ie = /* @__PURE__ */ S({
+const G = ["onClick"], K = ["src"], W = ["title"], q = { class: "vl-attachments-list__item-size text-xs text-muted-foreground mt-0.5" }, H = ["onClick"], J = { class: "flex items-center gap-3 overflow-hidden min-w-0 flex-1" }, O = ["src"], Q = { class: "flex flex-col overflow-hidden leading-tight min-w-0" }, R = ["title"], X = ["aria-label"], Y = ["aria-label", "onClick"], ie = /* @__PURE__ */ S({
   __name: "AttachmentsList",
   props: {
     attachments: {},
@@ -31,16 +31,16 @@ const G = ["onClick"], K = ["src"], W = ["title"], q = { class: "vl-attachments-
     emptyClass: { default: "" }
   },
   setup(t) {
-    const c = t, b = L(null), k = f(() => c.attachments ? Array.isArray(c.attachments) ? c.attachments : [c.attachments] : []), I = (n) => {
+    const c = t, g = L(null), k = f(() => c.attachments ? Array.isArray(c.attachments) ? c.attachments : [c.attachments] : []), I = (n) => {
       if (!n) return "0 Bytes";
       const h = 1024, e = ["Bytes", "KB", "MB", "GB"], s = Math.floor(Math.log(n) / Math.log(h));
       return parseFloat((n / Math.pow(h, s)).toFixed(2)) + " " + e[s];
     }, D = async (n) => {
       n.fileUrl && n.fileUrl !== "#" && await E(n.fileUrl, n.fileName || "attachment");
     }, A = (n) => n.fileType && n.fileType.startsWith("image/") ? !0 : /\.(jpg|jpeg|png|gif|webp|svg|bmp)(\?.*)?$/i.test(n.fileUrl || ""), V = (n) => {
-      c.clickToPreview && c.canView && (b.value = n);
+      c.clickToPreview && c.canView && (g.value = n);
     }, $ = () => {
-      b.value = null;
+      g.value = null;
     }, r = f(() => {
       switch (c.size) {
         case "sm":
@@ -108,7 +108,7 @@ const G = ["onClick"], K = ["src"], W = ["title"], q = { class: "vl-attachments-
                   key: 0,
                   title: e.fileName || i(w)("common.words.preview", "Preview"),
                   "max-width": "max-w-3xl",
-                  body: i(g),
+                  body: i(b),
                   bodyProps: { url: e.fileUrl, name: e.fileName, canDownload: t.canDownload }
                 }, {
                   trigger: T(() => [
@@ -142,10 +142,10 @@ const G = ["onClick"], K = ["src"], W = ["title"], q = { class: "vl-attachments-
             ], 2),
             t.clickToPreview && t.canView ? (a(), u(x, {
               key: 0,
-              show: b.value === s,
+              show: g.value === s,
               title: e.fileName || i(w)("common.words.preview", "Preview"),
               "max-width": "max-w-3xl",
-              body: i(g),
+              body: i(b),
               bodyProps: { url: e.fileUrl, name: e.fileName, canDownload: t.canDownload },
               onClose: $
             }, null, 8, ["show", "title", "body", "bodyProps"])) : m("", !0)
@@ -184,7 +184,7 @@ const G = ["onClick"], K = ["src"], W = ["title"], q = { class: "vl-attachments-
               ], 2),
               d("div", Q, [
                 d("span", {
-                  class: l(["vl-attachments-list__item-name font-medium truncate", [
+                  class: l(["vl-attachments-list__item-name font-medium truncate block", [
                     r.value.text,
                     t.variant === "inline" ? "" : "text-foreground",
                     t.itemNameClass
@@ -211,7 +211,7 @@ const G = ["onClick"], K = ["src"], W = ["title"], q = { class: "vl-attachments-
                   key: 0,
                   title: e.fileName || i(w)("common.words.preview", "Preview"),
                   "max-width": "max-w-3xl",
-                  body: i(g),
+                  body: i(b),
                   bodyProps: { url: e.fileUrl, name: e.fileName, canDownload: t.canDownload }
                 }, {
                   trigger: T(() => [
@@ -245,7 +245,7 @@ const G = ["onClick"], K = ["src"], W = ["title"], q = { class: "vl-attachments-
                   key: 0,
                   title: e.fileName || i(w)("common.words.preview", "Preview"),
                   "max-width": "max-w-3xl",
-                  body: i(g),
+                  body: i(b),
                   bodyProps: { url: e.fileUrl, name: e.fileName, canDownload: t.canDownload }
                 }, {
                   trigger: T(() => [
@@ -271,10 +271,10 @@ const G = ["onClick"], K = ["src"], W = ["title"], q = { class: "vl-attachments-
           ], 10, H))), 128)),
           t.clickToPreview && t.canView ? (a(!0), o(v, { key: 0 }, U(k.value, (e, s) => (a(), u(x, {
             key: `preview-${s}`,
-            show: b.value === s,
+            show: g.value === s,
             title: e.fileName || i(w)("common.words.preview", "Preview"),
             "max-width": "max-w-3xl",
-            body: i(g),
+            body: i(b),
             bodyProps: { url: e.fileUrl, name: e.fileName, canDownload: t.canDownload },
             onClose: $
           }, null, 8, ["show", "title", "body", "bodyProps"]))), 128)) : m("", !0)

package/components/AttachmentsList/types.d.ts

@@ -1,7 +1,7 @@
 export interface AttachmentItem {
     fileName?: string;
     fileSize?: number;
-    fileUrl: string;
+    fileUrl?: string;
     thumbnailUrl?: string;
     fileType?: string;
     [key: string]: any;

package/components/Avatar.vue.js

@@ -29,11 +29,11 @@ const y = ["src", "alt"], z = { key: 0 }, A = /* @__PURE__ */ k({
       return l.length === 1 ? l[0].slice(0, 2).toUpperCase() : (l[0][0] + l[l.length - 1][0]).toUpperCase();
     }), x = {
       xs: "h-6 w-6 text-[10px]",
-      sm: "h-8 w-8 text-xs",
+      sm: "h-7.5 w-7.5 text-xs",
       md: "h-10 w-10 text-sm",
       lg: "h-14 w-14 text-base",
       xl: "h-18 w-18 text-lg",
-      "2xl": "h-20 w-20 text-xl"
+      "2xl": "h-22 w-22 text-xl"
     }, h = {
       none: "rounded-none",
       sm: "rounded-sm",

package/components/Badge.vue.js

@@ -11,9 +11,9 @@ const p = /* @__PURE__ */ b({
     const e = o, s = d(() => {
       const r = {
         xs: "px-1.5 h-4 text-[9.8px] font-medium leading-none",
-        sm: "px-2 h-5.5 text-xs font-medium",
-        md: "px-2.5 h-6.5 text-xs font-semibold",
-        lg: "px-3 h-7.5 text-sm font-semibold"
+        sm: "px-2 h-5 text-xs font-medium",
+        md: "px-2.5 h-6 text-xs font-semibold",
+        lg: "px-2.5 h-7 text-sm font-semibold"
       }, l = `inline-flex items-center ${e.rounded === "none" ? "rounded-none" : `rounded-${e.rounded}`} border ${r[e.size] || r.md} focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2`, t = {
         default: "border-transparent bg-primary text-primary-foreground hover:bg-primary/80",
         outline: "text-foreground border-border",

package/components/Chat/ChatBubble.vue.d.ts

@@ -12,6 +12,12 @@ type __VLS_Props = {
      * Defaults to true.
      */
     confirmDelete?: boolean;
+    /**
+     * Toggle to show or hide the "edited" status indicator on messages
+     */
+    showEditedStatus?: boolean;
+    editedText?: string;
+    editedTextI18n?: string;
 };
 declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
     delete: (id: string | number) => any;

package/components/Chat/ChatBubble.vue.js

@@ -1,23 +1,21 @@
-import { defineComponent as y, computed as b, ref as k, openBlock as t, createElementBlock as s, normalizeClass as o, createVNode as u, createCommentVNode as l, createElementVNode as n, toDisplayString as c, unref as B, createBlock as C, withModifiers as S } from "vue";
+import { defineComponent as S, computed as x, ref as T, openBlock as t, createElementBlock as i, normalizeClass as l, createVNode as f, createCommentVNode as a, createElementVNode as d, toDisplayString as u, unref as B, createBlock as E, withModifiers as C } from "vue";
 import D from "../Avatar.vue.js";
-import f from "../Button.vue.js";
-import T from "../AttachmentsList/AttachmentsList.vue.js";
-const p = {
+import g from "../Button.vue.js";
+import I from "../AttachmentsList/AttachmentsList.vue.js";
+import { $t as w } from "../../utils/i18n.js";
+const z = {
   key: 0,
   class: "flex-shrink-0 flex flex-col justify-end pb-1"
 }, A = {
   key: 0,
-  class: "mb-1 text-xs text-muted-foreground ml-1"
-}, E = {
-  key: 0,
-  class: "text-sm whitespace-pre-wrap leading-relaxed"
-}, N = { class: "opacity-0 group-hover/bubble:opacity-100 focus-within:opacity-100 transition-opacity flex gap-1 px-2 pointer-events-none group-hover/bubble:pointer-events-auto focus-within:pointer-events-auto" }, z = {
+  class: "mb-0.5 text-[9px] font-medium tracking-wide uppercase opacity-80 truncate text-gray-900/80"
+}, N = {
   key: 1,
-  class: "relative flex items-center"
-}, $ = {
+  class: "text-sm whitespace-pre-wrap leading-relaxed break-words"
+}, j = {
   key: 1,
-  class: "mt-1 text-[10px] text-muted-foreground mx-1"
-}, M = /* @__PURE__ */ y({
+  class: "relative flex items-center"
+}, P = /* @__PURE__ */ S({
   __name: "ChatBubble",
   props: {
     message: {},
@@ -27,51 +25,62 @@ const p = {
     showTimestamp: { type: Boolean },
     allowDeleteAll: { type: Boolean },
     allowEditAll: { type: Boolean },
-    confirmDelete: { type: Boolean }
+    confirmDelete: { type: Boolean },
+    showEditedStatus: { type: Boolean },
+    editedText: {},
+    editedTextI18n: {}
   },
   emits: ["delete", "edit"],
-  setup(e, { emit: g }) {
-    const r = e, m = g, x = b(() => r.message.timestamp ? new Date(r.message.timestamp).toLocaleTimeString([], { hour: "2-digit", minute: "2-digit" }) : ""), a = k(!1);
-    let i = null;
-    const v = () => {
-      if (r.confirmDelete === !1) {
-        m("delete", r.message.id);
+  setup(e, { emit: v }) {
+    const s = e, c = v, h = x(() => s.message.timestamp ? new Date(s.message.timestamp).toLocaleTimeString([], { hour: "2-digit", minute: "2-digit" }) : ""), y = x(() => {
+      if (s.editedTextI18n) {
+        const o = w(s.editedTextI18n);
+        if (o !== s.editedTextI18n) return o;
+      }
+      if (s.editedText) return s.editedText;
+      const m = w("vlite.chat.edited");
+      return m !== "vlite.chat.edited" ? m : "edited";
+    }), n = T(!1);
+    let r = null;
+    const b = () => {
+      if (s.confirmDelete === !1) {
+        c("delete", s.message.id);
         return;
       }
-      a.value ? (a.value = !1, i && (clearTimeout(i), i = null), m("delete", r.message.id)) : (a.value = !0, i = setTimeout(() => {
-        a.value = !1, i = null;
+      n.value ? (n.value = !1, r && (clearTimeout(r), r = null), c("delete", s.message.id)) : (n.value = !0, r = setTimeout(() => {
+        n.value = !1, r = null;
       }, 3e3));
-    }, h = () => {
-      a.value = !1, i && (clearTimeout(i), i = null);
+    }, k = () => {
+      n.value = !1, r && (clearTimeout(r), r = null);
     };
-    return (w, d) => (t(), s("div", {
-      class: o(["flex w-full gap-3 group", e.isSender ? "flex-row-reverse" : "flex-row"])
+    return (m, o) => (t(), i("div", {
+      class: l(["flex w-full min-w-0 gap-3 group", e.isSender ? "flex-row-reverse" : "flex-row"])
     }, [
-      e.showAvatar ? (t(), s("div", p, [
-        u(D, {
+      e.showAvatar ? (t(), i("div", z, [
+        f(D, {
           src: e.message.avatar,
           alt: e.message.senderName,
           size: "sm"
         }, null, 8, ["src", "alt"])
-      ])) : l("", !0),
-      n("div", {
-        class: o(["flex flex-col max-w-[85%] md:max-w-[75%]", e.isSender ? "items-end" : "items-start"])
+      ])) : a("", !0),
+      d("div", {
+        class: l(["flex flex-col min-w-0 overflow-hidden max-w-[85%]", e.isSender ? "items-end" : "items-start"])
       }, [
-        e.showUserInfo && e.message.senderName && !e.isSender ? (t(), s("div", A, c(e.message.senderName), 1)) : l("", !0),
-        n("div", {
-          class: o(["relative flex items-center group/bubble", e.isSender ? "flex-row-reverse" : "flex-row"])
+        d("div", {
+          class: l(["relative flex items-center min-w-0 max-w-full group/bubble", e.isSender ? "flex-row-reverse" : "flex-row"])
         }, [
-          n("div", {
-            class: o(["px-3.5 py-2.5 rounded-2xl break-words relative min-w-[60px]", [
+          d("div", {
+            class: l(["px-3.5 py-2.5 rounded-2xl break-words relative min-w-[60px] max-w-full min-w-0 overflow-hidden", [
               e.isSender ? "bg-primary text-primary-foreground rounded-br-sm" : "bg-muted text-foreground rounded-bl-sm"
             ]])
           }, [
-            e.message.text ? (t(), s("p", E, c(e.message.text), 1)) : l("", !0),
-            e.message.attachments && e.message.attachments.length > 0 ? (t(), s("div", {
-              key: 1,
-              class: o({ "mt-2": e.message.text })
+            e.showUserInfo && e.message.senderName && !e.isSender ? (t(), i("div", A, u(e.message.senderName), 1)) : a("", !0),
+            e.message.text ? (t(), i("p", N, u(e.message.text), 1)) : a("", !0),
+            e.message.attachments && e.message.attachments.length > 0 ? (t(), i("div", {
+              key: 2,
+              class: l({ "mt-2": e.message.text || e.showUserInfo && !e.isSender })
             }, [
-              u(B(T), {
+              f(B(I), {
                 attachments: e.message.attachments,
                 variant: "inline",
                 size: "sm",
@@ -80,40 +89,55 @@ const p = {
                 "click-to-preview": !0,
                 "show-download-in-list": !1
               }, null, 8, ["attachments"])
-            ], 2)) : l("", !0),
-            e.message.isEdited ? (t(), s("div", {
-              key: 2,
-              class: o(["text-[10px] opacity-70 mt-0.5 text-right", e.isSender ? "text-primary-foreground" : "text-muted-foreground"])
-            }, " (edited) ", 2)) : l("", !0)
+            ], 2)) : a("", !0),
+            e.showTimestamp && (e.message.timestamp || e.message.isEdited) ? (t(), i("div", {
+              key: 3,
+              class: l(["mt-1 flex items-center gap-1", e.isSender ? "justify-end" : "justify-start"])
+            }, [
+              e.message.isEdited && e.showEditedStatus !== !1 ? (t(), i("span", {
+                key: 0,
+                class: l(["text-[10px] opacity-60", e.isSender ? "text-primary-foreground" : "text-muted-foreground"])
+              }, u(y.value), 3)) : a("", !0),
+              e.message.isEdited && e.showEditedStatus !== !1 && e.message.timestamp ? (t(), i("span", {
+                key: 1,
+                class: l(["text-[10px] opacity-40", e.isSender ? "text-primary-foreground" : "text-muted-foreground"])
+              }, " · ", 2)) : a("", !0),
+              e.message.timestamp ? (t(), i("span", {
+                key: 2,
+                class: l(["text-[10px] opacity-60 tabular-nums", e.isSender ? "text-primary-foreground" : "text-muted-foreground"])
+              }, u(h.value), 3)) : a("", !0)
+            ], 2)) : a("", !0)
           ], 2),
-          n("div", N, [
-            (e.isSender || e.allowEditAll) && e.message.text?.trim() ? (t(), C(f, {
+          d("div", {
+            class: l(["opacity-0 group-hover/bubble:opacity-100 focus-within:opacity-100 transition-opacity flex gap-0 pointer-events-none group-hover/bubble:pointer-events-auto focus-within:pointer-events-auto z-10", e.isSender ? "right-full pr-1" : "left-full pl-1"])
+          }, [
+            (e.isSender || e.allowEditAll) && e.message.text?.trim() ? (t(), E(g, {
               key: 0,
               variant: "ghost",
               size: "xs",
               icon: "lucide:pencil",
               rounded: "full",
               class: "text-muted-foreground hover:text-foreground h-7 w-7",
-              onClick: d[0] || (d[0] = (j) => m("edit", e.message)),
+              onClick: o[0] || (o[0] = ($) => c("edit", e.message)),
               "aria-label": "Edit message"
-            })) : l("", !0),
-            e.isSender || e.allowDeleteAll ? (t(), s("div", z, [
-              u(f, {
+            })) : a("", !0),
+            e.isSender || e.allowDeleteAll ? (t(), i("div", j, [
+              f(g, {
                 variant: "ghost",
                 size: "xs",
-                icon: a.value ? "lucide:check" : "lucide:trash-2",
+                icon: n.value ? "lucide:check" : "lucide:trash-2",
                 rounded: "full",
                 class: "h-7 w-7 transition-colors",
-                onClick: v,
-                "aria-label": a.value ? "Confirm delete" : "Delete message"
+                onClick: b,
+                "aria-label": n.value ? "Confirm delete" : "Delete message"
               }, null, 8, ["icon", "aria-label"]),
-              a.value ? (t(), s("button", {
+              n.value ? (t(), i("button", {
                 key: 0,
                 class: "absolute -top-1.5 -right-1.5 w-3.5 h-3.5 rounded-full bg-muted border border-border flex items-center justify-center text-muted-foreground hover:text-foreground transition-colors",
-                onClick: S(h, ["stop"]),
+                onClick: C(k, ["stop"]),
                 "aria-label": "Cancel delete"
-              }, [...d[1] || (d[1] = [
-                n("svg", {
+              }, [...o[1] || (o[1] = [
+                d("svg", {
                   xmlns: "http://www.w3.org/2000/svg",
                   viewBox: "0 0 24 24",
                   fill: "none",
@@ -123,28 +147,27 @@ const p = {
                   "stroke-linejoin": "round",
                   class: "w-2 h-2"
                 }, [
-                  n("line", {
+                  d("line", {
                     x1: "18",
                     y1: "6",
                     x2: "6",
                     y2: "18"
                   }),
-                  n("line", {
+                  d("line", {
                     x1: "6",
                     y1: "6",
                     x2: "18",
                     y2: "18"
                   })
                 ], -1)
-              ])])) : l("", !0)
-            ])) : l("", !0)
-          ])
-        ], 2),
-        e.showTimestamp && e.message.timestamp ? (t(), s("div", $, c(x.value), 1)) : l("", !0)
+              ])])) : a("", !0)
+            ])) : a("", !0)
+          ], 2)
+        ], 2)
       ], 2)
     ], 2));
   }
 });
 export {
-  M as default
+  P as default
 };

package/components/Chat/ChatInterface.vue.d.ts

@@ -1,5 +1,5 @@
 export interface ChatAttachment {
-    fileUrl: string;
+    fileUrl?: string;
     fileName?: string;
     fileType?: string;
     fileSize?: number;
@@ -22,10 +22,23 @@ type __VLS_Props = {
     showAvatar?: boolean;
     showUserInfo?: boolean;
     showTimestamp?: boolean;
+    showEditedStatus?: boolean;
+    editedText?: string;
+    editedTextI18n?: string;
     placeholder?: string;
+    placeholderI18n?: string;
+    loadingMoreText?: string;
+    loadingMoreTextI18n?: string;
+    emptyText?: string;
+    emptyTextI18n?: string;
+    editingText?: string;
+    editingTextI18n?: string;
+    cancelEditText?: string;
+    cancelEditTextI18n?: string;
     isLoadingMore?: boolean;
     allowDeleteAll?: boolean;
     allowEditAll?: boolean;
+    allowFileUpload?: boolean;
     /**
      * When true (default), the delete button requires a second click to confirm deletion.
      * Set to false to delete immediately on first click.
@@ -45,7 +58,6 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {
     onRefetch?: () => any;
     onEdit?: (message: ChatMessage) => any;
 }>, {
-    placeholder: string;
     isLoadingMore: boolean;
     confirmDelete: boolean;
     showAvatar: boolean;
@@ -53,6 +65,8 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {
     showTimestamp: boolean;
     allowDeleteAll: boolean;
     allowEditAll: boolean;
+    showEditedStatus: boolean;
+    allowFileUpload: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
     messageListRef: HTMLDivElement;
     observerTargetRef: HTMLDivElement;