@fivepixels-js/react 0.1.0

package/dist/hooks/usePersonalKey.d.ts

@@ -0,0 +1,30 @@
+import type { ReportAuthAction, ReportAuthor, ReportIdentify } from "../types/report.js";
+type UsePersonalKeyOptions = {
+    enabled: boolean;
+    projectId: string;
+    environment?: string;
+    identify?: ReportIdentify;
+    authors: ReportAuthor[];
+};
+export declare function usePersonalKey({ enabled, projectId, environment, identify, authors }: UsePersonalKeyOptions): {
+    personalKey: string | null;
+    publicKey: string | null;
+    personalKeyRequired: boolean;
+    personalKeyPendingRegistration: boolean;
+    personalKeyCandidates: ReportAuthor[];
+    authorizedAuthors: ReportIdentify[];
+    issuePersonalKey: (authorId?: string) => Promise<{
+        privateKey: string;
+        publicKey: string;
+    } | null>;
+    rotatePersonalKey: () => Promise<{
+        privateKey: string;
+        publicKey: string;
+    } | null>;
+    insertPersonalKey: (key: string) => Promise<{
+        authorized: boolean;
+    } | null>;
+    signPayload: (action: ReportAuthAction, payload: unknown) => Promise<import("../types/report.js").ReportAuthProof | null>;
+};
+export {};
+//# sourceMappingURL=usePersonalKey.d.ts.map

package/dist/hooks/usePersonalKey.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePersonalKey.d.ts","sourceRoot":"","sources":["../../src/hooks/usePersonalKey.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,gBAAgB,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAYxF,KAAK,qBAAqB,GAAG;IACzB,OAAO,EAAE,OAAO,CAAC;IACjB,SAAS,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,cAAc,CAAC;IAC1B,OAAO,EAAE,YAAY,EAAE,CAAC;CAC3B,CAAC;AAEF,wBAAgB,cAAc,CAAC,EAAE,OAAO,EAAE,SAAS,EAAE,WAAW,EAAE,QAAQ,EAAE,OAAO,EAAE,EAAE,qBAAqB;;;;;;;kCAqBjD,MAAM;;;;;;;;6BAyB7C,MAAM;;;0BAkBH,gBAAgB,WAAW,OAAO;EA2BxD"}

package/dist/hooks/usePersonalKey.js

@@ -0,0 +1,72 @@
+import { useCallback, useEffect, useMemo, useState } from "react";
+import { createReviewerKeyPair, getPublicKeyFromPrivateKey, parsePrivateKeyBundle, readPersonalKey, resolvePersonalKeyAuthor, resolvePersonalKeyOwner, savePersonalKey, signReportPayload, } from "../utils/personalKey.js";
+export function usePersonalKey({ enabled, projectId, environment, identify, authors }) {
+    const [personalKey, setPersonalKey] = useState(null);
+    const [isReady, setIsReady] = useState(!enabled);
+    useEffect(() => {
+        if (!enabled) {
+            setPersonalKey(null);
+            setIsReady(true);
+            return;
+        }
+        setPersonalKey(readPersonalKey(projectId, environment));
+        setIsReady(true);
+    }, [enabled, environment, projectId]);
+    const keyBundle = useMemo(() => (personalKey ? parsePrivateKeyBundle(personalKey) : null), [personalKey]);
+    const authorizedAuthor = useMemo(() => (keyBundle ? resolvePersonalKeyAuthor(keyBundle, identify, authors) : undefined), [authors, identify, keyBundle]);
+    const issuePersonalKey = useCallback(async (authorId) => {
+        const owner = authors.find((author) => author.id === authorId) ?? resolvePersonalKeyOwner(identify, authors);
+        if (!owner) {
+            return null;
+        }
+        const issued = await createReviewerKeyPair(projectId, environment, owner.id);
+        savePersonalKey(projectId, environment, issued.privateKey);
+        setPersonalKey(issued.privateKey);
+        return issued;
+    }, [authors, environment, identify, projectId]);
+    const rotatePersonalKey = useCallback(async () => {
+        if (!authorizedAuthor) {
+            return null;
+        }
+        const issued = await createReviewerKeyPair(projectId, environment, authorizedAuthor.id);
+        savePersonalKey(projectId, environment, issued.privateKey);
+        setPersonalKey(issued.privateKey);
+        return issued;
+    }, [authorizedAuthor, environment, projectId]);
+    const insertPersonalKey = useCallback(async (key) => {
+        const saved = savePersonalKey(projectId, environment, key);
+        if (saved) {
+            setPersonalKey(key.trim());
+        }
+        const bundle = saved ? parsePrivateKeyBundle(key) : null;
+        return bundle
+            ? {
+                authorized: Boolean(resolvePersonalKeyAuthor(bundle, identify, authors)),
+            }
+            : null;
+    }, [authors, environment, identify, projectId]);
+    const signPayload = useCallback(async (action, payload) => {
+        if (!personalKey || !authorizedAuthor) {
+            return null;
+        }
+        return signReportPayload(personalKey, {
+            projectId,
+            environment,
+            action,
+            payload,
+        });
+    }, [authorizedAuthor, environment, personalKey, projectId]);
+    return {
+        personalKey,
+        publicKey: personalKey ? getPublicKeyFromPrivateKey(personalKey) : null,
+        personalKeyRequired: enabled && isReady && !authorizedAuthor,
+        personalKeyPendingRegistration: enabled && Boolean(personalKey) && !authorizedAuthor,
+        personalKeyCandidates: authors,
+        authorizedAuthors: enabled ? (authorizedAuthor ? [authorizedAuthor] : []) : authors,
+        issuePersonalKey,
+        rotatePersonalKey,
+        insertPersonalKey,
+        signPayload,
+    };
+}
+//# sourceMappingURL=usePersonalKey.js.map

package/dist/hooks/usePersonalKey.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePersonalKey.js","sourceRoot":"","sources":["../../src/hooks/usePersonalKey.ts"],"names":[],"mappings":"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"}

package/dist/hooks/useReportPersistence.d.ts

@@ -0,0 +1,63 @@
+import type { CreateReportFeedbackPayload, ReportFeedback, ReportField, ReportPersistenceHandlers, ReportStorageAdapter, UpdateReportFeedbackPayload } from "../types/report.js";
+import type { ReportFilters, ReportListScope } from "../types/report-ui.js";
+export type ReportPersistenceConfig = {
+    projectId: string;
+    environment?: string;
+    appVersion?: string;
+    fields: ReportField[];
+    onList?: (params: {
+        pathname: string;
+    }) => Promise<ReportFeedback[]>;
+    onListAll?: ReportPersistenceHandlers["onListAll"];
+    onCreate?: (payload: CreateReportFeedbackPayload) => Promise<ReportFeedback>;
+    onUpdate?: (id: string, payload: UpdateReportFeedbackPayload) => Promise<ReportFeedback>;
+    onDelete?: (id: string) => Promise<void>;
+    routeKey?: string;
+};
+export declare function useReportPersistence({ projectId, environment, appVersion, fields, onList, onListAll, onCreate, onUpdate, onDelete, routeKey, }: ReportPersistenceConfig): {
+    storageAdapterInstance: ReportStorageAdapter;
+    canTransferFeedback: boolean;
+    canListAllFeedback: boolean;
+    currentPathname: string;
+    listScope: ReportListScope;
+    setListScope: import("react").Dispatch<import("react").SetStateAction<ReportListScope>>;
+    filters: ReportFilters;
+    setFilters: import("react").Dispatch<import("react").SetStateAction<ReportFilters>>;
+    selectedReportId: string | null;
+    setSelectedReportId: import("react").Dispatch<import("react").SetStateAction<string | null>>;
+    reports: ReportFeedback[];
+    filteredReports: ReportFeedback[];
+    currentPageFilteredReports: ReportFeedback[];
+    routeDetailsStats: {
+        pathname: string;
+        statusRows: {
+            status: import("../constants/feedbackStatus.js").FeedbackDisplayStatus;
+            all: number;
+            today: number;
+        }[];
+        fieldCounts: {
+            key: string;
+            label: string;
+            type: "textarea" | "checkbox";
+            count: number;
+        }[];
+    };
+    selectedReport: ReportFeedback;
+    isError: boolean;
+    isFetching: boolean;
+    hasNextPage: boolean;
+    isFetchingNextPage: boolean;
+    fetchNextPage: () => Promise<void>;
+    isCreating: boolean;
+    isUpdating: boolean;
+    isDeleting: boolean;
+    queryErrorMessage: string | undefined;
+    refetch: () => Promise<ReportFeedback[]>;
+    createFeedback: (payload: CreateReportFeedbackPayload) => Promise<ReportFeedback>;
+    updateFeedback: (id: string, payload: UpdateReportFeedbackPayload) => Promise<ReportFeedback>;
+    deleteFeedback: (id: string) => Promise<void>;
+};
+export type ReportPersistenceState = ReturnType<typeof useReportPersistence> & {
+    storageAdapterInstance: ReportStorageAdapter;
+};
+//# sourceMappingURL=useReportPersistence.d.ts.map

package/dist/hooks/useReportPersistence.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useReportPersistence.d.ts","sourceRoot":"","sources":["../../src/hooks/useReportPersistence.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EACR,2BAA2B,EAC3B,cAAc,EACd,WAAW,EACX,yBAAyB,EACzB,oBAAoB,EACpB,2BAA2B,EAC9B,MAAM,mBAAmB,CAAC;AAC3B,OAAO,KAAK,EAAE,aAAa,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAM3E,MAAM,MAAM,uBAAuB,GAAG;IAClC,SAAS,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,MAAM,EAAE,WAAW,EAAE,CAAC;IACtB,MAAM,CAAC,EAAE,CAAC,MAAM,EAAE;QAAE,QAAQ,EAAE,MAAM,CAAA;KAAE,KAAK,OAAO,CAAC,cAAc,EAAE,CAAC,CAAC;IACrE,SAAS,CAAC,EAAE,yBAAyB,CAAC,WAAW,CAAC,CAAC;IACnD,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,2BAA2B,KAAK,OAAO,CAAC,cAAc,CAAC,CAAC;IAC7E,QAAQ,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,2BAA2B,KAAK,OAAO,CAAC,cAAc,CAAC,CAAC;IACzF,QAAQ,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IACzC,QAAQ,CAAC,EAAE,MAAM,CAAC;CACrB,CAAC;AAqBF,wBAAgB,oBAAoB,CAAC,EACjC,SAAS,EACT,WAAW,EACX,UAAU,EACV,MAAM,EACN,MAAM,EACN,SAAS,EACT,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,QAAQ,GACX,EAAE,uBAAuB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAkJzB;AAED,MAAM,MAAM,sBAAsB,GAAG,UAAU,CAAC,OAAO,oBAAoB,CAAC,GAAG;IAC3E,sBAAsB,EAAE,oBAAoB,CAAC;CAChD,CAAC"}

package/dist/hooks/useReportPersistence.js

@@ -0,0 +1,142 @@
+import { useEffect, useMemo, useState } from "react";
+import { useCreateReportMutation, useDeleteReportMutation, useReportsQuery, useUpdateReportMutation } from "./report.query.js";
+import { useCurrentPathname } from "./useCurrentPathname.js";
+import { getRouteDetailStatus, isCreatedToday } from "../utils/routeDetailStatus.js";
+import { getFeedbackDisplayStatus } from "../utils/feedbackThread.js";
+import { FEEDBACK_DISPLAY_STATUS_ORDER } from "../constants/feedbackStatus.js";
+import { resolveStorageAdapter } from "../utils/storage.js";
+function filterReports(reports, filters) {
+    return reports.filter((report) => {
+        if (filters.status !== "all" && getRouteDetailStatus(report) !== filters.status) {
+            return false;
+        }
+        if (filters.reportType !== "all" && report.report_type !== filters.reportType) {
+            return false;
+        }
+        if (!filters.keyword.trim()) {
+            return true;
+        }
+        const keyword = filters.keyword.trim().toLowerCase();
+        return [report.message, report.report_id, report.status, report.pathname].join(" ").toLowerCase().includes(keyword);
+    });
+}
+export function useReportPersistence({ projectId, environment, appVersion, fields, onList, onListAll, onCreate, onUpdate, onDelete, routeKey, }) {
+    const { adapter: storageAdapterInstance, usesLocalStorage } = useMemo(() => resolveStorageAdapter({ projectId, environment, appVersion, onList, onListAll, onCreate, onUpdate, onDelete }), [appVersion, environment, onCreate, onDelete, onList, onListAll, onUpdate, projectId]);
+    const canTransferFeedback = usesLocalStorage;
+    const currentPathname = useCurrentPathname(routeKey);
+    const [filters, setFilters] = useState({
+        keyword: "",
+        status: "all",
+        reportType: "all",
+    });
+    const [selectedReportId, setSelectedReportId] = useState(null);
+    const [listScope, setListScope] = useState("current");
+    const currentReportsQuery = useReportsQuery(storageAdapterInstance, currentPathname, "current", true);
+    const allReportsQuery = useReportsQuery(storageAdapterInstance, currentPathname, "all", listScope === "all" && Boolean(storageAdapterInstance.listAll));
+    const activeReportsQuery = listScope === "all" ? allReportsQuery : currentReportsQuery;
+    const reports = activeReportsQuery.data;
+    const { error, isError, isFetching, hasNextPage, isFetchingNextPage, fetchNextPage, refetch } = activeReportsQuery;
+    const { mutateAsync: createFeedback, isPending: isCreating } = useCreateReportMutation(storageAdapterInstance, () => {
+        void refetch();
+        if (listScope === "all") {
+            void currentReportsQuery.refetch();
+        }
+    });
+    const { mutateAsync: updateFeedback, isPending: isUpdating } = useUpdateReportMutation(storageAdapterInstance, () => {
+        void refetch();
+        if (listScope === "all") {
+            void currentReportsQuery.refetch();
+        }
+    });
+    const { mutateAsync: deleteFeedback, isPending: isDeleting } = useDeleteReportMutation(storageAdapterInstance, () => {
+        void refetch();
+        if (listScope === "all") {
+            void currentReportsQuery.refetch();
+        }
+    });
+    const filteredReports = useMemo(() => filterReports(reports, filters), [filters, reports]);
+    const currentPageFilteredReports = useMemo(() => filterReports(currentReportsQuery.data, filters), [currentReportsQuery.data, filters]);
+    const routeDetailsStats = useMemo(() => {
+        const currentPageReports = currentReportsQuery.data;
+        const statusRows = FEEDBACK_DISPLAY_STATUS_ORDER.map((status) => ({
+            status,
+            all: 0,
+            today: 0,
+        }));
+        const statusIndex = new Map(statusRows.map((row, index) => [row.status, index]));
+        for (const report of currentPageReports) {
+            const status = getFeedbackDisplayStatus(report, true);
+            const index = statusIndex.get(status);
+            if (index === undefined) {
+                continue;
+            }
+            statusRows[index].all += 1;
+            if (isCreatedToday(report.created_at)) {
+                statusRows[index].today += 1;
+            }
+        }
+        const fieldCounts = fields
+            .filter((field) => field.key !== "message")
+            .map((field) => {
+            const count = currentPageReports.filter((report) => {
+                if (field.type === "checkbox") {
+                    return report.field_values[field.key] === true;
+                }
+                return String(report.field_values[field.key] ?? "").trim().length > 0;
+            }).length;
+            return {
+                key: field.key,
+                label: field.label,
+                type: field.type,
+                count,
+            };
+        });
+        return {
+            pathname: currentPathname,
+            statusRows,
+            fieldCounts,
+        };
+    }, [currentPathname, currentReportsQuery.data, fields]);
+    const selectedReport = useMemo(() => {
+        return filteredReports.find((report) => report.id === selectedReportId) ?? filteredReports[0] ?? null;
+    }, [filteredReports, selectedReportId]);
+    useEffect(() => {
+        if (!selectedReportId) {
+            return;
+        }
+        if (!filteredReports.some((report) => report.id === selectedReportId)) {
+            setSelectedReportId(filteredReports[0]?.id ?? null);
+        }
+    }, [filteredReports, selectedReportId]);
+    return {
+        storageAdapterInstance,
+        canTransferFeedback,
+        canListAllFeedback: Boolean(storageAdapterInstance.listAll),
+        currentPathname,
+        listScope,
+        setListScope,
+        filters,
+        setFilters,
+        selectedReportId,
+        setSelectedReportId,
+        reports,
+        filteredReports,
+        currentPageFilteredReports,
+        routeDetailsStats,
+        selectedReport,
+        isError,
+        isFetching,
+        hasNextPage,
+        isFetchingNextPage,
+        fetchNextPage,
+        isCreating,
+        isUpdating,
+        isDeleting,
+        queryErrorMessage: error?.message,
+        refetch,
+        createFeedback,
+        updateFeedback,
+        deleteFeedback,
+    };
+}
+//# sourceMappingURL=useReportPersistence.js.map

package/dist/hooks/useReportPersistence.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useReportPersistence.js","sourceRoot":"","sources":["../../src/hooks/useReportPersistence.ts"],"names":[],"mappings":"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"}

package/dist/hooks/useReportShortcuts.d.ts

@@ -0,0 +1,5 @@
+import type { useReportState } from "./useReportState.js";
+type ReportShortcutHandlers = Pick<ReturnType<typeof useReportState>, "mode" | "draft" | "editingReportId" | "panelTab" | "showTargetPreview" | "activeReplyReportId" | "pendingComposer" | "toggleReportMode" | "toggleTargetPreview" | "toggleIssueMode" | "cancelDraft" | "cancelPendingComposer" | "closeReplyComposer" | "handleCreateSubmit" | "stopEditing" | "handleUpdateSubmit" | "focusSearchInput" | "selectAdjacentReport">;
+export declare function useReportShortcuts(handlers: ReportShortcutHandlers): void;
+export {};
+//# sourceMappingURL=useReportShortcuts.d.ts.map

package/dist/hooks/useReportShortcuts.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useReportShortcuts.d.ts","sourceRoot":"","sources":["../../src/hooks/useReportShortcuts.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAE1D,KAAK,sBAAsB,GAAG,IAAI,CAC9B,UAAU,CAAC,OAAO,cAAc,CAAC,EAC/B,MAAM,GACN,OAAO,GACP,iBAAiB,GACjB,UAAU,GACV,mBAAmB,GACnB,qBAAqB,GACrB,iBAAiB,GACjB,kBAAkB,GAClB,qBAAqB,GACrB,iBAAiB,GACjB,aAAa,GACb,uBAAuB,GACvB,oBAAoB,GACpB,oBAAoB,GACpB,aAAa,GACb,oBAAoB,GACpB,kBAAkB,GAClB,sBAAsB,CAC3B,CAAC;AAEF,wBAAgB,kBAAkB,CAAC,QAAQ,EAAE,sBAAsB,QAwJlE"}

package/dist/hooks/useReportShortcuts.js

@@ -0,0 +1,117 @@
+import { useEffect } from "react";
+import { REPORT_SHORTCUTS } from "../constants/reportShortcuts.js";
+import { isEditableTarget, matchesShortcut } from "../utils/shortcuts.js";
+export function useReportShortcuts(handlers) {
+    const { mode, draft, editingReportId, panelTab, showTargetPreview, activeReplyReportId, pendingComposer, toggleReportMode, toggleTargetPreview, toggleIssueMode, cancelDraft, cancelPendingComposer, closeReplyComposer, handleCreateSubmit, stopEditing, handleUpdateSubmit, focusSearchInput, selectAdjacentReport, } = handlers;
+    useEffect(() => {
+        const handleKeyDown = (event) => {
+            const inEditable = isEditableTarget(event.target);
+            const isFeedbackListOpen = panelTab === "feedback-list";
+            if (matchesShortcut(event, REPORT_SHORTCUTS.submit)) {
+                if (draft) {
+                    event.preventDefault();
+                    void handleCreateSubmit();
+                    return;
+                }
+                if (editingReportId) {
+                    event.preventDefault();
+                    void handleUpdateSubmit();
+                    return;
+                }
+                return;
+            }
+            if (matchesShortcut(event, REPORT_SHORTCUTS.cancel)) {
+                if (draft) {
+                    event.preventDefault();
+                    cancelDraft();
+                    return;
+                }
+                if (editingReportId) {
+                    event.preventDefault();
+                    stopEditing();
+                    return;
+                }
+                if (mode === "report") {
+                    event.preventDefault();
+                    toggleReportMode();
+                    return;
+                }
+                if (pendingComposer) {
+                    event.preventDefault();
+                    cancelPendingComposer();
+                    return;
+                }
+                if (activeReplyReportId) {
+                    event.preventDefault();
+                    closeReplyComposer();
+                    return;
+                }
+                if (mode === "view") {
+                    event.preventDefault();
+                    toggleIssueMode();
+                    return;
+                }
+                if (showTargetPreview) {
+                    event.preventDefault();
+                    toggleTargetPreview();
+                    return;
+                }
+                return;
+            }
+            if (isFeedbackListOpen && matchesShortcut(event, REPORT_SHORTCUTS.focusSearch)) {
+                event.preventDefault();
+                focusSearchInput();
+                return;
+            }
+            if (isFeedbackListOpen && !inEditable && (event.key === "ArrowUp" || event.key === "ArrowDown")) {
+                event.preventDefault();
+                selectAdjacentReport(event.key === "ArrowDown" ? "down" : "up");
+                return;
+            }
+            if (inEditable) {
+                return;
+            }
+            if (matchesShortcut(event, REPORT_SHORTCUTS.toggleReportMode)) {
+                event.preventDefault();
+                toggleReportMode();
+                return;
+            }
+            if (matchesShortcut(event, REPORT_SHORTCUTS.toggleTargetPreview)) {
+                if (mode !== "idle") {
+                    return;
+                }
+                event.preventDefault();
+                toggleTargetPreview();
+                return;
+            }
+            if (matchesShortcut(event, REPORT_SHORTCUTS.toggleViewMode)) {
+                event.preventDefault();
+                toggleIssueMode();
+            }
+        };
+        window.addEventListener("keydown", handleKeyDown);
+        return () => {
+            window.removeEventListener("keydown", handleKeyDown);
+        };
+    }, [
+        mode,
+        draft,
+        editingReportId,
+        panelTab,
+        showTargetPreview,
+        activeReplyReportId,
+        pendingComposer,
+        toggleReportMode,
+        toggleTargetPreview,
+        toggleIssueMode,
+        cancelDraft,
+        cancelPendingComposer,
+        closeReplyComposer,
+        handleCreateSubmit,
+        stopEditing,
+        handleUpdateSubmit,
+        focusSearchInput,
+        selectAdjacentReport,
+    ]);
+}
+//# sourceMappingURL=useReportShortcuts.js.map

package/dist/hooks/useReportShortcuts.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useReportShortcuts.js","sourceRoot":"","sources":["../../src/hooks/useReportShortcuts.ts"],"names":[],"mappings":"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"}

package/dist/hooks/useReportState.d.ts

@@ -0,0 +1,177 @@
+import { type MouseEvent } from "react";
+import type { DeepPartialReportMessages } from "../i18n/types.js";
+import type { ReportLocale } from "../i18n/types.js";
+import type { CreateReportFeedbackPayload, ReportAppearance, ReportAuthor, ReportEvent, ReportFeedback, ReportField, ReportGitHubConfig, ReportIdentify, ReportListAllParams, ReportListAllResult, UpdateReportFeedbackPayload } from "../types/report.js";
+import type { DraftReport, EditableDraft, Marker, PendingFeedbackComposer, ReportMode, ReportPanelTab, TargetSnapshot } from "../types/report-ui.js";
+export type ReportStateConfig = {
+    projectId: string;
+    environment?: string;
+    appVersion?: string;
+    appearance: ReportAppearance;
+    fields: ReportField[];
+    authors?: ReportAuthor[];
+    requireReviewerKey?: boolean;
+    shortcut?: string;
+    identify?: ReportIdentify;
+    onList?: (params: {
+        pathname: string;
+    }) => Promise<ReportFeedback[]>;
+    onListAll?: (params: ReportListAllParams) => Promise<ReportListAllResult>;
+    onNavigate?: (pathname: string) => void | Promise<void>;
+    onCreate?: (payload: CreateReportFeedbackPayload) => Promise<ReportFeedback>;
+    onUpdate?: (id: string, payload: UpdateReportFeedbackPayload) => Promise<ReportFeedback>;
+    onDelete?: (id: string) => Promise<void>;
+    onEvent?: (event: ReportEvent) => void | Promise<void>;
+    onReply?: (params: {
+        feedbackId: string;
+        message: string;
+    }) => void | Promise<void>;
+    github?: ReportGitHubConfig;
+    routeKey?: string;
+    showFeedbackList: boolean;
+    visibleShortcutKeys?: boolean;
+    initialLocale: ReportLocale;
+    messageOverrides?: DeepPartialReportMessages;
+};
+export declare function useReportState({ projectId, environment, appVersion, appearance, fields, authors, requireReviewerKey, shortcut: _shortcut, identify, onList, onListAll, onNavigate, onCreate, onUpdate, onDelete, onEvent, onReply, github, routeKey, showFeedbackList, visibleShortcutKeys, initialLocale, messageOverrides, }: ReportStateConfig): {
+    appearance: ReportAppearance;
+    setAppearance: (nextAppearance: ReportAppearance) => void;
+    locale: ReportLocale;
+    setLocale: (nextLocale: ReportLocale) => void;
+    messages: import("../i18n/types.js").ReportMessages;
+    fields: ReportField[];
+    authors: ReportIdentify[];
+    projectId: string;
+    environment: string | undefined;
+    appVersion: string | undefined;
+    currentPathname: string;
+    showFeedbackList: boolean;
+    panelTab: ReportPanelTab | null;
+    routeDetailsStats: {
+        pathname: string;
+        statusRows: {
+            status: import("../constants/feedbackStatus.js").FeedbackDisplayStatus;
+            all: number;
+            today: number;
+        }[];
+        fieldCounts: {
+            key: string;
+            label: string;
+            type: "textarea" | "checkbox";
+            count: number;
+        }[];
+    };
+    canTransferFeedback: boolean;
+    personalKey: string | null;
+    publicKey: string | null;
+    personalKeyRequired: boolean;
+    personalKeyPendingRegistration: boolean;
+    personalKeyCandidates: ReportAuthor[];
+    issuePersonalKey: (authorId?: string) => Promise<{
+        privateKey: string;
+        publicKey: string;
+    } | null>;
+    rotatePersonalKey: () => Promise<{
+        privateKey: string;
+        publicKey: string;
+    } | null>;
+    insertPersonalKey: (key: string) => Promise<{
+        authorized: boolean;
+    } | null>;
+    canListAllFeedback: boolean;
+    visibleShortcutKeys: boolean;
+    searchInputRef: import("react").MutableRefObject<HTMLInputElement | null>;
+    resolvedAppearance: import("../types/report-ui.js").ResolvedAppearance;
+    isMobileViewport: boolean;
+    mode: ReportMode;
+    showTargetPreview: boolean;
+    selectableTargets: TargetSnapshot[];
+    filters: import("../types/report-ui.js").ReportFilters;
+    setFilters: import("react").Dispatch<import("react").SetStateAction<import("../types/report-ui.js").ReportFilters>>;
+    listScope: import("../types/report-ui.js").ReportListScope;
+    setListScope: import("react").Dispatch<import("react").SetStateAction<import("../types/report-ui.js").ReportListScope>>;
+    reports: ReportFeedback[];
+    filteredReports: ReportFeedback[];
+    isError: boolean;
+    isFetching: boolean;
+    hasNextPage: boolean;
+    isFetchingNextPage: boolean;
+    fetchNextPage: () => Promise<void>;
+    isCreating: boolean;
+    isUpdating: boolean;
+    isDeleting: boolean;
+    queryErrorMessage: string | undefined;
+    refetch: () => Promise<ReportFeedback[]>;
+    errorMessage: string;
+    setErrorMessage: import("react").Dispatch<import("react").SetStateAction<string>>;
+    draft: DraftReport | null;
+    hoveredTarget: TargetSnapshot | null;
+    selectedTarget: TargetSnapshot | null;
+    markers: Marker[];
+    selectedReport: ReportFeedback;
+    editingReportId: string | null;
+    editableDraft: EditableDraft | null;
+    setEditableDraft: import("react").Dispatch<import("react").SetStateAction<EditableDraft | null>>;
+    overlayRef: import("react").MutableRefObject<HTMLDivElement | null>;
+    activeReplyReportId: string | null;
+    activeReplyReport: ReportFeedback | null;
+    tooltipReport: ReportFeedback | null;
+    tooltipAnchor: Marker | null;
+    tooltipFieldTags: {
+        key: string;
+        label: string;
+    }[];
+    replyDraft: string;
+    setReplyDraft: import("react").Dispatch<import("react").SetStateAction<string>>;
+    draftAuthorName: string;
+    setDraftAuthorName: import("react").Dispatch<import("react").SetStateAction<string>>;
+    replyAuthorName: string;
+    setReplyAuthorName: import("react").Dispatch<import("react").SetStateAction<string>>;
+    pendingComposer: PendingFeedbackComposer;
+    startDenyReview: () => void;
+    startCheckoutReview: (replyId: string) => void;
+    cancelPendingComposer: () => void;
+    confirmAuthorName: string;
+    setConfirmAuthorName: import("react").Dispatch<import("react").SetStateAction<string>>;
+    showConfirmAuthorSelect: boolean;
+    toggleConfirmAuthorSelect: () => void;
+    handleConfirmResolution: () => Promise<void>;
+    targetStats: {
+        found: number;
+        group: number;
+        item: number;
+    };
+    statusText: string;
+    toggleReportMode: () => void;
+    toggleTargetPreview: () => void;
+    toggleIssueMode: () => void;
+    openPanelTab: (nextTab: ReportPanelTab) => void;
+    togglePanelTab: (nextTab: ReportPanelTab) => void;
+    selectReport: (reportId: string) => void;
+    locateFeedback: (reportId: string) => Promise<void>;
+    focusSearchInput: () => void;
+    selectAdjacentReport: (direction: "up" | "down") => void;
+    openReplyComposer: (report: ReportFeedback) => void;
+    closeReplyComposer: () => void;
+    clearHoverLeaveTimeout: () => void;
+    scheduleHoverLeave: (markerId: string) => void;
+    setHoveredMarkerId: import("react").Dispatch<import("react").SetStateAction<string | null>>;
+    handleOverlayMove: (event: MouseEvent<HTMLDivElement>) => void;
+    handleOverlayClick: (event: MouseEvent<HTMLDivElement>) => void;
+    cancelDraft: () => void;
+    updateDraftMessage: (nextMessage: string) => void;
+    updateDraftField: (key: string, nextValue: string | boolean) => void;
+    handleCreateSubmit: () => Promise<void>;
+    startEditing: (report: ReportFeedback) => void;
+    stopEditing: () => void;
+    handleUpdateSubmit: () => Promise<void>;
+    handleReplySubmit: () => Promise<void>;
+    handleDelete: (id: string) => Promise<void>;
+    canCreateGitHubIssueFromList: boolean;
+    canCreateGitHubIssueOnCreate: boolean;
+    creatingGitHubIssueId: string | null;
+    handleCreateGitHubIssue: (report: ReportFeedback) => Promise<void>;
+    handleCreateSubmitWithGitHubIssue: () => Promise<void>;
+    isDraftGitHubIssueSubmitting: boolean;
+};
+//# sourceMappingURL=useReportState.d.ts.map