Files
kefu_cloud/web/src/pages/WidgetEmbed.tsx
T
yml2213 9485c28abd 实现 P0 自动分配、离线留言与可嵌入 Widget SDK
- 会话创建时按负载自动分配在线客服,无客服则进入离线模式
- 新增 /api/widget/leave-message 沉淀联系方式与留言事件
- 访客端离线留言表单;工作台展示离线留言/自动分配事件
- 提供 public/widget.js + /widget/embed 嵌入方案
2026-07-15 11:09:50 +08:00

24 lines
671 B
TypeScript

import { useMemo } from 'react'
import { useSearchParams } from 'react-router-dom'
import VisitorChat from '@/widgets/VisitorChat'
/** 供 widget.js iframe 嵌入的无边框页面 */
const WidgetEmbed = () => {
const [params] = useSearchParams()
const channelKey = useMemo(() => params.get('channel_key') || 'WK_8a3f2e', [params])
const embedded = params.get('embedded') === '1'
return (
<div className="h-screen w-screen overflow-hidden bg-transparent">
<VisitorChat
defaultOpen
channelKey={channelKey}
embedded={embedded}
layout={embedded ? 'fill' : 'floating'}
/>
</div>
)
}
export default WidgetEmbed