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.
55 lines
1.6 KiB
TypeScript
55 lines
1.6 KiB
TypeScript
import type { SupportChatRuntimeConfig } from "@/lib/sdk/config-types"
|
|
|
|
export function readSupportChatRuntimeConfig(): SupportChatRuntimeConfig {
|
|
if (typeof window === "undefined") {
|
|
return {
|
|
channelId: "",
|
|
baseUrl: "",
|
|
apiBaseUrl: "",
|
|
}
|
|
}
|
|
|
|
const query = new URLSearchParams(window.location.search)
|
|
const fallback: SupportChatRuntimeConfig = {
|
|
channelId:
|
|
query.get("channelId") ??
|
|
process.env.NEXT_PUBLIC_OPEN_IM_CHANNEL_ID?.trim() ??
|
|
"",
|
|
baseUrl:
|
|
query.get("baseUrl") ??
|
|
process.env.NEXT_PUBLIC_API_BASE_URL?.trim() ??
|
|
window.location.origin,
|
|
apiBaseUrl:
|
|
query.get("apiBaseUrl") ??
|
|
process.env.NEXT_PUBLIC_API_BASE_URL?.trim() ??
|
|
undefined,
|
|
externalId: query.get("externalId") ?? undefined,
|
|
externalName: query.get("externalName") ?? undefined,
|
|
userToken: query.get("userToken") ?? undefined,
|
|
title: query.get("title") ?? undefined,
|
|
subtitle: query.get("subtitle") ?? undefined,
|
|
position: (query.get("position") as "left" | "right" | null) ?? undefined,
|
|
themeColor: query.get("themeColor") ?? undefined,
|
|
width: query.get("width") ?? undefined,
|
|
}
|
|
|
|
if (window.__CS_AGENT_WIDGET_CONFIG__) {
|
|
return window.__CS_AGENT_WIDGET_CONFIG__
|
|
}
|
|
if (window.CSAgentConfig) {
|
|
const { getUserToken: _getUserToken, ...hostConfig } = window.CSAgentConfig
|
|
return {
|
|
...fallback,
|
|
...hostConfig,
|
|
}
|
|
}
|
|
return fallback
|
|
}
|
|
|
|
export function setSupportChatRuntimeConfig(config: SupportChatRuntimeConfig) {
|
|
if (typeof window === "undefined") {
|
|
return
|
|
}
|
|
window.__CS_AGENT_WIDGET_CONFIG__ = config
|
|
}
|