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

package/package.json

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

package/types/components/Apps/EmbededIndividualApp.d.ts

@@ -8,5 +8,6 @@ export type EmbededIndividualAppProps = {
     type?: ESdkFormType;
     scrollable?: boolean;
     recommendBoxHeight?: string;
+    chatTopics?: string[];
 };
-export declare const EmbededIndividualApp: ({ apiKey, externalCssUrl, hide, defaultBank, displayDefaultBankLogo, type, scrollable, recommendBoxHeight, }: EmbededIndividualAppProps) => import("react/jsx-runtime").JSX.Element;
+export declare const EmbededIndividualApp: ({ apiKey, externalCssUrl, hide, defaultBank, displayDefaultBankLogo, type, scrollable, recommendBoxHeight, chatTopics, }: EmbededIndividualAppProps) => import("react/jsx-runtime").JSX.Element;

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/embeded-main.d.ts

@@ -7,6 +7,7 @@ type InitProps = {
     scrollable?: boolean;
     utm?: Record<string, string> | null;
     publicId?: string;
+    chatTopics?: string[];
 };
 interface GoTripSDKProps {
     init: (props: InitProps) => void;

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/store/useChatStore.d.ts

@@ -1,4 +1,4 @@
-import { IChatMessage, IChatSession } from '../types/chat';
+import { EChatTopic, IChatMessage, IChatSession } from '../types/chat';
 interface ChatStore {
     session: IChatSession | null;
     messages: IChatMessage[];
@@ -8,6 +8,7 @@ interface ChatStore {
     sessionUnreadCounts: Record<number, number>;
     adminIsOnline: boolean | null;
     agencyIsOnline: boolean | null;
+    allowedTopics: EChatTopic[] | null;
     setSession: (session: IChatSession | null) => void;
     setMessages: (messages: IChatMessage[]) => void;
     addMessage: (message: IChatMessage) => void;
@@ -26,6 +27,7 @@ interface ChatStore {
     getSessionUnread: (sessionId: number) => number;
     setAdminIsOnline: (isOnline: boolean | null) => void;
     setAgencyIsOnline: (isOnline: boolean | null) => void;
+    setAllowedTopics: (topics: EChatTopic[] | null) => void;
 }
 export declare const useChatStore: import('zustand').UseBoundStore<import('zustand').StoreApi<ChatStore>>;
 export {};

package/types/types/chat.d.ts

@@ -38,6 +38,7 @@ export interface IChatSession {
     id: number;
     publicId: string;
     agencyUserId: number;
+    browserKey?: string | null;
     agencyInfo?: AgencyInfo;
     assignedAdminId: number | null;
     adminInfo?: AdminInfo;
@@ -59,6 +60,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 +74,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/types/sdk.d.ts

@@ -7,5 +7,6 @@ export declare enum ESdkFormType {
     EXCHANGE_RATE_TABLE = "exchange_rate_table",
     INSURANCE_APPROVAL = "insurance_approval",
     MOTOR_INSURANCE_CAR_APPROVAL = "motor_insurance_car_approval",
-    MOTOR_INSURANCE_BIKE_APPROVAL = "motor_insurance_bike_approval"
+    MOTOR_INSURANCE_BIKE_APPROVAL = "motor_insurance_bike_approval",
+    CHAT_SUPPORT = "chat_support"
 }

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;

package/types/util/chatBrowserKey.d.ts

@@ -0,0 +1,12 @@
+/**
+ * Stable per-browser chat identity. Read-or-create a UUID in localStorage.
+ *
+ * The same agency identity (e.g. all visitors of a tenant behind one api-key)
+ * is split into one chat session per browser using this key. It is sent to the
+ * backend on every chat request (REST header `x-chat-browser-key`) and on the
+ * socket handshake (`auth.browserKey`).
+ *
+ * Idempotent: the first call on a browser writes the key; later calls reuse it.
+ * Call it once at app bootstrap so the key exists before any chat call fires.
+ */
+export declare const getChatBrowserKey: () => string;

package/types/util/socket.d.ts

@@ -7,7 +7,7 @@ export declare const requestNotificationPermission: () => void;
 /**
  * Initialize Socket.IO connection with authentication token
  */
-export declare const initializeSocket: (token: string) => Socket;
+export declare const initializeSocket: (token?: string) => Socket;
 /**
  * Get the current socket instance
  */