@diegotsi/flint-react 1.0.2 → 1.2.0

package/dist/index.d.cts

@@ -1,122 +1,7 @@
+import { FlintUser, Theme, EnvironmentInfo, ConsoleEntry, NetworkEntry, FormErrorEntry, ReportPayload, ReportResult, FlintWidgetProps } from '@diegotsi/flint-core';
+export { Flint, FlintConfig, FlintUser, FlintWidgetProps, Locale, ReportPayload, ReportResult, Severity, Theme, ThemeOverride, flint } from '@diegotsi/flint-core';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 
-type Severity = "P1" | "P2" | "P3" | "P4";
-interface EnvironmentInfo {
-    browser: string;
-    os: string;
-    viewport: string;
-    screen: string;
-    language: string;
-    timezone: string;
-    online: boolean;
-}
-interface ConsoleEntry {
-    level: "log" | "warn" | "error";
-    args: string;
-    timestamp: number;
-}
-interface NetworkEntry {
-    method: string;
-    url: string;
-    status: number;
-    duration: number;
-    timestamp: number;
-}
-type Locale = "pt-BR" | "en-US";
-type Theme = "light" | "dark" | ThemeOverride;
-interface ThemeOverride {
-    background?: string;
-    accent?: string;
-    text?: string;
-    border?: string;
-}
-interface FlintUser$1 {
-    id: string;
-    name: string;
-    email?: string;
-}
-interface FlintExtraFields {
-    /** Session replay URL from Datadog RUM, FullStory, LogRocket, etc. Pass a function for lazy evaluation. */
-    sessionReplay?: string | (() => string);
-    [key: string]: unknown;
-}
-interface FlintWidgetProps {
-    /** Project API key — get this from the flint-server admin API */
-    projectKey: string;
-    /** Full URL of the flint-server, e.g. "https://bugs.example.com" */
-    serverUrl: string;
-    /** Authenticated user info (optional) */
-    user?: FlintUser$1;
-    /** Arbitrary metadata to attach to every report */
-    meta?: Record<string, unknown>;
-    /** Extra fields for developer use (e.g. external session replay URL) */
-    extraFields?: FlintExtraFields;
-    /** Label shown on the trigger button. Default: "Reportar bug" */
-    buttonLabel?: string;
-    /** Locale for UI strings. Default: "pt-BR" */
-    locale?: Locale;
-    /** Visual theme. Default: "light" */
-    theme?: Theme;
-    /** Custom z-index for the widget. Default: 9999 */
-    zIndex?: number;
-    /** URL of the admin/status page for reporters to track their bugs */
-    statusPageUrl?: string;
-    /**
-     * Datadog site hostname for auto-generating RUM Session Replay deep links.
-     * When set, the widget auto-detects `window.DD_RUM` and generates a direct
-     * link to the session replay at the exact moment the bug was reported.
-     * Examples: "app.datadoghq.com", "app.datadoghq.eu", "app.us5.datadoghq.com"
-     */
-    datadogSite?: string;
-    /** Enable session replay recording. Default: true */
-    enableReplay?: boolean;
-    /** Enable screenshot capture. Default: true */
-    enableScreenshot?: boolean;
-    /** Enable console log collection. Default: true */
-    enableConsole?: boolean;
-    /** Enable network error collection. Default: true */
-    enableNetwork?: boolean;
-    /** Enable frustration detection (rage clicks, dead clicks, error loops). Default: false */
-    enableFrustration?: boolean;
-    /** Auto-submit bug report on frustration detection. Default: false */
-    autoReportFrustration?: boolean;
-    /** Called before report submission. Return false to cancel. */
-    onBeforeSubmit?: (payload: ReportPayload) => boolean | Promise<boolean>;
-    /** Called after successful submission */
-    onSuccess?: (result: ReportResult) => void;
-    /** Called when submission fails */
-    onError?: (error: Error) => void;
-    /** Called when the modal opens */
-    onOpen?: () => void;
-    /** Called when the modal closes */
-    onClose?: () => void;
-}
-interface ReportPayload {
-    reporterId: string;
-    reporterName: string;
-    reporterEmail?: string;
-    description: string;
-    expectedBehavior?: string;
-    stepsToReproduce?: {
-        action: string;
-        result: string;
-    }[];
-    externalReplayUrl?: string;
-    additionalContext?: string;
-    severity: Severity;
-    url?: string;
-    meta?: Record<string, unknown>;
-    label?: string;
-}
-interface ReportResult {
-    id: string;
-    status: string;
-    githubIssueUrl?: string | null;
-    slackMessageUrl?: string | null;
-    isDuplicate: boolean;
-    duplicateOfId?: string | null;
-}
-
 declare type addedNodeMutation = {
     parentId: number;
     previousId?: number | null;
@@ -537,7 +422,7 @@ declare global {
 interface Props {
     projectKey: string;
     serverUrl: string;
-    user?: FlintUser$1;
+    user?: FlintUser;
     meta?: Record<string, unknown>;
     theme: Theme;
     zIndex: number;
@@ -545,6 +430,7 @@ interface Props {
     getEnvironment: () => EnvironmentInfo;
     getConsoleLogs: () => ConsoleEntry[];
     getNetworkErrors: () => NetworkEntry[];
+    getFormErrors: () => FormErrorEntry[];
     getReplayEvents: () => eventWithTime[];
     getExternalReplayUrl: () => string | undefined;
     initialSelection?: string;
@@ -554,18 +440,8 @@ interface Props {
     onSuccess?: (result: ReportResult) => void;
     onError?: (error: Error) => void;
 }
-declare function FlintModal({ projectKey, serverUrl, user, meta, theme, zIndex, onClose, getEnvironment, getConsoleLogs, getNetworkErrors, getReplayEvents, getExternalReplayUrl, initialSelection, enableScreenshot, statusPageUrl, onBeforeSubmit, onSuccess, onError, }: Props): react_jsx_runtime.JSX.Element;
+declare function FlintModal({ projectKey, serverUrl, user, meta, theme, zIndex, onClose, getEnvironment, getConsoleLogs, getNetworkErrors, getFormErrors, getReplayEvents, getExternalReplayUrl, initialSelection, enableScreenshot, statusPageUrl, onBeforeSubmit, onSuccess, onError, }: Props): react_jsx_runtime.JSX.Element;
 
 declare function FlintWidget(props: FlintWidgetProps): react_jsx_runtime.JSX.Element;
 
-interface FlintUser {
-    id: string;
-    name: string;
-    email?: string;
-}
-declare const flint: {
-    setUser(user: FlintUser | null): void;
-    setSessionReplay(url: string | (() => string) | null): void;
-};
-
-export { FlintModal, type FlintUser$1 as FlintUser, FlintWidget, type FlintWidgetProps, type Locale, type ReportPayload, type ReportResult, type Severity, type Theme, type ThemeOverride, flint };
+export { FlintModal, FlintWidget };

package/dist/index.d.ts

@@ -1,122 +1,7 @@
+import { FlintUser, Theme, EnvironmentInfo, ConsoleEntry, NetworkEntry, FormErrorEntry, ReportPayload, ReportResult, FlintWidgetProps } from '@diegotsi/flint-core';
+export { Flint, FlintConfig, FlintUser, FlintWidgetProps, Locale, ReportPayload, ReportResult, Severity, Theme, ThemeOverride, flint } from '@diegotsi/flint-core';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 
-type Severity = "P1" | "P2" | "P3" | "P4";
-interface EnvironmentInfo {
-    browser: string;
-    os: string;
-    viewport: string;
-    screen: string;
-    language: string;
-    timezone: string;
-    online: boolean;
-}
-interface ConsoleEntry {
-    level: "log" | "warn" | "error";
-    args: string;
-    timestamp: number;
-}
-interface NetworkEntry {
-    method: string;
-    url: string;
-    status: number;
-    duration: number;
-    timestamp: number;
-}
-type Locale = "pt-BR" | "en-US";
-type Theme = "light" | "dark" | ThemeOverride;
-interface ThemeOverride {
-    background?: string;
-    accent?: string;
-    text?: string;
-    border?: string;
-}
-interface FlintUser$1 {
-    id: string;
-    name: string;
-    email?: string;
-}
-interface FlintExtraFields {
-    /** Session replay URL from Datadog RUM, FullStory, LogRocket, etc. Pass a function for lazy evaluation. */
-    sessionReplay?: string | (() => string);
-    [key: string]: unknown;
-}
-interface FlintWidgetProps {
-    /** Project API key — get this from the flint-server admin API */
-    projectKey: string;
-    /** Full URL of the flint-server, e.g. "https://bugs.example.com" */
-    serverUrl: string;
-    /** Authenticated user info (optional) */
-    user?: FlintUser$1;
-    /** Arbitrary metadata to attach to every report */
-    meta?: Record<string, unknown>;
-    /** Extra fields for developer use (e.g. external session replay URL) */
-    extraFields?: FlintExtraFields;
-    /** Label shown on the trigger button. Default: "Reportar bug" */
-    buttonLabel?: string;
-    /** Locale for UI strings. Default: "pt-BR" */
-    locale?: Locale;
-    /** Visual theme. Default: "light" */
-    theme?: Theme;
-    /** Custom z-index for the widget. Default: 9999 */
-    zIndex?: number;
-    /** URL of the admin/status page for reporters to track their bugs */
-    statusPageUrl?: string;
-    /**
-     * Datadog site hostname for auto-generating RUM Session Replay deep links.
-     * When set, the widget auto-detects `window.DD_RUM` and generates a direct
-     * link to the session replay at the exact moment the bug was reported.
-     * Examples: "app.datadoghq.com", "app.datadoghq.eu", "app.us5.datadoghq.com"
-     */
-    datadogSite?: string;
-    /** Enable session replay recording. Default: true */
-    enableReplay?: boolean;
-    /** Enable screenshot capture. Default: true */
-    enableScreenshot?: boolean;
-    /** Enable console log collection. Default: true */
-    enableConsole?: boolean;
-    /** Enable network error collection. Default: true */
-    enableNetwork?: boolean;
-    /** Enable frustration detection (rage clicks, dead clicks, error loops). Default: false */
-    enableFrustration?: boolean;
-    /** Auto-submit bug report on frustration detection. Default: false */
-    autoReportFrustration?: boolean;
-    /** Called before report submission. Return false to cancel. */
-    onBeforeSubmit?: (payload: ReportPayload) => boolean | Promise<boolean>;
-    /** Called after successful submission */
-    onSuccess?: (result: ReportResult) => void;
-    /** Called when submission fails */
-    onError?: (error: Error) => void;
-    /** Called when the modal opens */
-    onOpen?: () => void;
-    /** Called when the modal closes */
-    onClose?: () => void;
-}
-interface ReportPayload {
-    reporterId: string;
-    reporterName: string;
-    reporterEmail?: string;
-    description: string;
-    expectedBehavior?: string;
-    stepsToReproduce?: {
-        action: string;
-        result: string;
-    }[];
-    externalReplayUrl?: string;
-    additionalContext?: string;
-    severity: Severity;
-    url?: string;
-    meta?: Record<string, unknown>;
-    label?: string;
-}
-interface ReportResult {
-    id: string;
-    status: string;
-    githubIssueUrl?: string | null;
-    slackMessageUrl?: string | null;
-    isDuplicate: boolean;
-    duplicateOfId?: string | null;
-}
-
 declare type addedNodeMutation = {
     parentId: number;
     previousId?: number | null;
@@ -537,7 +422,7 @@ declare global {
 interface Props {
     projectKey: string;
     serverUrl: string;
-    user?: FlintUser$1;
+    user?: FlintUser;
     meta?: Record<string, unknown>;
     theme: Theme;
     zIndex: number;
@@ -545,6 +430,7 @@ interface Props {
     getEnvironment: () => EnvironmentInfo;
     getConsoleLogs: () => ConsoleEntry[];
     getNetworkErrors: () => NetworkEntry[];
+    getFormErrors: () => FormErrorEntry[];
     getReplayEvents: () => eventWithTime[];
     getExternalReplayUrl: () => string | undefined;
     initialSelection?: string;
@@ -554,18 +440,8 @@ interface Props {
     onSuccess?: (result: ReportResult) => void;
     onError?: (error: Error) => void;
 }
-declare function FlintModal({ projectKey, serverUrl, user, meta, theme, zIndex, onClose, getEnvironment, getConsoleLogs, getNetworkErrors, getReplayEvents, getExternalReplayUrl, initialSelection, enableScreenshot, statusPageUrl, onBeforeSubmit, onSuccess, onError, }: Props): react_jsx_runtime.JSX.Element;
+declare function FlintModal({ projectKey, serverUrl, user, meta, theme, zIndex, onClose, getEnvironment, getConsoleLogs, getNetworkErrors, getFormErrors, getReplayEvents, getExternalReplayUrl, initialSelection, enableScreenshot, statusPageUrl, onBeforeSubmit, onSuccess, onError, }: Props): react_jsx_runtime.JSX.Element;
 
 declare function FlintWidget(props: FlintWidgetProps): react_jsx_runtime.JSX.Element;
 
-interface FlintUser {
-    id: string;
-    name: string;
-    email?: string;
-}
-declare const flint: {
-    setUser(user: FlintUser | null): void;
-    setSessionReplay(url: string | (() => string) | null): void;
-};
-
-export { FlintModal, type FlintUser$1 as FlintUser, FlintWidget, type FlintWidgetProps, type Locale, type ReportPayload, type ReportResult, type Severity, type Theme, type ThemeOverride, flint };
+export { FlintModal, FlintWidget };