@fivepixels-js/react 0.1.7 → 0.2.1

package/dist/constants/report.d.ts

@@ -3,5 +3,10 @@ export declare const DOT_SIZE = 14;
 export declare const TARGET_SELECTOR = "[data-report-id]";
 export declare const TARGET_COLOR: Record<ReportTargetType, string>;
 export declare const TARGET_SURFACE: Record<ReportTargetType, string>;
+export declare const FEEDBACK_HIGHLIGHT: {
+    readonly outline: "#8b5cf6";
+    readonly surface: "#8b5cf61c";
+    readonly label: "#8b5cf6";
+};
 export declare const DEFAULT_FIELDS: ReportField[];
 //# sourceMappingURL=report.d.ts.map

package/dist/constants/report.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"report.d.ts","sourceRoot":"","sources":["../../src/constants/report.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AAIvE,eAAO,MAAM,QAAQ,KAAK,CAAC;AAC3B,eAAO,MAAM,eAAe,qBAAqB,CAAC;AAElD,eAAO,MAAM,YAAY,EAAE,MAAM,CAAC,gBAAgB,EAAE,MAAM,CAGzD,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,MAAM,CAAC,gBAAgB,EAAE,MAAM,CAG3D,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,WAAW,EAAyB,CAAC"}
+{"version":3,"file":"report.d.ts","sourceRoot":"","sources":["../../src/constants/report.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AAIvE,eAAO,MAAM,QAAQ,KAAK,CAAC;AAC3B,eAAO,MAAM,eAAe,qBAAqB,CAAC;AAElD,eAAO,MAAM,YAAY,EAAE,MAAM,CAAC,gBAAgB,EAAE,MAAM,CAGzD,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,MAAM,CAAC,gBAAgB,EAAE,MAAM,CAG3D,CAAC;AAEF,eAAO,MAAM,kBAAkB;;;;CAIrB,CAAC;AAEX,eAAO,MAAM,cAAc,EAAE,WAAW,EAAyB,CAAC"}

package/dist/constants/report.js

@@ -10,5 +10,10 @@ export const TARGET_SURFACE = {
     group: "#0ed1b41c",
     item: "#0ed1b41c",
 };
+export const FEEDBACK_HIGHLIGHT = {
+    outline: "#8b5cf6",
+    surface: "#8b5cf61c",
+    label: "#8b5cf6",
+};
 export const DEFAULT_FIELDS = getDefaultFields(en);
 //# sourceMappingURL=report.js.map

package/dist/constants/report.js.map

@@ -1 +1 @@
-{"version":3,"file":"report.js","sourceRoot":"","sources":["../../src/constants/report.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAClC,OAAO,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AAEnD,MAAM,CAAC,MAAM,QAAQ,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,MAAM,eAAe,GAAG,kBAAkB,CAAC;AAElD,MAAM,CAAC,MAAM,YAAY,GAAqC;IAC1D,KAAK,EAAE,SAAS;IAChB,IAAI,EAAE,SAAS;CAClB,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAAqC;IAC5D,KAAK,EAAE,WAAW;IAClB,IAAI,EAAE,WAAW;CACpB,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAAkB,gBAAgB,CAAC,EAAE,CAAC,CAAC"}
+{"version":3,"file":"report.js","sourceRoot":"","sources":["../../src/constants/report.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAClC,OAAO,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AAEnD,MAAM,CAAC,MAAM,QAAQ,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,MAAM,eAAe,GAAG,kBAAkB,CAAC;AAElD,MAAM,CAAC,MAAM,YAAY,GAAqC;IAC1D,KAAK,EAAE,SAAS;IAChB,IAAI,EAAE,SAAS;CAClB,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAAqC;IAC5D,KAAK,EAAE,WAAW;IAClB,IAAI,EAAE,WAAW;CACpB,CAAC;AAEF,MAAM,CAAC,MAAM,kBAAkB,GAAG;IAC9B,OAAO,EAAE,SAAS;IAClB,OAAO,EAAE,WAAW;IACpB,KAAK,EAAE,SAAS;CACV,CAAC;AAEX,MAAM,CAAC,MAAM,cAAc,GAAkB,gBAAgB,CAAC,EAAE,CAAC,CAAC"}

package/dist/constants/storageKeys.d.ts

@@ -1,5 +1,7 @@
 export declare const REPORTS_STORAGE_KEY = "fivepixels:reports:v1";
 export declare const PERSONAL_KEY_STORAGE_KEY = "fivepixels:personal-key:v1";
+export declare const SELF_PROFILE_STORAGE_KEY = "fivepixels:self-profile:v1";
 export declare function getReportsStorageKey(projectId: string, environment?: string, appVersion?: string): string;
 export declare function getPersonalKeyStorageKey(projectId: string, environment?: string): string;
+export declare function getSelfProfileStorageKey(projectId: string, environment?: string): string;
 //# sourceMappingURL=storageKeys.d.ts.map

package/dist/constants/storageKeys.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"storageKeys.d.ts","sourceRoot":"","sources":["../../src/constants/storageKeys.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,mBAAmB,0BAA0B,CAAC;AAC3D,eAAO,MAAM,wBAAwB,+BAA+B,CAAC;AAErE,wBAAgB,oBAAoB,CAAC,SAAS,EAAE,MAAM,EAAE,WAAW,CAAC,EAAE,MAAM,EAAE,UAAU,CAAC,EAAE,MAAM,UAYhG;AAED,wBAAgB,wBAAwB,CAAC,SAAS,EAAE,MAAM,EAAE,WAAW,CAAC,EAAE,MAAM,UAE/E"}
+{"version":3,"file":"storageKeys.d.ts","sourceRoot":"","sources":["../../src/constants/storageKeys.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,mBAAmB,0BAA0B,CAAC;AAC3D,eAAO,MAAM,wBAAwB,+BAA+B,CAAC;AACrE,eAAO,MAAM,wBAAwB,+BAA+B,CAAC;AAErE,wBAAgB,oBAAoB,CAAC,SAAS,EAAE,MAAM,EAAE,WAAW,CAAC,EAAE,MAAM,EAAE,UAAU,CAAC,EAAE,MAAM,UAYhG;AAED,wBAAgB,wBAAwB,CAAC,SAAS,EAAE,MAAM,EAAE,WAAW,CAAC,EAAE,MAAM,UAE/E;AAED,wBAAgB,wBAAwB,CAAC,SAAS,EAAE,MAAM,EAAE,WAAW,CAAC,EAAE,MAAM,UAE/E"}

package/dist/constants/storageKeys.js

@@ -1,5 +1,6 @@
 export const REPORTS_STORAGE_KEY = "fivepixels:reports:v1";
 export const PERSONAL_KEY_STORAGE_KEY = "fivepixels:personal-key:v1";
+export const SELF_PROFILE_STORAGE_KEY = "fivepixels:self-profile:v1";
 export function getReportsStorageKey(projectId, environment, appVersion) {
     const segments = [REPORTS_STORAGE_KEY, projectId];
     if (environment) {
@@ -13,4 +14,7 @@ export function getReportsStorageKey(projectId, environment, appVersion) {
 export function getPersonalKeyStorageKey(projectId, environment) {
     return [PERSONAL_KEY_STORAGE_KEY, projectId, environment].filter(Boolean).join(":");
 }
+export function getSelfProfileStorageKey(projectId, environment) {
+    return [SELF_PROFILE_STORAGE_KEY, projectId, environment].filter(Boolean).join(":");
+}
 //# sourceMappingURL=storageKeys.js.map

package/dist/constants/storageKeys.js.map

@@ -1 +1 @@
-{"version":3,"file":"storageKeys.js","sourceRoot":"","sources":["../../src/constants/storageKeys.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,mBAAmB,GAAG,uBAAuB,CAAC;AAC3D,MAAM,CAAC,MAAM,wBAAwB,GAAG,4BAA4B,CAAC;AAErE,MAAM,UAAU,oBAAoB,CAAC,SAAiB,EAAE,WAAoB,EAAE,UAAmB;IAC7F,MAAM,QAAQ,GAAG,CAAC,mBAAmB,EAAE,SAAS,CAAC,CAAC;IAElD,IAAI,WAAW,EAAE,CAAC;QACd,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;IAC/B,CAAC;IAED,IAAI,UAAU,EAAE,CAAC;QACb,QAAQ,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;IAC9B,CAAC;IAED,OAAO,QAAQ,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AAC9B,CAAC;AAED,MAAM,UAAU,wBAAwB,CAAC,SAAiB,EAAE,WAAoB;IAC5E,OAAO,CAAC,wBAAwB,EAAE,SAAS,EAAE,WAAW,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AACxF,CAAC"}
+{"version":3,"file":"storageKeys.js","sourceRoot":"","sources":["../../src/constants/storageKeys.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,mBAAmB,GAAG,uBAAuB,CAAC;AAC3D,MAAM,CAAC,MAAM,wBAAwB,GAAG,4BAA4B,CAAC;AACrE,MAAM,CAAC,MAAM,wBAAwB,GAAG,4BAA4B,CAAC;AAErE,MAAM,UAAU,oBAAoB,CAAC,SAAiB,EAAE,WAAoB,EAAE,UAAmB;IAC7F,MAAM,QAAQ,GAAG,CAAC,mBAAmB,EAAE,SAAS,CAAC,CAAC;IAElD,IAAI,WAAW,EAAE,CAAC;QACd,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;IAC/B,CAAC;IAED,IAAI,UAAU,EAAE,CAAC;QACb,QAAQ,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;IAC9B,CAAC;IAED,OAAO,QAAQ,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AAC9B,CAAC;AAED,MAAM,UAAU,wBAAwB,CAAC,SAAiB,EAAE,WAAoB;IAC5E,OAAO,CAAC,wBAAwB,EAAE,SAAS,EAAE,WAAW,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AACxF,CAAC;AAED,MAAM,UAAU,wBAAwB,CAAC,SAAiB,EAAE,WAAoB;IAC5E,OAAO,CAAC,wBAAwB,EAAE,SAAS,EAAE,WAAW,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AACxF,CAAC"}

package/dist/hooks/replyHistoryActions.d.ts

@@ -0,0 +1,30 @@
+import { type Dispatch, type SetStateAction } from "react";
+import type { ReportFeedback, ReportReply } from "../types/report.js";
+import type { ResolvedReplyHistoryConfig } from "../utils/report/reportUi.js";
+import type { ReportStorageAdapter } from "../types/report.js";
+export type ReplyHistoryState = {
+    items: ReportReply[];
+    hasMoreOlder: boolean;
+    hasNewerPage: boolean;
+    isLoadingOlder: boolean;
+    paginationPageIndex: number;
+    totalCount: number;
+    initialized: boolean;
+    pageCache: Record<number, ReportReply[]>;
+};
+export declare const EMPTY_REPLY_HISTORY_STATE: ReplyHistoryState;
+export declare function createReplyHistoryActions({ adapter, usesLazyReplies, getReportById, replyHistoryByReportId, setReplyHistoryByReportId, }: {
+    adapter: ReportStorageAdapter;
+    usesLazyReplies: boolean;
+    getReportById: (reportId: string) => ReportFeedback | undefined;
+    replyHistoryByReportId: Record<string, ReplyHistoryState>;
+    setReplyHistoryByReportId: Dispatch<SetStateAction<Record<string, ReplyHistoryState>>>;
+}): {
+    initReplyHistory: (report: ReportFeedback, config: ResolvedReplyHistoryConfig) => Promise<ReportFeedback>;
+    loadOlderReplies: (reportId: string, config: ResolvedReplyHistoryConfig) => Promise<void>;
+    goToOlderPaginationPage: (reportId: string, config: ResolvedReplyHistoryConfig) => Promise<void>;
+    goToNewerPaginationPage: (reportId: string, config: ResolvedReplyHistoryConfig) => void;
+    appendReplyToHistory: (reportId: string, reply: ReportReply) => void;
+    resetReplyHistory: (reportId?: string) => void;
+};
+//# sourceMappingURL=replyHistoryActions.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"replyHistoryActions.d.ts","sourceRoot":"","sources":["../../src/hooks/replyHistoryActions.ts"],"names":[],"mappings":"AAAA,OAAO,EAAe,KAAK,QAAQ,EAAE,KAAK,cAAc,EAAE,MAAM,OAAO,CAAC;AACxE,OAAO,KAAK,EAAqB,cAAc,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AACxF,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,4BAA4B,CAAC;AAY7E,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AAE9D,MAAM,MAAM,iBAAiB,GAAG;IAC5B,KAAK,EAAE,WAAW,EAAE,CAAC;IACrB,YAAY,EAAE,OAAO,CAAC;IACtB,YAAY,EAAE,OAAO,CAAC;IACtB,cAAc,EAAE,OAAO,CAAC;IACxB,mBAAmB,EAAE,MAAM,CAAC;IAC5B,UAAU,EAAE,MAAM,CAAC;IACnB,WAAW,EAAE,OAAO,CAAC;IACrB,SAAS,EAAE,MAAM,CAAC,MAAM,EAAE,WAAW,EAAE,CAAC,CAAC;CAC5C,CAAC;AAEF,eAAO,MAAM,yBAAyB,EAAE,iBASvC,CAAC;AAgEF,wBAAgB,yBAAyB,CAAC,EACtC,OAAO,EACP,eAAe,EACf,aAAa,EACb,sBAAsB,EACtB,yBAAyB,GAC5B,EAAE;IACC,OAAO,EAAE,oBAAoB,CAAC;IAC9B,eAAe,EAAE,OAAO,CAAC;IACzB,aAAa,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,cAAc,GAAG,SAAS,CAAC;IAChE,sBAAsB,EAAE,MAAM,CAAC,MAAM,EAAE,iBAAiB,CAAC,CAAC;IAC1D,yBAAyB,EAAE,QAAQ,CAAC,cAAc,CAAC,MAAM,CAAC,MAAM,EAAE,iBAAiB,CAAC,CAAC,CAAC,CAAC;CAC1F;+BAEsB,cAAc,UAAU,0BAA0B,KAAG,OAAO,CAAC,cAAc,CAAC;iCAgD1E,MAAM,UAAU,0BAA0B;wCAoD1C,MAAM,UAAU,0BAA0B;wCAkFhD,MAAM,UAAU,0BAA0B;qCA+B1C,MAAM,SAAS,WAAW;mCA8BzB,MAAM;EAuBzB"}

package/dist/hooks/replyHistoryActions.js

@@ -0,0 +1,278 @@
+import { useCallback } from "react";
+import { usesReplyAppendHistory, usesReplyPaginationMode } from "../constants/replyHistory.js";
+import { appendReplyUnique, getEmbeddedRepliesForHistory, getPaginationWindow, getTotalReplyCount, paginateSortedReplies, prependReplies, sortRepliesChronologically, } from "../utils/feedback/replyHistory.js";
+import { listReplies as listRepliesApi } from "../hooks/report.api.js";
+export const EMPTY_REPLY_HISTORY_STATE = {
+    items: [],
+    hasMoreOlder: false,
+    hasNewerPage: false,
+    isLoadingOlder: false,
+    paginationPageIndex: 0,
+    totalCount: 0,
+    initialized: false,
+    pageCache: {},
+};
+async function fetchReplyPage(adapter, report, usesLazyReplies, pageSize, cursor) {
+    if (usesLazyReplies) {
+        return listRepliesApi(adapter, report.id, {
+            limit: pageSize,
+            cursor,
+            direction: "older",
+        });
+    }
+    return paginateSortedReplies(getEmbeddedRepliesForHistory(report), {
+        limit: pageSize,
+        cursor,
+        direction: "older",
+    });
+}
+function buildInitialPaginationState(report, pageResult) {
+    const totalCount = pageResult.totalCount ?? getTotalReplyCount(report);
+    return {
+        items: pageResult.items,
+        hasMoreOlder: pageResult.hasMore,
+        hasNewerPage: false,
+        isLoadingOlder: false,
+        paginationPageIndex: 0,
+        totalCount,
+        initialized: true,
+        pageCache: {
+            0: pageResult.items,
+        },
+    };
+}
+function buildInitialAppendState(report, pageResult) {
+    const totalCount = pageResult.totalCount ?? getTotalReplyCount(report);
+    return {
+        items: pageResult.items,
+        hasMoreOlder: pageResult.hasMore,
+        hasNewerPage: false,
+        isLoadingOlder: false,
+        paginationPageIndex: 0,
+        totalCount,
+        initialized: true,
+        pageCache: {},
+    };
+}
+function flattenPageCache(pageCache) {
+    const pages = Object.keys(pageCache)
+        .map((key) => Number(key))
+        .sort((left, right) => left - right);
+    return sortRepliesChronologically(pages.flatMap((pageIndex) => pageCache[pageIndex] ?? []));
+}
+export function createReplyHistoryActions({ adapter, usesLazyReplies, getReportById, replyHistoryByReportId, setReplyHistoryByReportId, }) {
+    const initReplyHistory = useCallback(async (report, config) => {
+        const existing = replyHistoryByReportId[report.id];
+        if (existing?.initialized) {
+            return {
+                ...report,
+                replies: existing.items,
+                reply_count: existing.totalCount,
+            };
+        }
+        setReplyHistoryByReportId((current) => ({
+            ...current,
+            [report.id]: {
+                ...EMPTY_REPLY_HISTORY_STATE,
+                isLoadingOlder: true,
+            },
+        }));
+        try {
+            const pageResult = await fetchReplyPage(adapter, report, usesLazyReplies, config.pageSize);
+            const nextState = usesReplyPaginationMode(config.mode)
+                ? buildInitialPaginationState(report, pageResult)
+                : buildInitialAppendState(report, pageResult);
+            setReplyHistoryByReportId((current) => ({
+                ...current,
+                [report.id]: nextState,
+            }));
+            return {
+                ...report,
+                replies: nextState.items,
+                reply_count: nextState.totalCount,
+            };
+        }
+        catch {
+            setReplyHistoryByReportId((current) => ({
+                ...current,
+                [report.id]: EMPTY_REPLY_HISTORY_STATE,
+            }));
+            return report;
+        }
+    }, [adapter, replyHistoryByReportId, setReplyHistoryByReportId, usesLazyReplies]);
+    const loadOlderReplies = useCallback(async (reportId, config) => {
+        const state = replyHistoryByReportId[reportId];
+        if (!state?.initialized || state.isLoadingOlder || !state.hasMoreOlder || !usesReplyAppendHistory(config.mode)) {
+            return;
+        }
+        const report = getReportById(reportId);
+        if (!report) {
+            return;
+        }
+        setReplyHistoryByReportId((current) => ({
+            ...current,
+            [reportId]: {
+                ...state,
+                isLoadingOlder: true,
+            },
+        }));
+        try {
+            const oldestId = state.items[0]?.id;
+            const pageResult = await fetchReplyPage(adapter, report, usesLazyReplies, config.pageSize, oldestId);
+            setReplyHistoryByReportId((current) => {
+                const currentState = current[reportId] ?? state;
+                return {
+                    ...current,
+                    [reportId]: {
+                        ...currentState,
+                        items: prependReplies(currentState.items, pageResult.items),
+                        hasMoreOlder: pageResult.hasMore,
+                        isLoadingOlder: false,
+                    },
+                };
+            });
+        }
+        catch {
+            setReplyHistoryByReportId((current) => ({
+                ...current,
+                [reportId]: {
+                    ...state,
+                    isLoadingOlder: false,
+                },
+            }));
+        }
+    }, [adapter, getReportById, replyHistoryByReportId, setReplyHistoryByReportId, usesLazyReplies]);
+    const goToOlderPaginationPage = useCallback(async (reportId, config) => {
+        const state = replyHistoryByReportId[reportId];
+        if (!state?.initialized || state.isLoadingOlder || !state.hasMoreOlder || !usesReplyPaginationMode(config.mode)) {
+            return;
+        }
+        const report = getReportById(reportId);
+        if (!report) {
+            return;
+        }
+        const nextPageIndex = state.paginationPageIndex + 1;
+        const cachedPage = state.pageCache[nextPageIndex];
+        if (cachedPage) {
+            const window = getPaginationWindow(flattenPageCache(state.pageCache), nextPageIndex, config.pageSize, state.totalCount);
+            setReplyHistoryByReportId((current) => ({
+                ...current,
+                [reportId]: {
+                    ...state,
+                    items: cachedPage,
+                    paginationPageIndex: nextPageIndex,
+                    hasMoreOlder: window.hasOlderPage,
+                    hasNewerPage: window.hasNewerPage,
+                },
+            }));
+            return;
+        }
+        setReplyHistoryByReportId((current) => ({
+            ...current,
+            [reportId]: {
+                ...state,
+                isLoadingOlder: true,
+            },
+        }));
+        try {
+            const oldestId = state.items[0]?.id;
+            const pageResult = await fetchReplyPage(adapter, report, usesLazyReplies, config.pageSize, oldestId);
+            setReplyHistoryByReportId((current) => {
+                const currentState = current[reportId] ?? state;
+                const totalCount = pageResult.totalCount ?? currentState.totalCount;
+                const nextCache = {
+                    ...currentState.pageCache,
+                    [nextPageIndex]: pageResult.items,
+                };
+                const window = getPaginationWindow(flattenPageCache(nextCache), nextPageIndex, config.pageSize, totalCount);
+                return {
+                    ...current,
+                    [reportId]: {
+                        ...currentState,
+                        items: pageResult.items,
+                        paginationPageIndex: nextPageIndex,
+                        hasMoreOlder: pageResult.hasMore || window.hasOlderPage,
+                        hasNewerPage: true,
+                        isLoadingOlder: false,
+                        totalCount,
+                        pageCache: nextCache,
+                    },
+                };
+            });
+        }
+        catch {
+            setReplyHistoryByReportId((current) => ({
+                ...current,
+                [reportId]: {
+                    ...state,
+                    isLoadingOlder: false,
+                },
+            }));
+        }
+    }, [adapter, getReportById, replyHistoryByReportId, setReplyHistoryByReportId, usesLazyReplies]);
+    const goToNewerPaginationPage = useCallback((reportId, config) => {
+        const state = replyHistoryByReportId[reportId];
+        if (!state?.initialized || !usesReplyPaginationMode(config.mode) || state.paginationPageIndex <= 0) {
+            return;
+        }
+        const nextPageIndex = state.paginationPageIndex - 1;
+        const cachedPage = state.pageCache[nextPageIndex];
+        if (!cachedPage) {
+            return;
+        }
+        const window = getPaginationWindow(flattenPageCache(state.pageCache), nextPageIndex, config.pageSize, state.totalCount);
+        setReplyHistoryByReportId((current) => ({
+            ...current,
+            [reportId]: {
+                ...state,
+                items: cachedPage,
+                paginationPageIndex: nextPageIndex,
+                hasMoreOlder: window.hasOlderPage,
+                hasNewerPage: window.hasNewerPage,
+            },
+        }));
+    }, [replyHistoryByReportId, setReplyHistoryByReportId]);
+    const appendReplyToHistory = useCallback((reportId, reply) => {
+        setReplyHistoryByReportId((current) => {
+            const state = current[reportId];
+            if (!state?.initialized) {
+                return current;
+            }
+            const nextItems = appendReplyUnique(state.items, reply);
+            const activePageItems = state.pageCache[state.paginationPageIndex] ?? state.items;
+            const nextPageItems = appendReplyUnique(activePageItems, reply);
+            return {
+                ...current,
+                [reportId]: {
+                    ...state,
+                    items: nextItems,
+                    totalCount: state.totalCount + 1,
+                    pageCache: {
+                        ...state.pageCache,
+                        [state.paginationPageIndex]: nextPageItems,
+                    },
+                },
+            };
+        });
+    }, [setReplyHistoryByReportId]);
+    const resetReplyHistory = useCallback((reportId) => {
+        if (!reportId) {
+            setReplyHistoryByReportId({});
+            return;
+        }
+        setReplyHistoryByReportId((current) => {
+            const next = { ...current };
+            delete next[reportId];
+            return next;
+        });
+    }, [setReplyHistoryByReportId]);
+    return {
+        initReplyHistory,
+        loadOlderReplies,
+        goToOlderPaginationPage,
+        goToNewerPaginationPage,
+        appendReplyToHistory,
+        resetReplyHistory,
+    };
+}
+//# sourceMappingURL=replyHistoryActions.js.map

package/dist/hooks/replyHistoryActions.js.map

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