npm - @paramms/chat-widget - Versions diffs - 1.0.31 → 1.0.32 - Mend

@paramms/chat-widget 1.0.31 → 1.0.32

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (14) hide show

package/dist/react.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"react.js","sources":["../src/react.tsx"],"sourcesContent":["// react.tsx — React wrapper around mount().\n//\n// Next.js App Router: add 'use client' to whichever file imports these.\n// The widget needs WebSocket + DOM — it cannot render on the server.\n//\n// Import path: '@paramms/chat-widget/react'\n//\n// Two components:\n// ChatWidget — general support chat (hotel, SaaS, helpdesk, etc.)\n// MarketplaceChat — one thread per listing (used cars, rentals, etc.)\n//\n// Both: only url + profileId are required. userId is always optional —\n// anonymous guests are handled automatically via localStorage.\n\nimport { useEffect, useRef, useState } from 'react'\nimport { mount, type MountOptions, type WidgetHandle } from './index.js'\n\n// ── Shared base props ─────────────────────────────────────────────────────────\n\ninterface BaseProps {\n /** Relay URL — set as NEXT_PUBLIC_RELAY_URL in .env. Any scheme works:\n * `https://api.example.com` is fine. The WebSocket URL and REST base are\n * derived automatically — you do NOT need to pass `wss://` or `/ws`. /\n url: string\n /* HTTP(S) base for REST calls — only when the REST API is on a different\n * origin than the socket. Normally omit. /\n apiUrl?: string\n /* Your Relay profile ID — set as NEXT_PUBLIC_RELAY_PROFILE_ID in .env — required /\n profileId: string\n\n /* Your logged-in user's stable ID. When omitted the widget automatically\n * assigns a persistent anonymous ID from localStorage — no login required. /\n userId?: string\n /* Shown to agents instead of the raw user ID /\n userName?: string\n /* Shown to agents so they can follow up by email /\n userEmail?: string\n /* Avatar URL shown in the widget header and dashboard /\n userAvatar?: string\n\n /* Brand colour hex, e.g. \"#1a56db\". Defaults to the profile theme colour. /\n accent?: string\n /* Render as a floating launcher button instead of inline /\n launcher?: boolean\n /* Launcher position — default 'bottom-right' /\n position?: 'bottom-right' \| 'bottom-left'\n /* Pre-set reply chips shown above the input /\n quickReplies?: string[]\n /* Container height when rendered inline. Default: '100%' /\n height?: string\n /* i18n string overrides for non-English sites /\n i18n?: MountOptions['i18n']\n /* ISO language code for auto-translating incoming messages /\n translateLang?: string\n}\n\n// ── ChatWidget ────────────────────────────────────────────────────────────────\n\nexport interface ChatWidgetProps extends BaseProps {\n /* Optional context card shown at the top of the chat\n * (e.g. the support ticket, booking, or order being discussed) /\n contextTitle?: string\n contextSubtitle?: string\n contextStatus?: string\n\n /* Stable item ID — pins this conversation to a specific item/thread. /\n subjectId?: string\n}\n\n/\n General-purpose support chat widget. Only `url` and `profileId` are required.\n * All other props are optional — anonymous guests work without any configuration.\n \n @example Basic support chat\n * ```tsx\n * <ChatWidget\n * url={process.env.NEXT_PUBLIC_RELAY_WS_URL}\n * profileId={process.env.NEXT_PUBLIC_RELAY_PROFILE_ID}\n * userId={session?.user.id}\n * userName={session?.user.name}\n * userEmail={session?.user.email}\n * />\n * ```\n \n @example Multi-thread (tickets, bookings, orders)\n * ```tsx\n * <ChatWidget\n * url={...} profileId={...}\n * showChatList\n * subjectId={`ticket_${ticket.id}`}\n * contextTitle={ticket.title}\n * contextStatus={ticket.status}\n * userId={session?.user.id}\n * />\n * ```\n /\nexport function ChatWidget({\n url, apiUrl, profileId,\n userId, userName, userEmail, userAvatar,\n contextTitle, contextSubtitle, contextStatus,\n subjectId,\n accent, launcher, position, quickReplies, height = '100%',\n i18n, translateLang,\n}: ChatWidgetProps): JSX.Element {\n const ref = useRef<HTMLDivElement>(null)\n const handleRef = useRef<WidgetHandle \| null>(null)\n\n useEffect(() => {\n if (!ref.current) return\n handleRef.current?.close()\n handleRef.current = mount({\n el: ref.current,\n url,\n ...(apiUrl ? { apiUrl } : {}),\n profileId,\n ...(subjectId ? { subjectId } : {}),\n ...(userId ? { userId } : {}),\n ...(userId \|\| userName \|\| userEmail \|\| userAvatar ? {\n user: {\n ...(userName ? { name: userName } : {}),\n ...(userEmail ? { email: userEmail } : {}),\n ...(userAvatar ? { avatar: userAvatar } : {}),\n },\n } : {}),\n ...(contextTitle ? {\n subject: {\n title: contextTitle,\n ...(contextSubtitle ? { subtitle: contextSubtitle } : {}),\n ...(contextStatus ? { status: contextStatus } : {}),\n },\n } : {}),\n ...(quickReplies ? { quickReplies } : {}),\n ...(accent ? { accent } : {}),\n ...(translateLang ? { translateLang } : {}),\n ...(i18n ? { i18n } : {}),\n ...(launcher ? { launcher, position: position ?? 'bottom-right' } : {}),\n })\n return () => { handleRef.current?.close(); handleRef.current = null }\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [url, apiUrl, profileId, subjectId, userId, userName, userEmail, accent, launcher, position, translateLang])\n\n // When launcher=true, still render the div — mount() moves it inside the\n // fixed panel above the bubble. Zero size so it doesn't affect page layout.\n return (\n <div\n ref={ref}\n style={launcher ? { width: 0, height: 0, overflow: 'hidden' } : { width: '100%', height, minHeight: height === '100%' ? '480px' : undefined }}\n />\n )\n}\n\n// ── MarketplaceChat ───────────────────────────────────────────────────────────\n\nexport interface MarketplaceChatProps extends BaseProps {\n /* Unique ID for this listing — each listing gets its own thread.\n * Omit for a general (non-item-specific) conversation. /\n listingId?: string\n /* Shown at the top of the chat — e.g. \"2019 Toyota Camry SE\" /\n listingTitle?: string\n /* One-line detail — e.g. \"45,000 km · Automatic\" /\n listingMeta?: string\n /* Price shown as a tag — e.g. 12500 → \"$12,500\" /\n listingPrice?: number\n /* Status badge — e.g. \"Available\", \"Sold\", \"Pending\" /\n listingStatus?: string\n}\n\nconst DEFAULT_MARKETPLACE_REPLIES = [\n 'Is this still available?',\n 'Can I schedule a viewing?',\n 'What is your best price?',\n]\n\n/\n Marketplace chat widget. Two modes depending on whether `listingId` is provided:\n \n With `listingId` (listing page) — opens that listing's chat immediately.\n * No list screen. The buyer is already looking at the item so context is clear.\n * ```tsx\n * // On your listing detail page:\n * <MarketplaceChat\n * url={process.env.NEXT_PUBLIC_RELAY_WS_URL}\n * profileId={process.env.NEXT_PUBLIC_RELAY_PROFILE_ID}\n * listingId={car.id}\n * listingTitle={car.title}\n * listingPrice={car.price}\n * listingMeta={`${car.mileage.toLocaleString()} km · ${car.gearbox}`}\n * listingStatus=\"Available\"\n * userId={session?.user.id}\n * userName={session?.user.name}\n * userEmail={session?.user.email}\n * />\n * ```\n \n Without `listingId` (My Messages / inbox page) — shows the WhatsApp-style\n * thread list as the home screen. No conversation is opened until the user taps one.\n * Use this on a dedicated `/messages` or `/inbox` page.\n * ```tsx\n * // On your /messages page:\n * <MarketplaceChat\n * url={process.env.NEXT_PUBLIC_RELAY_WS_URL}\n * profileId={process.env.NEXT_PUBLIC_RELAY_PROFILE_ID}\n * userId={session?.user.id}\n * userName={session?.user.name}\n * />\n * ```\n \n Only `url` and `profileId` are required. All other props are optional.\n /\nexport function MarketplaceChat({\n url, apiUrl, profileId,\n listingId, listingTitle, listingMeta, listingPrice, listingStatus,\n userId, userName, userEmail, userAvatar,\n accent, launcher, position, quickReplies, height = '100%',\n i18n, translateLang,\n}: MarketplaceChatProps): JSX.Element {\n const ref = useRef<HTMLDivElement>(null)\n const handleRef = useRef<WidgetHandle \| null>(null)\n\n useEffect(() => {\n if (!ref.current) return\n // Coalesce rapid identity changes into a SINGLE mount. NextAuth's\n // `session?.user.id` is undefined on first render and resolves a tick later,\n // which would otherwise open an anonymous conversation and immediately\n // orphan it when the real id arrives — surfacing as \"a new chat every time\".\n // Deferring the mount lets a same-tick id change settle first. For a slower\n // (network) session fetch, gate rendering on the session status host-side\n // (e.g. NextAuth: don't render until `status !== 'loading'`).\n let cancelled = false\n const timer = setTimeout(() => {\n if (cancelled \|\| !ref.current) return\n handleRef.current?.close()\n handleRef.current = mount({\n el: ref.current,\n url,\n ...(apiUrl ? { apiUrl } : {}),\n profileId,\n ...(listingId ? { subjectId: `listing_${listingId}` } : {}),\n ...(userId ? { userId } : {}),\n ...(userId \|\| userName \|\| userEmail \|\| userAvatar ? {\n user: {\n ...(userName ? { name: userName } : {}),\n ...(userEmail ? { email: userEmail } : {}),\n ...(userAvatar ? { avatar: userAvatar } : {}),\n ...(listingId ? { meta: { listingId } } : {}),\n },\n } : {}),\n ...(listingTitle ? {\n subject: {\n title: listingTitle,\n ...(listingMeta ? { subtitle: listingMeta } : {}),\n ...(listingPrice ? { tags: [`$${listingPrice.toLocaleString()}`] } : {}),\n ...(listingStatus ? { status: listingStatus } : {}),\n },\n } : {}),\n quickReplies: quickReplies ?? DEFAULT_MARKETPLACE_REPLIES,\n ...(accent ? { accent } : {}),\n ...(translateLang ? { translateLang } : {}),\n ...(i18n ? { i18n } : {}),\n ...(launcher ? { launcher, position: position ?? 'bottom-right' } : {}),\n })\n }, 0)\n return () => { cancelled = true; clearTimeout(timer); handleRef.current?.close(); handleRef.current = null }\n // Only identity/target-affecting props trigger a remount — metadata like\n // userName/userEmail is sent once at mount and must NOT churn the connection.\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [url, apiUrl, profileId, listingId, userId, accent, launcher, position, translateLang])\n\n // When launcher=true, still render the div — mount() moves it inside the\n // fixed panel above the bubble. Zero size so it doesn't affect page layout.\n return (\n <div\n ref={ref}\n style={launcher ? { width: 0, height: 0, overflow: 'hidden' } : { width: '100%', height, minHeight: height === '100%' ? '480px' : undefined }}\n />\n )\n}\n\n// ── ChatList ──────────────────────────────────────────────────────────────────\n\nexport interface ChatAppProps {\n /* Relay WebSocket URL — required /\n url: string\n /* HTTP(S) base for REST calls. Defaults to the WS origin. /\n apiUrl?: string\n /* Your Relay profile ID — required /\n profileId: string\n /* Your logged-in user's stable ID. Omit for anonymous (uses localStorage UID) /\n userId?: string\n /* Optional: shown to agents in the dashboard /\n userName?: string\n /* Optional: shown to agents in the dashboard /\n userEmail?: string\n /* Brand colour hex — default '#4F63F5' /\n accent?: string\n /* Container height. Default: '100%' /\n height?: string\n /* i18n overrides /\n i18n?: import('./chatlist.js').ChatListOptions['i18n']\n}\n\n/\n Full chat-app component: conversation list on the left (or full screen on\n * mobile), chat room on the right when a thread is selected.\n \n Works like a standalone messaging app — tapping a thread opens the chat\n * inline without navigating away from the page.\n \n @example\n * ```tsx\n * 'use client'\n * import { ChatList } from '@paramms/chat-widget/react'\n \n export default function MessagesPage({ session }) {\n * return (\n * <div style={{ height: '100vh' }}>\n * <ChatList\n * url={process.env.NEXT_PUBLIC_RELAY_WS_URL}\n * profileId={process.env.NEXT_PUBLIC_RELAY_PROFILE_ID}\n * userId={session?.user.id}\n * userName={session?.user.name}\n * userEmail={session?.user.email}\n * />\n * </div>\n * )\n * }\n * ```\n /\nexport function ChatApp({\n url, apiUrl, profileId, userId, userName, userEmail, accent, height = '100%', i18n,\n}: ChatAppProps): JSX.Element {\n type Entry = import('./chatlist.js').ChatListEntry\n const [selected, setSelected] = useState<Entry \| null>(null)\n const listRef = useRef<HTMLDivElement>(null)\n const chatRef = useRef<HTMLDivElement>(null)\n const handleRef = useRef<import('./chatlist.js').ChatListHandle \| null>(null)\n const chatHandle = useRef<WidgetHandle \| null>(null)\n\n // Build the chat list\n useEffect(() => {\n if (!listRef.current) return\n let cancelled = false\n import('./chatlist.js').then(({ mountChatList }) => {\n // The dynamic import is async: if the effect was cleaned up (unmount,\n // dep change, or StrictMode's double-invoke) before it resolved, or the\n // ref is gone, don't mount a phantom list that never gets closed.\n if (cancelled \|\| !listRef.current) return\n handleRef.current = mountChatList({\n el: listRef.current,\n url,\n ...(apiUrl ? { apiUrl } : {}),\n profileId,\n onSelect: (entry) => setSelected(entry),\n ...(userId ? { userId } : {}),\n ...(accent ? { accent } : {}),\n ...(i18n ? { i18n } : {}),\n })\n })\n return () => { cancelled = true; handleRef.current?.close(); handleRef.current = null }\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [url, profileId, userId])\n\n // Open a ChatWidget when a thread is selected\n useEffect(() => {\n if (!chatRef.current \|\| !selected) return\n chatHandle.current?.close()\n chatHandle.current = mount({\n el: chatRef.current,\n url,\n ...(apiUrl ? { apiUrl } : {}),\n profileId,\n ...(selected.subjectId ? { subjectId: selected.subjectId } : {}),\n ...(userId ? { token: userId } : {}),\n ...(userId \|\| userName \|\| userEmail ? {\n user: {\n ...(userName ? { name: userName } : {}),\n ...(userEmail ? { email: userEmail } : {}),\n },\n } : {}),\n ...(selected.subjectTitle ? {\n subject: {\n title: selected.subjectTitle,\n ...(selected.subjectMeta ? { subtitle: selected.subjectMeta } : {}),\n },\n } : {}),\n ...(accent ? { accent } : {}),\n })\n return () => { chatHandle.current?.close(); chatHandle.current = null }\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [selected?.id])\n\n const isMobile = typeof window !== 'undefined' && window.innerWidth < 768\n\n return (\n <div style={{ display: 'flex', width: '100%', height, minHeight: '400px', overflow: 'hidden' }}>\n {/ List panel — hidden on mobile when a chat is open /}\n <div style={{\n width: isMobile ? '100%' : '360px',\n flex: isMobile && selected ? 'none' : undefined,\n display: isMobile && selected ? 'none' : 'flex',\n flexDirection: 'column',\n borderRight: isMobile ? 'none' : '1px solid #e8eaed',\n minWidth: 0,\n }}>\n <div ref={listRef} style={{ width: '100%', height: '100%' }} />\n </div>\n\n {/ Chat panel — shows when a thread is selected /}\n {selected ? (\n <div style={{ flex: 1, display: 'flex', flexDirection: 'column', minWidth: 0, position: 'relative' }}>\n {/ Back button on mobile /}\n {isMobile && (\n <button\n onClick={() => setSelected(null)}\n style={{ position: 'absolute', top: 12, left: 12, zIndex: 10, background: 'none', border: 'none', fontSize: 22, cursor: 'pointer', color: '#1c1b1a' }}\n >\n ←\n </button>\n )}\n <div ref={chatRef} style={{ width: '100%', height: '100%' }} />\n </div>\n ) : (\n <div style={{ flex: 1, display: isMobile ? 'none' : 'flex', alignItems: 'center', justifyContent: 'center', color: '#9b9690', fontSize: 14 }}>\n Select a conversation\n </div>\n )}\n </div>\n )\n}\n\n// ── ChatAppLauncher ───────────────────────────────────────────────────────────\n\nexport interface ChatAppLauncherProps {\n /* Relay WebSocket URL — required /\n url: string\n /* HTTP(S) base for REST calls. Defaults to the WS origin. /\n apiUrl?: string\n /* Your Relay profile ID — required /\n profileId: string\n /* Your logged-in user's stable ID /\n userId?: string\n userName?: string\n userEmail?: string\n /* Brand colour hex — default '#4F63F5' /\n accent?: string\n\n /* true → floating bubble fixed to the corner of the screen (like Intercom)\n * false → an inline \"Messages\" button that expands a panel below it\n * Default: true /\n floating?: boolean\n /* Only used when floating=true. Default: 'bottom-right' /\n position?: 'bottom-right' \| 'bottom-left'\n /* Label shown on the button. Default: '💬' for floating, 'Messages' for inline /\n label?: string\n /* Width of the chat panel. Default: '420px' (floating) or '100%' (inline) /\n panelWidth?: string\n /* Height of the chat panel. Default: '600px' /\n panelHeight?: string\n}\n\n/\n A button that opens the full ChatApp (list → chat) in a panel.\n \n floating=true → fixed bubble in the corner of the screen, like WhatsApp Web's\n * chat button or Intercom.\n * floating=false → an inline button (e.g. in your nav bar) that expands a panel\n * below it.\n \n @example Floating bubble (bottom-right)\n * ```tsx\n * <ChatAppLauncher\n * url={process.env.NEXT_PUBLIC_RELAY_WS_URL}\n * profileId={process.env.NEXT_PUBLIC_RELAY_PROFILE_ID}\n * userId={session?.user.id}\n * floating\n * position=\"bottom-right\"\n * />\n * ```\n \n @example Inline nav button\n * ```tsx\n * <ChatAppLauncher\n * url={process.env.NEXT_PUBLIC_RELAY_WS_URL}\n * profileId={process.env.NEXT_PUBLIC_RELAY_PROFILE_ID}\n * userId={session?.user.id}\n * floating={false}\n * label=\"Messages\"\n * />\n * ```\n /\nexport function ChatAppLauncher({\n url, apiUrl, profileId, userId, userName, userEmail,\n accent = '#4F63F5',\n floating = true,\n position = 'bottom-right',\n label,\n panelWidth,\n panelHeight = '600px',\n}: ChatAppLauncherProps): JSX.Element {\n const [open, setOpen] = useState(false)\n const btnRef = useRef<HTMLButtonElement>(null)\n\n const isRight = position === 'bottom-right'\n const defaultLabel = floating ? '💬' : 'Messages'\n const btnLabel = label ?? defaultLabel\n\n // Close on Escape\n useEffect(() => {\n const handler = (e: KeyboardEvent) => { if (e.key === 'Escape') setOpen(false) }\n document.addEventListener('keydown', handler)\n return () => document.removeEventListener('keydown', handler)\n }, [])\n\n // ── Floating mode ──────────────────────────────────────────────────────────\n if (floating) {\n const isMobile = typeof window !== 'undefined' && window.innerWidth < 480\n const pWidth = isMobile ? '100vw' : (panelWidth ?? '420px')\n const pHeight = isMobile ? '100dvh' : panelHeight\n\n return (\n <div style={{\n position: 'fixed',\n [isRight ? 'right' : 'left']: '20px',\n bottom: '20px',\n zIndex: 9999,\n display: 'flex',\n flexDirection: 'column',\n alignItems: isRight ? 'flex-end' : 'flex-start',\n gap: '12px',\n }}>\n {/ Panel /}\n <div style={{\n width: pWidth,\n height: pHeight,\n borderRadius: isMobile ? '0' : '16px',\n overflow: 'hidden',\n boxShadow: '0 8px 40px rgba(0,0,0,.18)',\n background: '#fff',\n display: open ? 'flex' : 'none',\n flexDirection: 'column',\n transformOrigin: `bottom ${isRight ? 'right' : 'left'}`,\n animation: open ? 'ocl-pop-in .18s ease' : 'none',\n }}>\n <ChatApp\n url={url} {...(apiUrl ? { apiUrl } : {})} profileId={profileId}\n {...(userId ? { userId } : {})}\n {...(userName ? { userName } : {})}\n {...(userEmail ? { userEmail } : {})}\n accent={accent} height=\"100%\"\n />\n </div>\n\n {/ Bubble button /}\n <button\n ref={btnRef}\n onClick={() => setOpen(o => !o)}\n style={{\n width: '56px', height: '56px', borderRadius: '50%',\n background: accent, color: '#fff', border: 'none',\n fontSize: '24px', cursor: 'pointer', flexShrink: 0,\n boxShadow: '0 4px 16px rgba(0,0,0,.25)',\n transition: 'transform .15s',\n }}\n onMouseEnter={e => { (e.target as HTMLElement).style.transform = 'scale(1.08)' }}\n onMouseLeave={e => { (e.target as HTMLElement).style.transform = 'scale(1)' }}\n >\n {open ? '✕' : btnLabel}\n </button>\n\n <style>{`@keyframes ocl-pop-in { from { opacity:0; transform:scale(.95) } to { opacity:1; transform:scale(1) } }`}</style>\n </div>\n )\n }\n\n // ── Inline mode ────────────────────────────────────────────────────────────\n // The panel is rendered via a fixed overlay anchored to the button position.\n // This prevents clipping from parent overflow:hidden containers (e.g. nav bars).\n const pWidth = panelWidth ?? '420px'\n\n // Track button position for panel anchor\n const [btnRect, setBtnRect] = useState<DOMRect \| null>(null)\n\n const handleBtnClick = () => {\n if (!open && btnRef.current) setBtnRect(btnRef.current.getBoundingClientRect())\n setOpen(o => !o)\n }\n\n const panelTop = btnRect ? btnRect.bottom + 8 : 0\n const panelRight = btnRect ? window.innerWidth - btnRect.right : 0\n\n return (\n <>\n {/ Trigger button /}\n <button\n ref={btnRef}\n onClick={handleBtnClick}\n style={{\n display: 'inline-flex', alignItems: 'center', gap: '6px',\n padding: '8px 16px', borderRadius: '8px',\n background: open ? accent : 'transparent',\n color: open ? '#fff' : accent,\n border: `2px solid ${accent}`,\n fontSize: '14px', fontWeight: 600, cursor: 'pointer',\n transition: 'background .15s, color .15s',\n }}\n >\n 💬 {btnLabel}\n </button>\n\n {/ Fixed panel — rendered at document root level via CSS fixed positioning /}\n {open && btnRect && (\n <>\n {/ Backdrop */}\n <div\n onClick={() => setOpen(false)}\n style={{ position: 'fixed', inset: 0, zIndex: 9998 }}\n />\n <div style={{\n position: 'fixed',\n top: panelTop,\n right: panelRight,\n width: pWidth,\n height: panelHeight,\n borderRadius: '16px',\n overflow: 'hidden',\n boxShadow: '0 8px 40px rgba(0,0,0,.2)',\n background: '#fff',\n zIndex: 9999,\n animation: 'ocl-slide-in .18s ease',\n }}>\n <ChatApp\n url={url} {...(apiUrl ? { apiUrl } : {})} profileId={profileId}\n {...(userId ? { userId } : {})}\n {...(userName ? { userName } : {})}\n {...(userEmail ? { userEmail } : {})}\n accent={accent} height=\"100%\"\n />\n </div>\n <style>{`@keyframes ocl-slide-in { from { opacity:0; transform:translateY(-8px) } to { opacity:1; transform:translateY(0) } }`}</style>\n </>\n )}\n </>\n )\n}\n"],"names":["ChatWidget","url","apiUrl","profileId","userId","userName","userEmail","userAvatar","contextTitle","contextSubtitle","contextStatus","subjectId","accent","launcher","position","quickReplies","height","i18n","translateLang","ref","useRef","handleRef","useEffect","_a","mount","jsx","DEFAULT_MARKETPLACE_REPLIES","MarketplaceChat","listingId","listingTitle","listingMeta","listingPrice","listingStatus","cancelled","timer","ChatApp","selected","setSelected","useState","listRef","chatRef","chatHandle","mountChatList","entry","isMobile","jsxs","ChatAppLauncher","floating","label","panelWidth","panelHeight","open","setOpen","btnRef","isRight","btnLabel","handler","e","pWidth","pHeight","o","btnRect","setBtnRect","handleBtnClick","panelTop","panelRight","Fragment"],"mappings":"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"}
1	+ {"version":3,"file":"react.js","sources":["../src/react.tsx"],"sourcesContent":["// react.tsx — React wrapper around mount().\n//\n// Next.js App Router: add 'use client' to whichever file imports these.\n// The widget needs WebSocket + DOM — it cannot render on the server.\n//\n// Import path: '@paramms/chat-widget/react'\n//\n// Two components:\n// ChatWidget — general support chat (hotel, SaaS, helpdesk, etc.)\n// MarketplaceChat — one thread per listing (used cars, rentals, etc.)\n//\n// Both: only url + profileId are required. userId is always optional —\n// anonymous guests are handled automatically via localStorage.\n\nimport { useEffect, useRef, useState } from 'react'\nimport { mount, type MountOptions, type WidgetHandle } from './index.js'\n\n// ── Shared base props ─────────────────────────────────────────────────────────\n\ninterface BaseProps {\n /** Relay URL — set as NEXT_PUBLIC_RELAY_URL in .env. Any scheme works:\n * `https://api.example.com` is fine. The WebSocket URL and REST base are\n * derived automatically — you do NOT need to pass `wss://` or `/ws`. /\n url: string\n /* HTTP(S) base for REST calls — only when the REST API is on a different\n * origin than the socket. Normally omit. /\n apiUrl?: string\n /* Your Relay profile ID — set as NEXT_PUBLIC_RELAY_PROFILE_ID in .env — required /\n profileId: string\n\n /* A signed identity token — an ES256 JWT `{sub,iat,exp}` minted by YOUR\n * backend for chatrooms with signed identity (guestPublicKey) enabled.\n * This is the production identity tier; wins over `userId`. /\n token?: string\n /* Called when a signed token expires: return a fresh token from your\n * backend to renew the session without a reload. /\n refreshToken?: () => Promise<string \| null>\n /* Your logged-in user's stable ID. When omitted the widget automatically\n * assigns a persistent anonymous ID from localStorage — no login required. /\n userId?: string\n /* Shown to agents instead of the raw user ID /\n userName?: string\n /* Shown to agents so they can follow up by email /\n userEmail?: string\n /* Avatar URL shown in the widget header and dashboard /\n userAvatar?: string\n\n /* Brand colour hex, e.g. \"#1a56db\". Defaults to the profile theme colour. /\n accent?: string\n /* Render as a floating launcher button instead of inline /\n launcher?: boolean\n /* Launcher position — default 'bottom-right' /\n position?: 'bottom-right' \| 'bottom-left'\n /* Pre-set reply chips shown above the input /\n quickReplies?: string[]\n /* Container height when rendered inline. Default: '100%' /\n height?: string\n /* i18n string overrides for non-English sites /\n i18n?: MountOptions['i18n']\n /* ISO language code for auto-translating incoming messages /\n translateLang?: string\n}\n\n// ── ChatWidget ────────────────────────────────────────────────────────────────\n\nexport interface ChatWidgetProps extends BaseProps {\n /* Optional context card shown at the top of the chat\n * (e.g. the support ticket, booking, or order being discussed) /\n contextTitle?: string\n contextSubtitle?: string\n contextStatus?: string\n\n /* Stable item ID — pins this conversation to a specific item/thread. /\n subjectId?: string\n}\n\n/\n General-purpose support chat widget. Only `url` and `profileId` are required.\n * All other props are optional — anonymous guests work without any configuration.\n \n @example Basic support chat\n * ```tsx\n * <ChatWidget\n * url={process.env.NEXT_PUBLIC_RELAY_URL}\n * profileId={process.env.NEXT_PUBLIC_RELAY_PROFILE_ID}\n * userId={session?.user.id}\n * userName={session?.user.name}\n * userEmail={session?.user.email}\n * />\n * ```\n \n @example Multi-thread (tickets, bookings, orders) — one thread per subjectId\n * ```tsx\n * <ChatWidget\n * url={...} profileId={...}\n * subjectId={`ticket_${ticket.id}`}\n * contextTitle={ticket.title}\n * contextStatus={ticket.status}\n * userId={session?.user.id}\n * />\n * ```\n \n Need a list of the user's threads with tap-to-open? That's `<ChatApp />`\n * (inline) or `<ChatAppLauncher />` (floating bubble) — this component renders\n * a single conversation.\n /\nexport function ChatWidget({\n url, apiUrl, profileId,\n token, refreshToken,\n userId, userName, userEmail, userAvatar,\n contextTitle, contextSubtitle, contextStatus,\n subjectId,\n accent, launcher, position, quickReplies, height = '100%',\n i18n, translateLang,\n}: ChatWidgetProps): JSX.Element {\n const ref = useRef<HTMLDivElement>(null)\n const handleRef = useRef<WidgetHandle \| null>(null)\n\n useEffect(() => {\n if (!ref.current) return\n handleRef.current?.close()\n handleRef.current = mount({\n el: ref.current,\n url,\n ...(apiUrl ? { apiUrl } : {}),\n profileId,\n ...(subjectId ? { subjectId } : {}),\n ...(token ? { token } : {}),\n ...(refreshToken ? { refreshToken } : {}),\n ...(userId ? { userId } : {}),\n ...(userId \|\| userName \|\| userEmail \|\| userAvatar ? {\n user: {\n ...(userName ? { name: userName } : {}),\n ...(userEmail ? { email: userEmail } : {}),\n ...(userAvatar ? { avatar: userAvatar } : {}),\n },\n } : {}),\n ...(contextTitle ? {\n subject: {\n title: contextTitle,\n ...(contextSubtitle ? { subtitle: contextSubtitle } : {}),\n ...(contextStatus ? { status: contextStatus } : {}),\n },\n } : {}),\n ...(quickReplies ? { quickReplies } : {}),\n ...(accent ? { accent } : {}),\n ...(translateLang ? { translateLang } : {}),\n ...(i18n ? { i18n } : {}),\n ...(launcher ? { launcher, position: position ?? 'bottom-right' } : {}),\n })\n return () => { handleRef.current?.close(); handleRef.current = null }\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [url, apiUrl, profileId, subjectId, token, userId, userName, userEmail, accent, launcher, position, translateLang])\n\n // When launcher=true, still render the div — mount() moves it inside the\n // fixed panel above the bubble. Zero size so it doesn't affect page layout.\n return (\n <div\n ref={ref}\n style={launcher ? { width: 0, height: 0, overflow: 'hidden' } : { width: '100%', height, minHeight: height === '100%' ? '480px' : undefined }}\n />\n )\n}\n\n// ── MarketplaceChat ───────────────────────────────────────────────────────────\n\nexport interface MarketplaceChatProps extends BaseProps {\n /* Unique ID for this listing — each listing gets its own thread.\n * Omit for a general (non-item-specific) conversation. /\n listingId?: string\n /* Shown at the top of the chat — e.g. \"2019 Toyota Camry SE\" /\n listingTitle?: string\n /* One-line detail — e.g. \"45,000 km · Automatic\" /\n listingMeta?: string\n /* Price shown as a tag — e.g. 12500 → \"$12,500\" /\n listingPrice?: number\n /* Status badge — e.g. \"Available\", \"Sold\", \"Pending\" /\n listingStatus?: string\n}\n\nconst DEFAULT_MARKETPLACE_REPLIES = [\n 'Is this still available?',\n 'Can I schedule a viewing?',\n 'What is your best price?',\n]\n\n/\n Marketplace chat widget. Two modes depending on whether `listingId` is provided:\n \n With `listingId` (listing page) — opens that listing's chat immediately.\n * No list screen. The buyer is already looking at the item so context is clear.\n * ```tsx\n * // On your listing detail page:\n * <MarketplaceChat\n * url={process.env.NEXT_PUBLIC_RELAY_URL}\n * profileId={process.env.NEXT_PUBLIC_RELAY_PROFILE_ID}\n * listingId={car.id}\n * listingTitle={car.title}\n * listingPrice={car.price}\n * listingMeta={`${car.mileage.toLocaleString()} km · ${car.gearbox}`}\n * listingStatus=\"Available\"\n * userId={session?.user.id}\n * userName={session?.user.name}\n * userEmail={session?.user.email}\n * />\n * ```\n \n Without `listingId` — opens the buyer's single general (non-listing)\n * thread with this chatroom. For a \"My Messages\" / inbox page with the\n * WhatsApp-style thread list and tap-to-open, use `<ChatApp />` (or\n * `<ChatAppLauncher />` for a floating bubble):\n * ```tsx\n * // On your /messages page:\n * <ChatApp\n * url={process.env.NEXT_PUBLIC_RELAY_URL}\n * profileId={process.env.NEXT_PUBLIC_RELAY_PROFILE_ID}\n * userId={session?.user.id}\n * />\n * ```\n \n Only `url` and `profileId` are required. All other props are optional.\n /\nexport function MarketplaceChat({\n url, apiUrl, profileId,\n token, refreshToken,\n listingId, listingTitle, listingMeta, listingPrice, listingStatus,\n userId, userName, userEmail, userAvatar,\n accent, launcher, position, quickReplies, height = '100%',\n i18n, translateLang,\n}: MarketplaceChatProps): JSX.Element {\n const ref = useRef<HTMLDivElement>(null)\n const handleRef = useRef<WidgetHandle \| null>(null)\n\n useEffect(() => {\n if (!ref.current) return\n // Coalesce rapid identity changes into a SINGLE mount. NextAuth's\n // `session?.user.id` is undefined on first render and resolves a tick later,\n // which would otherwise open an anonymous conversation and immediately\n // orphan it when the real id arrives — surfacing as \"a new chat every time\".\n // Deferring the mount lets a same-tick id change settle first. For a slower\n // (network) session fetch, gate rendering on the session status host-side\n // (e.g. NextAuth: don't render until `status !== 'loading'`).\n let cancelled = false\n const timer = setTimeout(() => {\n if (cancelled \|\| !ref.current) return\n handleRef.current?.close()\n handleRef.current = mount({\n el: ref.current,\n url,\n ...(apiUrl ? { apiUrl } : {}),\n profileId,\n ...(listingId ? { subjectId: `listing_${listingId}` } : {}),\n ...(token ? { token } : {}),\n ...(refreshToken ? { refreshToken } : {}),\n ...(userId ? { userId } : {}),\n ...(userId \|\| userName \|\| userEmail \|\| userAvatar ? {\n user: {\n ...(userName ? { name: userName } : {}),\n ...(userEmail ? { email: userEmail } : {}),\n ...(userAvatar ? { avatar: userAvatar } : {}),\n ...(listingId ? { meta: { listingId } } : {}),\n },\n } : {}),\n ...(listingTitle ? {\n subject: {\n title: listingTitle,\n ...(listingMeta ? { subtitle: listingMeta } : {}),\n ...(listingPrice ? { tags: [`$${listingPrice.toLocaleString()}`] } : {}),\n ...(listingStatus ? { status: listingStatus } : {}),\n },\n } : {}),\n quickReplies: quickReplies ?? DEFAULT_MARKETPLACE_REPLIES,\n ...(accent ? { accent } : {}),\n ...(translateLang ? { translateLang } : {}),\n ...(i18n ? { i18n } : {}),\n ...(launcher ? { launcher, position: position ?? 'bottom-right' } : {}),\n })\n }, 0)\n return () => { cancelled = true; clearTimeout(timer); handleRef.current?.close(); handleRef.current = null }\n // Only identity/target-affecting props trigger a remount — metadata like\n // userName/userEmail is sent once at mount and must NOT churn the connection.\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [url, apiUrl, profileId, listingId, token, userId, accent, launcher, position, translateLang])\n\n // When launcher=true, still render the div — mount() moves it inside the\n // fixed panel above the bubble. Zero size so it doesn't affect page layout.\n return (\n <div\n ref={ref}\n style={launcher ? { width: 0, height: 0, overflow: 'hidden' } : { width: '100%', height, minHeight: height === '100%' ? '480px' : undefined }}\n />\n )\n}\n\n// ── ChatList ──────────────────────────────────────────────────────────────────\n\nexport interface ChatAppProps {\n /* Relay URL — ONE url, any scheme; `https://api.relay.paramms.com` is the\n * recommended form. The WebSocket URL and REST base are derived from it —\n * you do NOT need to pass `wss://` or `/ws`. /\n url: string\n /* HTTP(S) base for REST calls — only when the REST API is on a different\n * origin than the socket. Normally omit.\n * @deprecated pass a single `url`; kept for back-compat. /\n apiUrl?: string\n /* Your Relay profile ID — required /\n profileId: string\n /* A signed identity token (ES256 JWT) for chatrooms with signed identity\n * enabled — the production tier. Wins over `userId`. /\n token?: string\n /* Return a fresh token when a signed token expires. /\n refreshToken?: () => Promise<string \| null>\n /* Your logged-in user's stable ID. Omit for anonymous (uses localStorage UID) /\n userId?: string\n /* Optional: shown to agents in the dashboard /\n userName?: string\n /* Optional: shown to agents in the dashboard /\n userEmail?: string\n /* Which conversations the list shows (default 'tenant'):\n * 'tenant' — every conversation this user has with the business that\n * owns `profileId`, across ALL of its chatrooms — like a real\n * messaging app. Each row opens against its own chatroom.\n * 'profile' — only this chatroom's threads (the pre-1.0.30 behaviour).\n * Tenancy note: guests never see or send tenant ids — the server resolves\n * the tenant FROM the profileId, so `profileId` stays the only id you\n * configure. /\n scope?: 'profile' \| 'tenant'\n /* Brand colour hex — default '#4F63F5' /\n accent?: string\n /* Container height. Default: '100%' /\n height?: string\n /* i18n overrides /\n i18n?: import('./chatlist.js').ChatListOptions['i18n']\n}\n\n/\n Full chat-app component: conversation list on the left (or full screen on\n * mobile), chat room on the right when a thread is selected — like a\n * standalone messaging app. Tapping a thread opens the chat inline; the ✎\n * button starts a new conversation with the business.\n \n By default (`scope=\"tenant\"`) the list shows EVERY conversation this user\n * has with the business that owns `profileId` — across all of its chatrooms —\n * and each row opens against its own chatroom. Pass `scope=\"profile\"` to\n * limit it to one chatroom's threads.\n \n @example\n * ```tsx\n * 'use client'\n * import { ChatApp } from '@paramms/chat-widget/react'\n \n export default function MessagesPage({ session }) {\n * return (\n * <div style={{ height: '100vh' }}>\n * <ChatApp\n * url={process.env.NEXT_PUBLIC_RELAY_URL}\n * profileId={process.env.NEXT_PUBLIC_RELAY_PROFILE_ID}\n * userId={session?.user.id}\n * userName={session?.user.name}\n * userEmail={session?.user.email}\n * />\n * </div>\n * )\n * }\n * ```\n /\nexport function ChatApp({\n url, apiUrl, profileId, token, refreshToken, userId, userName, userEmail,\n accent, height = '100%', i18n,\n scope = 'tenant',\n}: ChatAppProps): JSX.Element {\n type Entry = import('./chatlist.js').ChatListEntry\n const [selected, setSelected] = useState<Entry \| null>(null)\n const listRef = useRef<HTMLDivElement>(null)\n const chatRef = useRef<HTMLDivElement>(null)\n const handleRef = useRef<import('./chatlist.js').ChatListHandle \| null>(null)\n const chatHandle = useRef<WidgetHandle \| null>(null)\n\n // Build the chat list\n useEffect(() => {\n if (!listRef.current) return\n let cancelled = false\n import('./chatlist.js').then(({ mountChatList }) => {\n // The dynamic import is async: if the effect was cleaned up (unmount,\n // dep change, or StrictMode's double-invoke) before it resolved, or the\n // ref is gone, don't mount a phantom list that never gets closed.\n if (cancelled \|\| !listRef.current) return\n handleRef.current = mountChatList({\n el: listRef.current,\n url,\n ...(apiUrl ? { apiUrl } : {}),\n profileId,\n scope,\n onSelect: (entry) => setSelected(entry),\n // Compose (✎) opens the chatroom's general support thread — without\n // this a user with no conversations yet had an empty list and no way\n // to ever start one, which is what made ChatApp feel broken.\n onNewChat: () => setSelected({ id: '__new__', state: 'open', updatedAt: Date.now() }),\n ...(token ? { token } : {}),\n ...(userId ? { userId } : {}),\n ...(accent ? { accent } : {}),\n ...(i18n ? { i18n } : {}),\n })\n })\n return () => { cancelled = true; handleRef.current?.close(); handleRef.current = null }\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [url, apiUrl, profileId, token, userId, scope])\n\n // Open a ChatWidget when a thread is selected.\n //\n // Two correctness details here:\n // • identity: `userId` goes through as userId (the host-vouched tier) and\n // signed JWTs as `token` — the same tiers as every other component. It\n // used to conflate them (`token: userId`), which worked only by the\n // accident that mount() folds userId into the token, and left no way to\n // pass a REAL signed token at all.\n // • chatroom: the row's OWN profileId wins. With scope='tenant' the list\n // spans every chatroom of the business, so opening against the mounted\n // profileId would find-or-create a DIFFERENT conversation.\n useEffect(() => {\n if (!chatRef.current \|\| !selected) return\n chatHandle.current?.close()\n chatHandle.current = mount({\n el: chatRef.current,\n url,\n ...(apiUrl ? { apiUrl } : {}),\n profileId: selected.profileId ?? profileId,\n ...(selected.subjectId ? { subjectId: selected.subjectId } : {}),\n ...(token ? { token } : {}),\n ...(refreshToken ? { refreshToken } : {}),\n ...(userId ? { userId } : {}),\n ...(userId \|\| userName \|\| userEmail ? {\n user: {\n ...(userName ? { name: userName } : {}),\n ...(userEmail ? { email: userEmail } : {}),\n },\n } : {}),\n ...(selected.subjectTitle ? {\n subject: {\n title: selected.subjectTitle,\n ...(selected.subjectMeta ? { subtitle: selected.subjectMeta } : {}),\n },\n } : {}),\n ...(accent ? { accent } : {}),\n })\n // Keep the list fresh: opening a chat marks it read, and replies received\n // while a chat is open should update its row's preview/ordering.\n const listTimer = setInterval(() => handleRef.current?.refresh(), 20_000)\n return () => {\n clearInterval(listTimer)\n chatHandle.current?.close(); chatHandle.current = null\n // Refresh once on the way out so the row reflects what just happened.\n handleRef.current?.refresh()\n }\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [selected?.id])\n\n const isMobile = typeof window !== 'undefined' && window.innerWidth < 768\n\n return (\n <div style={{ display: 'flex', width: '100%', height, minHeight: '400px', overflow: 'hidden' }}>\n {/ List panel — hidden on mobile when a chat is open /}\n <div style={{\n width: isMobile ? '100%' : '360px',\n flex: isMobile && selected ? 'none' : undefined,\n display: isMobile && selected ? 'none' : 'flex',\n flexDirection: 'column',\n borderRight: isMobile ? 'none' : '1px solid #e8eaed',\n minWidth: 0,\n }}>\n <div ref={listRef} style={{ width: '100%', height: '100%' }} />\n </div>\n\n {/ Chat panel — shows when a thread is selected /}\n {selected ? (\n <div style={{ flex: 1, display: 'flex', flexDirection: 'column', minWidth: 0, position: 'relative' }}>\n {/ Back button on mobile /}\n {isMobile && (\n <button\n onClick={() => setSelected(null)}\n style={{ position: 'absolute', top: 12, left: 12, zIndex: 10, background: 'none', border: 'none', fontSize: 22, cursor: 'pointer', color: '#1c1b1a' }}\n >\n ←\n </button>\n )}\n <div ref={chatRef} style={{ width: '100%', height: '100%' }} />\n </div>\n ) : (\n <div style={{ flex: 1, display: isMobile ? 'none' : 'flex', alignItems: 'center', justifyContent: 'center', color: '#9b9690', fontSize: 14 }}>\n Select a conversation\n </div>\n )}\n </div>\n )\n}\n\n// ── ChatAppLauncher ───────────────────────────────────────────────────────────\n\nexport interface ChatAppLauncherProps {\n /* Relay URL — ONE url, any scheme; `https://api.relay.paramms.com` is the\n * recommended form. The WebSocket URL and REST base are derived from it. /\n url: string\n /* HTTP(S) base for REST calls — only when REST is on a different origin.\n * @deprecated pass a single `url`; kept for back-compat. /\n apiUrl?: string\n /* Your Relay profile ID — required /\n profileId: string\n /* A signed identity token (ES256 JWT) for chatrooms with signed identity\n * enabled — the production tier. Wins over `userId`. /\n token?: string\n /* Return a fresh token when a signed token expires. /\n refreshToken?: () => Promise<string \| null>\n /* Your logged-in user's stable ID /\n userId?: string\n userName?: string\n userEmail?: string\n /* Which conversations the panel's list shows — see ChatAppProps.scope.\n * Default 'tenant': every conversation this user has with the business. /\n scope?: 'profile' \| 'tenant'\n /* Brand colour hex — default '#4F63F5' /\n accent?: string\n\n /* true → floating bubble fixed to the corner of the screen (like Intercom)\n * false → an inline \"Messages\" button that expands a panel below it\n * Default: true /\n floating?: boolean\n /* Only used when floating=true. Default: 'bottom-right' /\n position?: 'bottom-right' \| 'bottom-left'\n /* Label shown on the button. Default: '💬' for floating, 'Messages' for inline /\n label?: string\n /* Width of the chat panel. Default: '420px' (floating) or '100%' (inline) /\n panelWidth?: string\n /* Height of the chat panel. Default: '600px' /\n panelHeight?: string\n}\n\n/\n A button that opens the full ChatApp (list → chat) in a panel.\n \n floating=true → fixed bubble in the corner of the screen, like WhatsApp Web's\n * chat button or Intercom.\n * floating=false → an inline button (e.g. in your nav bar) that expands a panel\n * below it.\n \n @example Floating bubble (bottom-right)\n * ```tsx\n * <ChatAppLauncher\n * url={process.env.NEXT_PUBLIC_RELAY_URL}\n * profileId={process.env.NEXT_PUBLIC_RELAY_PROFILE_ID}\n * userId={session?.user.id}\n * floating\n * position=\"bottom-right\"\n * />\n * ```\n \n @example Inline nav button\n * ```tsx\n * <ChatAppLauncher\n * url={process.env.NEXT_PUBLIC_RELAY_URL}\n * profileId={process.env.NEXT_PUBLIC_RELAY_PROFILE_ID}\n * userId={session?.user.id}\n * floating={false}\n * label=\"Messages\"\n * />\n * ```\n /\nexport function ChatAppLauncher({\n url, apiUrl, profileId, token, refreshToken, userId, userName, userEmail,\n scope,\n accent = '#4F63F5',\n floating = true,\n position = 'bottom-right',\n label,\n panelWidth,\n panelHeight = '600px',\n}: ChatAppLauncherProps): JSX.Element {\n const [open, setOpen] = useState(false)\n const btnRef = useRef<HTMLButtonElement>(null)\n\n const isRight = position === 'bottom-right'\n const defaultLabel = floating ? '💬' : 'Messages'\n const btnLabel = label ?? defaultLabel\n\n // Close on Escape\n useEffect(() => {\n const handler = (e: KeyboardEvent) => { if (e.key === 'Escape') setOpen(false) }\n document.addEventListener('keydown', handler)\n return () => document.removeEventListener('keydown', handler)\n }, [])\n\n // ── Floating mode ──────────────────────────────────────────────────────────\n if (floating) {\n const isMobile = typeof window !== 'undefined' && window.innerWidth < 480\n const pWidth = isMobile ? '100vw' : (panelWidth ?? '420px')\n const pHeight = isMobile ? '100dvh' : panelHeight\n\n return (\n <div style={{\n position: 'fixed',\n [isRight ? 'right' : 'left']: '20px',\n bottom: '20px',\n zIndex: 9999,\n display: 'flex',\n flexDirection: 'column',\n alignItems: isRight ? 'flex-end' : 'flex-start',\n gap: '12px',\n }}>\n {/ Panel /}\n <div style={{\n width: pWidth,\n height: pHeight,\n borderRadius: isMobile ? '0' : '16px',\n overflow: 'hidden',\n boxShadow: '0 8px 40px rgba(0,0,0,.18)',\n background: '#fff',\n display: open ? 'flex' : 'none',\n flexDirection: 'column',\n transformOrigin: `bottom ${isRight ? 'right' : 'left'}`,\n animation: open ? 'ocl-pop-in .18s ease' : 'none',\n }}>\n <ChatApp\n url={url} {...(apiUrl ? { apiUrl } : {})} profileId={profileId}\n {...(token ? { token } : {})}\n {...(refreshToken ? { refreshToken } : {})}\n {...(userId ? { userId } : {})}\n {...(userName ? { userName } : {})}\n {...(userEmail ? { userEmail } : {})}\n {...(scope ? { scope } : {})}\n accent={accent} height=\"100%\"\n />\n </div>\n\n {/ Bubble button /}\n <button\n ref={btnRef}\n onClick={() => setOpen(o => !o)}\n style={{\n width: '56px', height: '56px', borderRadius: '50%',\n background: accent, color: '#fff', border: 'none',\n fontSize: '24px', cursor: 'pointer', flexShrink: 0,\n boxShadow: '0 4px 16px rgba(0,0,0,.25)',\n transition: 'transform .15s',\n }}\n onMouseEnter={e => { (e.target as HTMLElement).style.transform = 'scale(1.08)' }}\n onMouseLeave={e => { (e.target as HTMLElement).style.transform = 'scale(1)' }}\n >\n {open ? '✕' : btnLabel}\n </button>\n\n <style>{`@keyframes ocl-pop-in { from { opacity:0; transform:scale(.95) } to { opacity:1; transform:scale(1) } }`}</style>\n </div>\n )\n }\n\n // ── Inline mode ────────────────────────────────────────────────────────────\n // The panel is rendered via a fixed overlay anchored to the button position.\n // This prevents clipping from parent overflow:hidden containers (e.g. nav bars).\n const pWidth = panelWidth ?? '420px'\n\n // Track button position for panel anchor\n const [btnRect, setBtnRect] = useState<DOMRect \| null>(null)\n\n const handleBtnClick = () => {\n if (!open && btnRef.current) setBtnRect(btnRef.current.getBoundingClientRect())\n setOpen(o => !o)\n }\n\n const panelTop = btnRect ? btnRect.bottom + 8 : 0\n const panelRight = btnRect ? window.innerWidth - btnRect.right : 0\n\n return (\n <>\n {/ Trigger button /}\n <button\n ref={btnRef}\n onClick={handleBtnClick}\n style={{\n display: 'inline-flex', alignItems: 'center', gap: '6px',\n padding: '8px 16px', borderRadius: '8px',\n background: open ? accent : 'transparent',\n color: open ? '#fff' : accent,\n border: `2px solid ${accent}`,\n fontSize: '14px', fontWeight: 600, cursor: 'pointer',\n transition: 'background .15s, color .15s',\n }}\n >\n 💬 {btnLabel}\n </button>\n\n {/ Fixed panel — rendered at document root level via CSS fixed positioning /}\n {open && btnRect && (\n <>\n {/ Backdrop */}\n <div\n onClick={() => setOpen(false)}\n style={{ position: 'fixed', inset: 0, zIndex: 9998 }}\n />\n <div style={{\n position: 'fixed',\n top: panelTop,\n right: panelRight,\n width: pWidth,\n height: panelHeight,\n borderRadius: '16px',\n overflow: 'hidden',\n boxShadow: '0 8px 40px rgba(0,0,0,.2)',\n background: '#fff',\n zIndex: 9999,\n animation: 'ocl-slide-in .18s ease',\n }}>\n <ChatApp\n url={url} {...(apiUrl ? { apiUrl } : {})} profileId={profileId}\n {...(token ? { token } : {})}\n {...(refreshToken ? { refreshToken } : {})}\n {...(userId ? { userId } : {})}\n {...(userName ? { userName } : {})}\n {...(userEmail ? { userEmail } : {})}\n {...(scope ? { scope } : {})}\n accent={accent} height=\"100%\"\n />\n </div>\n <style>{`@keyframes ocl-slide-in { from { opacity:0; transform:translateY(-8px) } to { opacity:1; transform:translateY(0) } }`}</style>\n </>\n )}\n </>\n )\n}\n"],"names":["ChatWidget","url","apiUrl","profileId","token","refreshToken","userId","userName","userEmail","userAvatar","contextTitle","contextSubtitle","contextStatus","subjectId","accent","launcher","position","quickReplies","height","i18n","translateLang","ref","useRef","handleRef","useEffect","_a","mount","jsx","DEFAULT_MARKETPLACE_REPLIES","MarketplaceChat","listingId","listingTitle","listingMeta","listingPrice","listingStatus","cancelled","timer","ChatApp","scope","selected","setSelected","useState","listRef","chatRef","chatHandle","mountChatList","entry","listTimer","_b","isMobile","jsxs","ChatAppLauncher","floating","label","panelWidth","panelHeight","open","setOpen","btnRef","isRight","btnLabel","handler","e","pWidth","pHeight","o","btnRect","setBtnRect","handleBtnClick","panelTop","panelRight","Fragment"],"mappings":"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"}

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@paramms/chat-widget",
-  "version": "1.0.31",
+  "version": "1.0.32",
   "description": "Embeddable real-time chat widget for the Relay platform",
   "license": "MIT",
   "repository": {