vlite3 1.0.6 → 1.0.7

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/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,20 +1,21 @@
-import { defineComponent as h, computed as b, ref as k, openBlock as t, createElementBlock as a, normalizeClass as l, createVNode as u, createCommentVNode as s, createElementVNode as r, toDisplayString as c, unref as S, createBlock as B, withModifiers as C } 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 E from "../AttachmentsList/AttachmentsList.vue.js";
-const T = {
+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"
-}, z = {
+}, A = {
   key: 0,
   class: "mb-0.5 text-[9px] font-medium tracking-wide uppercase opacity-80 truncate text-gray-900/80"
-}, A = {
+}, N = {
   key: 1,
   class: "text-sm whitespace-pre-wrap leading-relaxed break-words"
-}, N = {
+}, j = {
   key: 1,
   class: "relative flex items-center"
-}, V = /* @__PURE__ */ h({
+}, P = /* @__PURE__ */ S({
   __name: "ChatBubble",
   props: {
     message: {},
@@ -24,51 +25,62 @@ const T = {
     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 o = e, m = g, x = b(() => o.message.timestamp ? new Date(o.message.timestamp).toLocaleTimeString([], { hour: "2-digit", minute: "2-digit" }) : ""), i = k(!1);
-    let n = null;
-    const w = () => {
-      if (o.confirmDelete === !1) {
-        m("delete", o.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;
       }
-      i.value ? (i.value = !1, n && (clearTimeout(n), n = null), m("delete", o.message.id)) : (i.value = !0, n = setTimeout(() => {
-        i.value = !1, n = 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));
-    }, v = () => {
-      i.value = !1, n && (clearTimeout(n), n = null);
+    }, k = () => {
+      n.value = !1, r && (clearTimeout(r), r = null);
     };
-    return (y, d) => (t(), a("div", {
+    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(), a("div", T, [
-        u(D, {
+      e.showAvatar ? (t(), i("div", z, [
+        f(D, {
           src: e.message.avatar,
           alt: e.message.senderName,
           size: "sm"
         }, null, 8, ["src", "alt"])
-      ])) : s("", !0),
-      r("div", {
+      ])) : a("", !0),
+      d("div", {
         class: l(["flex flex-col min-w-0 overflow-hidden max-w-[85%]", e.isSender ? "items-end" : "items-start"])
       }, [
-        r("div", {
+        d("div", {
           class: l(["relative flex items-center min-w-0 max-w-full group/bubble", e.isSender ? "flex-row-reverse" : "flex-row"])
         }, [
-          r("div", {
+          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.showUserInfo && e.message.senderName && !e.isSender ? (t(), a("div", z, c(e.message.senderName), 1)) : s("", !0),
-            e.message.text ? (t(), a("p", A, c(e.message.text), 1)) : s("", !0),
-            e.message.attachments && e.message.attachments.length > 0 ? (t(), a("div", {
+            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(S(E), {
+              f(B(I), {
                 attachments: e.message.attachments,
                 variant: "inline",
                 size: "sm",
@@ -77,55 +89,55 @@ const T = {
                 "click-to-preview": !0,
                 "show-download-in-list": !1
               }, null, 8, ["attachments"])
-            ], 2)) : s("", !0),
-            e.showTimestamp && (e.message.timestamp || e.message.isEdited) ? (t(), a("div", {
+            ], 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 ? (t(), a("span", {
+              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"])
-              }, " edited ", 2)) : s("", !0),
-              e.message.isEdited && e.message.timestamp ? (t(), a("span", {
+              }, 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)) : s("", !0),
-              e.message.timestamp ? (t(), a("span", {
+              }, " · ", 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"])
-              }, c(x.value), 3)) : s("", !0)
-            ], 2)) : s("", !0)
+              }, u(h.value), 3)) : a("", !0)
+            ], 2)) : a("", !0)
           ], 2),
-          r("div", {
+          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(), B(f, {
+            (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"
-            })) : s("", !0),
-            e.isSender || e.allowDeleteAll ? (t(), a("div", N, [
-              u(f, {
+            })) : a("", !0),
+            e.isSender || e.allowDeleteAll ? (t(), i("div", j, [
+              f(g, {
                 variant: "ghost",
                 size: "xs",
-                icon: i.value ? "lucide:check" : "lucide:trash-2",
+                icon: n.value ? "lucide:check" : "lucide:trash-2",
                 rounded: "full",
                 class: "h-7 w-7 transition-colors",
-                onClick: w,
-                "aria-label": i.value ? "Confirm delete" : "Delete message"
+                onClick: b,
+                "aria-label": n.value ? "Confirm delete" : "Delete message"
               }, null, 8, ["icon", "aria-label"]),
-              i.value ? (t(), a("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: C(v, ["stop"]),
+                onClick: C(k, ["stop"]),
                 "aria-label": "Cancel delete"
-              }, [...d[1] || (d[1] = [
-                r("svg", {
+              }, [...o[1] || (o[1] = [
+                d("svg", {
                   xmlns: "http://www.w3.org/2000/svg",
                   viewBox: "0 0 24 24",
                   fill: "none",
@@ -135,21 +147,21 @@ const T = {
                   "stroke-linejoin": "round",
                   class: "w-2 h-2"
                 }, [
-                  r("line", {
+                  d("line", {
                     x1: "18",
                     y1: "6",
                     x2: "6",
                     y2: "18"
                   }),
-                  r("line", {
+                  d("line", {
                     x1: "6",
                     y1: "6",
                     x2: "18",
                     y2: "18"
                   })
                 ], -1)
-              ])])) : s("", !0)
-            ])) : s("", !0)
+              ])])) : a("", !0)
+            ])) : a("", !0)
           ], 2)
         ], 2)
       ], 2)
@@ -157,5 +169,5 @@ const T = {
   }
 });
 export {
-  V 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;