mlogclub
86ff71596d
- Implemented SupportWidgetDemo component for configuring and mounting the support chat widget. - Introduced Zustand store for managing support chat state, including message handling and socket connection. - Created support host bridge for communication between the widget and parent window. - Added utility functions for JWT token generation and local storage management. - Enhanced user experience with notifications for new messages and chat status updates.
36 lines
1.2 KiB
TypeScript
36 lines
1.2 KiB
TypeScript
import { createWebSocketBaseUrl } from "@/lib/api/websocket"
|
|
import { getCustomerSessionToken, type ImMessage } from "@/lib/api/im"
|
|
import { readSupportChatRuntimeConfig } from "@/lib/sdk/runtime-config"
|
|
import type {
|
|
RealtimeConversationPatch,
|
|
RealtimeMessageCreatedPayload,
|
|
} from "@/lib/im-realtime-state"
|
|
|
|
export type ImRealtimeEnvelope = {
|
|
type: string
|
|
topic?: string
|
|
data?: RealtimeMessageCreatedPayload<ImMessage> &
|
|
RealtimeConversationPatch & {
|
|
customerSessionToken?: string
|
|
expiresAt?: string
|
|
}
|
|
payload?: RealtimeMessageCreatedPayload<ImMessage> &
|
|
RealtimeConversationPatch & {
|
|
customerSessionToken?: string
|
|
expiresAt?: string
|
|
}
|
|
}
|
|
|
|
export function createImRealtimeConnection() {
|
|
const config = readSupportChatRuntimeConfig()
|
|
const apiBaseUrl = (config.apiBaseUrl || "").trim()
|
|
const baseUrl = apiBaseUrl
|
|
? apiBaseUrl.replace(/^http/, "ws").replace(/\/$/, "")
|
|
: createWebSocketBaseUrl()
|
|
const channelId = encodeURIComponent(config.channelId || "")
|
|
const customerSessionToken = getCustomerSessionToken()
|
|
return new WebSocket(
|
|
`${baseUrl}/api/ws/open?channelId=${channelId}&customerSessionToken=${encodeURIComponent(customerSessionToken)}`
|
|
)
|
|
}
|