gotrip-fx-transaction-form 1.0.292-dev → 1.0.293-dev

package/index.js

@@ -46609,18 +46609,18 @@ const F4e = () => {
   const r = eR(e.senderInfo);
   return r || (e.senderType === Z0.ADMIN ? "Nhân viên hỗ trợ" : "Khách hàng");
 }, V4e = (e) => {
-  var t;
+  var t, r;
   try {
     if (typeof window > "u" || !("Notification" in window) || Notification.permission !== "granted") return;
-    const r = B4e(e), n = new Notification(r, {
-      body: ((t = e.content) == null ? void 0 : t.slice(0, 120)) || "Bạn có tin nhắn mới",
+    const n = B4e(e), a = !!((t = e.media) != null && t.some((c) => c.type === "image")), i = (r = e.content) == null ? void 0 : r.trim(), o = i ? i.slice(0, 120) : a ? "Đã gửi ảnh" : "Bạn có tin nhắn mới", s = new Notification(n, {
+      body: o,
       tag: `chat_${e.sessionId}`
     });
-    n.onclick = () => {
-      window.focus(), n.close();
+    s.onclick = () => {
+      window.focus(), s.close();
     };
-  } catch (r) {
-    console.warn("[Socket] Failed to show browser notification:", r);
+  } catch (n) {
+    console.warn("[Socket] Failed to show browser notification:", n);
   }
 };
 typeof window < "u" && (document.addEventListener("visibilitychange", () => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "gotrip-fx-transaction-form",
-  "version": "1.0.292-dev",
+  "version": "1.0.293-dev",
   "description": "FX Transaction Form ES6 module",
   "main": "index.js",
   "types": "types/index.d.ts",

package/types/components/Chat/ChatComposer.d.ts

@@ -0,0 +1,9 @@
+interface Props {
+    onSendText: (text: string) => void | Promise<void>;
+    onSendImages: (files: File[], caption: string) => Promise<void>;
+    onTypingChange?: (isTyping: boolean) => void;
+    disabled?: boolean;
+    placeholder?: string;
+}
+export declare const ChatComposer: ({ onSendText, onSendImages, onTypingChange, disabled, placeholder, }: Props) => import("react/jsx-runtime").JSX.Element;
+export {};

package/types/components/Chat/ChatImageGallery.d.ts

@@ -0,0 +1,9 @@
+interface Props {
+    images: string[];
+}
+/**
+ * Renders image message content: a single image, or a grid gallery for
+ * multiple. Images that fail to load show an "Ảnh không khả dụng" placeholder.
+ */
+export declare const ChatImageGallery: ({ images }: Props) => import("react/jsx-runtime").JSX.Element | null;
+export {};

package/types/components/Chat/ImageLightbox.d.ts

@@ -0,0 +1,11 @@
+interface Props {
+    images: string[];
+    startIndex?: number;
+    onClose: () => void;
+}
+/**
+ * Fullscreen image viewer rendered in a portal. Supports keyboard (Esc to
+ * close, ←/→ to navigate) and on-screen arrows when there are multiple images.
+ */
+export declare const ImageLightbox: ({ images, startIndex, onClose }: Props) => import("react/jsx-runtime").JSX.Element | null;
+export {};

package/types/hooks/useChat.d.ts

@@ -17,6 +17,7 @@ export declare const useChat: () => {
     transferSession: (sessionId: number, targetAdminId: number) => Promise<void>;
     getOnlineAdmins: () => Promise<any>;
     sendOfflineMessage: (sessionId: number, content: string) => Promise<void>;
+    uploadImages: (sessionId: number, files: File[], caption?: string) => Promise<void>;
     getAdminProfile: () => Promise<any>;
     getSessionByPublicId: (publicId: string) => Promise<IChatSession | null>;
     getSessionById: (sessionId: number) => Promise<IChatSession | null>;

package/types/types/chat.d.ts

@@ -59,6 +59,13 @@ export interface SenderInfo {
     lastName?: string;
     email?: string;
 }
+export interface IChatMedia {
+    type: 'image' | 'file';
+    url: string;
+    name?: string;
+    size?: number;
+    mime?: string;
+}
 export interface IChatMessage {
     id: number;
     sessionId: number;
@@ -66,7 +73,8 @@ export interface IChatMessage {
     senderType: EChatSenderType;
     senderInfo?: SenderInfo;
     content: string;
-    messageType: 'text' | 'system_event';
+    media?: IChatMedia[] | null;
+    messageType: 'text' | 'image' | 'system_event';
     createdAt: string;
 }
 export interface IAdminSupportProfile {

package/types/util/chat.d.ts

@@ -1,4 +1,5 @@
 import { ETenantType } from '../types/enum';
+import { IChatMessage } from '../types/chat';
 export declare const getAvatarColor: (userId: number) => string;
 export declare const getAvatarInitials: (firstName?: string, lastName?: string) => string;
 /** Join first + last name, falling back to `fallback` when both are empty. */
@@ -12,3 +13,18 @@ export declare const isAdminUser: (user?: {
         type?: ETenantType;
     } | null;
 } | null) => boolean;
+/**
+ * Legacy image messages stored their URLs as a JSON array string in `content`.
+ * Parse defensively, falling back to treating the raw content as a single URL.
+ */
+export declare const parseImageUrls: (content: string) => string[];
+/**
+ * Image URLs for a message. Prefers the structured `media` column; falls back
+ * to the legacy `messageType === 'image'` content-as-JSON encoding.
+ */
+export declare const getMessageImages: (message: IChatMessage) => string[];
+/**
+ * Text of a message to display as a bubble/caption. The legacy image encoding
+ * stored a JSON URL array in `content`, which must not be shown as text.
+ */
+export declare const getMessageText: (message: IChatMessage) => string;