@lightworkai.official/debug-capture-react 0.6.0 → 0.7.0

package/README.md

@@ -29,7 +29,7 @@ configureDebugCapture({
 | `<DebugCaptureInit />` | Arms the buffers, mounts the reporter. Renders nothing. |
 | `<ReportProblemButton />` | Opens the reporter. Unstyled; `className` and children are yours. |
 | `<DebugErrorBoundary />` | Catches a render crash and offers to report it. |
-| `<MyTicketsPanel />` | The reporter's own tickets — list, detail, conversation, reopen. |
+| `<SupportPortalButton />` | Sends the user to their tickets on the support host, signed in. |
 
 `DebugErrorBoundary` is the one thing React needs that Vue and Angular do not: a
 render error never reaches `window.onerror`, so the core's crash watcher cannot
@@ -58,21 +58,23 @@ an error that explains nothing.
 />
 ```
 
-**`MyTicketsPanel` needs `identity` in the config** — a token your *server*
-signs. `realmKey` is public, so it can authorise filing a report but never
-reading one back; see [the core README](../debug-capture/README.md#it-needs-to-know-who-is-asking).
-Put the panel on a route of your own:
+**`SupportPortalButton` sends someone to their tickets** on the support host,
+already signed in. It needs `identity` in the config: a token your *server*
+signs, because `realmKey` is public and can authorise filing a report but never
+reading one back. See
+[the core README](../debug-capture/README.md#it-needs-to-know-who-is-asking).
+
+This replaced an embedded panel. The panel was a ticket list, a thread and a
+reply editor in three frameworks over a read API — which meant every change to
+the way a ticket looks landed in four repositories. The support host renders
+that screen already, so it owns it now; the cost is a context switch, and the
+panel is still in the 0.6.x line if you would rather pay the other price.
 
 ```tsx
-export default function SupportPage() {
-  return <MyTicketsPanel />;   // or openMyTickets() for a modal
-}
+<SupportPortalButton />
+<SupportPortalButton newTab onError={notify} />
 ```
 
-It is a real React component now — props, callbacks, and children where they
-make sense — not a web component mounted through a ref. The logic it arranges
-lives in the core and is shared with the Vue and Angular packages.
-
 Import the stylesheet once, from anywhere:
 
 ```ts

package/dist/SupportPortalButton.d.ts

@@ -0,0 +1,20 @@
+/**
+ * "ดูปัญหาที่แจ้ง" — hands the current user to their tickets on the support host,
+ * already signed in.
+ *
+ * Unlike the reporter button this one awaits: the token comes from the host's
+ * own server at click time, because it lives about two minutes and is spent on
+ * arrival. So it has a pending state, and a failure path — most often "nobody
+ * is signed in", which is the host's question to answer and not ours.
+ */
+import { type ButtonHTMLAttributes, type ReactNode } from "react";
+export interface SupportPortalButtonProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, "children"> {
+    children?: ReactNode | ((state: {
+        pending: boolean;
+    }) => ReactNode);
+    label?: string;
+    /** Open in a new tab instead of navigating away. */
+    newTab?: boolean;
+    onError?: (err: unknown) => void;
+}
+export declare function SupportPortalButton({ children, label, newTab, onError, className, style, onClick, disabled, ...rest }: SupportPortalButtonProps): import("react").JSX.Element;

package/dist/index.d.ts

@@ -11,13 +11,7 @@ export type { DebugCaptureInitProps } from "./DebugCaptureInit";
 export { ReportProblemButton } from "./ReportProblemButton";
 export type { ReportProblemButtonProps } from "./ReportProblemButton";
 export { DebugErrorBoundary } from "./DebugErrorBoundary";
-export { MyTicketsPanel } from "./components/MyTicketsPanel";
-export type { MyTicketsPanelProps } from "./components/MyTicketsPanel";
-export { TicketTable } from "./components/TicketTable";
-export { TicketDetail } from "./components/TicketDetail";
-export { TicketConversation } from "./components/TicketConversation";
-export { RichReplyEditor } from "./components/RichReplyEditor";
-export { TicketBody } from "./components/TicketBody";
-export { ImageAnnotatorDialog } from "./components/ImageAnnotatorDialog";
+export { SupportPortalButton } from "./SupportPortalButton";
+export type { SupportPortalButtonProps } from "./SupportPortalButton";
 export { configureDebugCapture, launch, onCrash } from "@lightworkai.official/debug-capture";
-export type { DebugCaptureConfig, DebugReason, ErroredQuery, MyTicketListItem, MyTicketDetail } from "@lightworkai.official/debug-capture";
+export type { DebugCaptureConfig, DebugReason, ErroredQuery } from "@lightworkai.official/debug-capture";