@embedpdf/plugin-redaction 1.5.0 → 2.0.0-next.0

package/dist/index.js

@@ -5,6 +5,9 @@ var RedactionMode = /* @__PURE__ */ ((RedactionMode2) => {
   RedactionMode2["RedactSelection"] = "redactSelection";
   return RedactionMode2;
 })(RedactionMode || {});
+const INIT_REDACTION_STATE = "REDACTION/INIT_STATE";
+const CLEANUP_REDACTION_STATE = "REDACTION/CLEANUP_STATE";
+const SET_ACTIVE_DOCUMENT = "REDACTION/SET_ACTIVE_DOCUMENT";
 const START_REDACTION = "START_REDACTION";
 const END_REDACTION = "END_REDACTION";
 const SET_ACTIVE_TYPE = "SET_ACTIVE_TYPE";
@@ -13,25 +16,40 @@ const REMOVE_PENDING = "REMOVE_PENDING";
 const CLEAR_PENDING = "CLEAR_PENDING";
 const SELECT_PENDING = "SELECT_PENDING";
 const DESELECT_PENDING = "DESELECT_PENDING";
-const addPending = (items) => ({
+function initRedactionState(documentId, state) {
+  return { type: INIT_REDACTION_STATE, payload: { documentId, state } };
+}
+function cleanupRedactionState(documentId) {
+  return { type: CLEANUP_REDACTION_STATE, payload: documentId };
+}
+const addPending = (documentId, items) => ({
   type: ADD_PENDING,
-  payload: items
+  payload: { documentId, items }
 });
-const removePending = (page, id) => ({
+const removePending = (documentId, page, id) => ({
   type: REMOVE_PENDING,
-  payload: { page, id }
+  payload: { documentId, page, id }
+});
+const clearPending = (documentId) => ({
+  type: CLEAR_PENDING,
+  payload: documentId
 });
-const clearPending = () => ({ type: CLEAR_PENDING });
-const startRedaction = (mode) => ({
+const startRedaction = (documentId, mode) => ({
   type: START_REDACTION,
-  payload: mode
+  payload: { documentId, mode }
 });
-const endRedaction = () => ({ type: END_REDACTION });
-const selectPending = (page, id) => ({
+const endRedaction = (documentId) => ({
+  type: END_REDACTION,
+  payload: documentId
+});
+const selectPending = (documentId, page, id) => ({
   type: SELECT_PENDING,
-  payload: { page, id }
+  payload: { documentId, page, id }
+});
+const deselectPending = (documentId) => ({
+  type: DESELECT_PENDING,
+  payload: documentId
 });
-const deselectPending = () => ({ type: DESELECT_PENDING });
 function createMarqueeHandler(opts) {
   const { pageSize, scale, minDragPx = 5, onPreview, onCommit } = opts;
   let start = null;
@@ -74,15 +92,201 @@ function createMarqueeHandler(opts) {
     }
   };
 }
+const calculatePendingCount = (pending) => {
+  return Object.values(pending).reduce((total, items) => total + items.length, 0);
+};
+const initialDocumentState = {
+  isRedacting: false,
+  activeType: null,
+  pending: {},
+  pendingCount: 0,
+  selected: null
+};
+const initialState = {
+  documents: {},
+  activeDocumentId: null
+};
+const redactionReducer = (state = initialState, action) => {
+  switch (action.type) {
+    case INIT_REDACTION_STATE: {
+      const { documentId, state: docState } = action.payload;
+      return {
+        ...state,
+        documents: {
+          ...state.documents,
+          [documentId]: docState
+        },
+        // Set as active if no active document
+        activeDocumentId: state.activeDocumentId ?? documentId
+      };
+    }
+    case CLEANUP_REDACTION_STATE: {
+      const documentId = action.payload;
+      const { [documentId]: removed, ...remainingDocs } = state.documents;
+      return {
+        ...state,
+        documents: remainingDocs,
+        activeDocumentId: state.activeDocumentId === documentId ? null : state.activeDocumentId
+      };
+    }
+    case SET_ACTIVE_DOCUMENT: {
+      return {
+        ...state,
+        activeDocumentId: action.payload
+      };
+    }
+    case ADD_PENDING: {
+      const { documentId, items } = action.payload;
+      const docState = state.documents[documentId];
+      if (!docState) return state;
+      const next = { ...docState.pending };
+      for (const item of items) {
+        next[item.page] = (next[item.page] ?? []).concat(item);
+      }
+      return {
+        ...state,
+        documents: {
+          ...state.documents,
+          [documentId]: {
+            ...docState,
+            pending: next,
+            pendingCount: calculatePendingCount(next)
+          }
+        }
+      };
+    }
+    case REMOVE_PENDING: {
+      const { documentId, page, id } = action.payload;
+      const docState = state.documents[documentId];
+      if (!docState) return state;
+      const list = docState.pending[page] ?? [];
+      const filtered = list.filter((it) => it.id !== id);
+      const next = { ...docState.pending, [page]: filtered };
+      const stillSelected = docState.selected && !(docState.selected.page === page && docState.selected.id === id);
+      return {
+        ...state,
+        documents: {
+          ...state.documents,
+          [documentId]: {
+            ...docState,
+            pending: next,
+            pendingCount: calculatePendingCount(next),
+            selected: stillSelected ? docState.selected : null
+          }
+        }
+      };
+    }
+    case CLEAR_PENDING: {
+      const documentId = action.payload;
+      const docState = state.documents[documentId];
+      if (!docState) return state;
+      return {
+        ...state,
+        documents: {
+          ...state.documents,
+          [documentId]: {
+            ...docState,
+            pending: {},
+            pendingCount: 0,
+            selected: null
+          }
+        }
+      };
+    }
+    case SELECT_PENDING: {
+      const { documentId, page, id } = action.payload;
+      const docState = state.documents[documentId];
+      if (!docState) return state;
+      return {
+        ...state,
+        documents: {
+          ...state.documents,
+          [documentId]: {
+            ...docState,
+            selected: { page, id }
+          }
+        }
+      };
+    }
+    case DESELECT_PENDING: {
+      const documentId = action.payload;
+      const docState = state.documents[documentId];
+      if (!docState) return state;
+      return {
+        ...state,
+        documents: {
+          ...state.documents,
+          [documentId]: {
+            ...docState,
+            selected: null
+          }
+        }
+      };
+    }
+    case START_REDACTION: {
+      const { documentId, mode } = action.payload;
+      const docState = state.documents[documentId];
+      if (!docState) return state;
+      return {
+        ...state,
+        documents: {
+          ...state.documents,
+          [documentId]: {
+            ...docState,
+            isRedacting: true,
+            activeType: mode
+          }
+        }
+      };
+    }
+    case END_REDACTION: {
+      const documentId = action.payload;
+      const docState = state.documents[documentId];
+      if (!docState) return state;
+      return {
+        ...state,
+        documents: {
+          ...state.documents,
+          [documentId]: {
+            ...docState,
+            pending: {},
+            pendingCount: 0,
+            selected: null,
+            isRedacting: false,
+            activeType: null
+          }
+        }
+      };
+    }
+    case SET_ACTIVE_TYPE: {
+      const { documentId, mode } = action.payload;
+      const docState = state.documents[documentId];
+      if (!docState) return state;
+      return {
+        ...state,
+        documents: {
+          ...state.documents,
+          [documentId]: {
+            ...docState,
+            activeType: mode
+          }
+        }
+      };
+    }
+    default:
+      return state;
+  }
+};
 const _RedactionPlugin = class _RedactionPlugin extends BasePlugin {
   constructor(id, registry, config) {
-    var _a, _b, _c, _d, _e;
+    var _a, _b, _c;
     super(id, registry);
-    this.redactionSelection$ = createBehaviorEmitter();
+    this.redactionSelection$ = /* @__PURE__ */ new Map();
     this.pending$ = createBehaviorEmitter();
     this.selected$ = createBehaviorEmitter();
     this.state$ = createBehaviorEmitter();
     this.events$ = createBehaviorEmitter();
+    this.documentUnsubscribers = /* @__PURE__ */ new Map();
     this.config = config;
     this.selectionCapability = (_a = this.registry.getPlugin("selection")) == null ? void 0 : _a.provides();
     this.interactionManagerCapability = (_b = this.registry.getPlugin("interaction-manager")) == null ? void 0 : _b.provides();
@@ -93,134 +297,277 @@ const _RedactionPlugin = class _RedactionPlugin extends BasePlugin {
         exclusive: true,
         cursor: "crosshair"
       });
-    }
-    if (this.interactionManagerCapability && this.selectionCapability) {
       this.interactionManagerCapability.registerMode({
         id: RedactionMode.RedactSelection,
         scope: "page",
         exclusive: false
       });
-      this.selectionCapability.enableForMode(RedactionMode.RedactSelection);
     }
-    this.unsubscribeModeChange = (_c = this.interactionManagerCapability) == null ? void 0 : _c.onModeChange((state) => {
-      if (state.activeMode === RedactionMode.RedactSelection) {
-        this.dispatch(startRedaction(RedactionMode.RedactSelection));
-      } else if (state.activeMode === RedactionMode.MarqueeRedact) {
-        this.dispatch(startRedaction(RedactionMode.MarqueeRedact));
+    (_c = this.interactionManagerCapability) == null ? void 0 : _c.onModeChange((modeState) => {
+      const documentId = modeState.documentId;
+      if (modeState.activeMode === RedactionMode.RedactSelection) {
+        this.dispatch(startRedaction(documentId, RedactionMode.RedactSelection));
+      } else if (modeState.activeMode === RedactionMode.MarqueeRedact) {
+        this.dispatch(startRedaction(documentId, RedactionMode.MarqueeRedact));
       } else {
-        this.dispatch(endRedaction());
-      }
-    });
-    this.unsubscribeSelectionChange = (_d = this.selectionCapability) == null ? void 0 : _d.onSelectionChange(() => {
-      if (!this.selectionCapability) return;
-      if (!this.state.isRedacting) return;
-      const formattedSelection = this.selectionCapability.getFormattedSelection();
-      this.redactionSelection$.emit(formattedSelection);
-    });
-    this.unsubscribeEndSelection = (_e = this.selectionCapability) == null ? void 0 : _e.onEndSelection(() => {
-      if (!this.selectionCapability) return;
-      if (!this.state.isRedacting) return;
-      const formattedSelection = this.selectionCapability.getFormattedSelection();
-      const items = formattedSelection.map((s) => ({
-        id: uuidV4(),
-        kind: "text",
-        page: s.pageIndex,
-        rect: s.rect,
-        rects: s.segmentRects
-      }));
-      this.dispatch(addPending(items));
-      this.redactionSelection$.emit([]);
-      this.selectionCapability.clear();
-      this.pending$.emit(this.state.pending);
-      if (items.length) {
-        this.selectPending(items[items.length - 1].page, items[items.length - 1].id);
+        const docState = this.getDocumentState(documentId);
+        if (docState == null ? void 0 : docState.isRedacting) {
+          this.dispatch(endRedaction(documentId));
+        }
       }
     });
   }
+  // ─────────────────────────────────────────────────────────
+  // Document Lifecycle Hooks (from BasePlugin)
+  // ─────────────────────────────────────────────────────────
+  onDocumentLoadingStarted(documentId) {
+    this.dispatch(
+      initRedactionState(documentId, {
+        ...initialDocumentState
+      })
+    );
+    this.redactionSelection$.set(documentId, createBehaviorEmitter());
+    const unsubscribers = [];
+    if (this.selectionCapability) {
+      const selectionScope = this.selectionCapability.forDocument(documentId);
+      const unsubSelection = selectionScope.onSelectionChange(() => {
+        const docState = this.getDocumentState(documentId);
+        if (!(docState == null ? void 0 : docState.isRedacting)) return;
+        const formattedSelection = selectionScope.getFormattedSelection();
+        const emitter = this.redactionSelection$.get(documentId);
+        emitter == null ? void 0 : emitter.emit(formattedSelection);
+      });
+      const unsubEndSelection = selectionScope.onEndSelection(() => {
+        const docState = this.getDocumentState(documentId);
+        if (!(docState == null ? void 0 : docState.isRedacting)) return;
+        const formattedSelection = selectionScope.getFormattedSelection();
+        const items = formattedSelection.map((s) => ({
+          id: uuidV4(),
+          kind: "text",
+          page: s.pageIndex,
+          rect: s.rect,
+          rects: s.segmentRects
+        }));
+        this.dispatch(addPending(documentId, items));
+        const emitter = this.redactionSelection$.get(documentId);
+        emitter == null ? void 0 : emitter.emit([]);
+        selectionScope.clear();
+        this.emitPendingChange(documentId);
+        if (items.length) {
+          this.selectPending(items[items.length - 1].page, items[items.length - 1].id, documentId);
+        }
+      });
+      unsubscribers.push(unsubSelection, unsubEndSelection);
+    }
+    this.documentUnsubscribers.set(documentId, unsubscribers);
+    this.logger.debug(
+      "RedactionPlugin",
+      "DocumentOpened",
+      `Initialized redaction state for document: ${documentId}`
+    );
+  }
+  onDocumentLoaded(documentId) {
+    var _a;
+    (_a = this.selectionCapability) == null ? void 0 : _a.enableForMode(RedactionMode.RedactSelection, documentId);
+  }
+  onDocumentClosed(documentId) {
+    this.dispatch(cleanupRedactionState(documentId));
+    const emitter = this.redactionSelection$.get(documentId);
+    emitter == null ? void 0 : emitter.clear();
+    this.redactionSelection$.delete(documentId);
+    const unsubscribers = this.documentUnsubscribers.get(documentId);
+    if (unsubscribers) {
+      unsubscribers.forEach((unsub) => unsub());
+      this.documentUnsubscribers.delete(documentId);
+    }
+    this.logger.debug(
+      "RedactionPlugin",
+      "DocumentClosed",
+      `Cleaned up redaction state for document: ${documentId}`
+    );
+  }
+  // ─────────────────────────────────────────────────────────
+  // Capability
+  // ─────────────────────────────────────────────────────────
   async initialize(_config) {
+    this.logger.info("RedactionPlugin", "Initialize", "Redaction plugin initialized");
   }
   buildCapability() {
     return {
+      // Active document operations
       queueCurrentSelectionAsPending: () => this.queueCurrentSelectionAsPending(),
       enableMarqueeRedact: () => this.enableMarqueeRedact(),
       toggleMarqueeRedact: () => this.toggleMarqueeRedact(),
-      isMarqueeRedactActive: () => {
-        var _a;
-        return ((_a = this.interactionManagerCapability) == null ? void 0 : _a.getActiveMode()) === RedactionMode.MarqueeRedact;
-      },
+      isMarqueeRedactActive: () => this.isMarqueeRedactActive(),
       enableRedactSelection: () => this.enableRedactSelection(),
       toggleRedactSelection: () => this.toggleRedactSelection(),
-      isRedactSelectionActive: () => {
-        var _a;
-        return ((_a = this.interactionManagerCapability) == null ? void 0 : _a.getActiveMode()) === RedactionMode.RedactSelection;
-      },
-      addPending: (items) => {
-        this.dispatch(addPending(items));
-        this.pending$.emit(this.state.pending);
-        this.events$.emit({ type: "add", items });
-      },
-      removePending: (page, id) => {
-        this.dispatch(removePending(page, id));
-        this.pending$.emit(this.state.pending);
-        this.events$.emit({ type: "remove", page, id });
-      },
-      clearPending: () => {
-        this.dispatch(clearPending());
-        this.pending$.emit(this.state.pending);
-        this.events$.emit({ type: "clear" });
-      },
+      isRedactSelectionActive: () => this.isRedactSelectionActive(),
+      addPending: (items) => this.addPendingItems(items),
+      removePending: (page, id) => this.removePendingItem(page, id),
+      clearPending: () => this.clearPendingItems(),
       commitAllPending: () => this.commitAllPending(),
       commitPending: (page, id) => this.commitPendingOne(page, id),
-      endRedaction: () => this.endRedaction(),
-      startRedaction: () => this.startRedaction(),
+      endRedaction: () => this.endRedactionMode(),
+      startRedaction: () => this.startRedactionMode(),
       selectPending: (page, id) => this.selectPending(page, id),
+      getSelectedPending: () => this.getSelectedPending(),
       deselectPending: () => this.deselectPending(),
+      getState: () => this.getDocumentStateOrThrow(),
+      // Document-scoped operations
+      forDocument: (documentId) => this.createRedactionScope(documentId),
+      // Events
+      onPendingChange: this.pending$.on,
       onSelectedChange: this.selected$.on,
       onRedactionEvent: this.events$.on,
-      onStateChange: this.state$.on,
-      onPendingChange: this.pending$.on
+      onStateChange: this.state$.on
+    };
+  }
+  // ─────────────────────────────────────────────────────────
+  // Document Scoping
+  // ─────────────────────────────────────────────────────────
+  createRedactionScope(documentId) {
+    return {
+      queueCurrentSelectionAsPending: () => this.queueCurrentSelectionAsPending(documentId),
+      enableMarqueeRedact: () => this.enableMarqueeRedact(documentId),
+      toggleMarqueeRedact: () => this.toggleMarqueeRedact(documentId),
+      isMarqueeRedactActive: () => this.isMarqueeRedactActive(documentId),
+      enableRedactSelection: () => this.enableRedactSelection(documentId),
+      toggleRedactSelection: () => this.toggleRedactSelection(documentId),
+      isRedactSelectionActive: () => this.isRedactSelectionActive(documentId),
+      addPending: (items) => this.addPendingItems(items, documentId),
+      removePending: (page, id) => this.removePendingItem(page, id, documentId),
+      clearPending: () => this.clearPendingItems(documentId),
+      commitAllPending: () => this.commitAllPending(documentId),
+      commitPending: (page, id) => this.commitPendingOne(page, id, documentId),
+      endRedaction: () => this.endRedactionMode(documentId),
+      startRedaction: () => this.startRedactionMode(documentId),
+      selectPending: (page, id) => this.selectPending(page, id, documentId),
+      getSelectedPending: () => this.getSelectedPending(documentId),
+      deselectPending: () => this.deselectPending(documentId),
+      getState: () => this.getDocumentStateOrThrow(documentId),
+      onPendingChange: (listener) => this.pending$.on((event) => {
+        if (event.documentId === documentId) listener(event.pending);
+      }),
+      onSelectedChange: (listener) => this.selected$.on((event) => {
+        if (event.documentId === documentId) listener(event.selected);
+      }),
+      onRedactionEvent: (listener) => this.events$.on((event) => {
+        if (event.documentId === documentId) listener(event);
+      }),
+      onStateChange: (listener) => this.state$.on((event) => {
+        if (event.documentId === documentId) listener(event.state);
+      })
     };
   }
-  onRedactionSelectionChange(callback) {
-    return this.redactionSelection$.on(callback);
+  // ─────────────────────────────────────────────────────────
+  // State Helpers
+  // ─────────────────────────────────────────────────────────
+  getDocumentState(documentId) {
+    const id = documentId ?? this.getActiveDocumentId();
+    return this.state.documents[id] ?? null;
   }
-  selectPending(page, id) {
+  getDocumentStateOrThrow(documentId) {
+    const state = this.getDocumentState(documentId);
+    if (!state) {
+      throw new Error(`Redaction state not found for document: ${documentId ?? "active"}`);
+    }
+    return state;
+  }
+  // ─────────────────────────────────────────────────────────
+  // Core Operations
+  // ─────────────────────────────────────────────────────────
+  addPendingItems(items, documentId) {
+    const id = documentId ?? this.getActiveDocumentId();
+    this.dispatch(addPending(id, items));
+    this.emitPendingChange(id);
+    this.events$.emit({ type: "add", documentId: id, items });
+  }
+  removePendingItem(page, itemId, documentId) {
+    const id = documentId ?? this.getActiveDocumentId();
+    this.dispatch(removePending(id, page, itemId));
+    this.emitPendingChange(id);
+    this.events$.emit({ type: "remove", documentId: id, page, id: itemId });
+  }
+  clearPendingItems(documentId) {
+    const id = documentId ?? this.getActiveDocumentId();
+    this.dispatch(clearPending(id));
+    this.emitPendingChange(id);
+    this.events$.emit({ type: "clear", documentId: id });
+  }
+  selectPending(page, itemId, documentId) {
     var _a;
-    this.dispatch(selectPending(page, id));
-    (_a = this.selectionCapability) == null ? void 0 : _a.clear();
-    this.selected$.emit(this.state.selected);
+    const id = documentId ?? this.getActiveDocumentId();
+    this.dispatch(selectPending(id, page, itemId));
+    (_a = this.selectionCapability) == null ? void 0 : _a.forDocument(id).clear();
+    this.emitSelectedChange(id);
   }
-  deselectPending() {
-    this.dispatch(deselectPending());
-    this.selected$.emit(this.state.selected);
+  getSelectedPending(documentId) {
+    var _a;
+    const id = documentId ?? this.getActiveDocumentId();
+    return ((_a = this.getDocumentState(id)) == null ? void 0 : _a.selected) ?? null;
   }
-  enableRedactSelection() {
+  deselectPending(documentId) {
+    const id = documentId ?? this.getActiveDocumentId();
+    this.dispatch(deselectPending(id));
+    this.emitSelectedChange(id);
+  }
+  enableRedactSelection(documentId) {
     var _a;
-    (_a = this.interactionManagerCapability) == null ? void 0 : _a.activate(RedactionMode.RedactSelection);
+    const id = documentId ?? this.getActiveDocumentId();
+    (_a = this.interactionManagerCapability) == null ? void 0 : _a.forDocument(id).activate(RedactionMode.RedactSelection);
   }
-  toggleRedactSelection() {
-    var _a, _b, _c;
-    if (((_a = this.interactionManagerCapability) == null ? void 0 : _a.getActiveMode()) === RedactionMode.RedactSelection)
-      (_b = this.interactionManagerCapability) == null ? void 0 : _b.activateDefaultMode();
-    else (_c = this.interactionManagerCapability) == null ? void 0 : _c.activate(RedactionMode.RedactSelection);
+  toggleRedactSelection(documentId) {
+    var _a;
+    const id = documentId ?? this.getActiveDocumentId();
+    const scope = (_a = this.interactionManagerCapability) == null ? void 0 : _a.forDocument(id);
+    if ((scope == null ? void 0 : scope.getActiveMode()) === RedactionMode.RedactSelection) {
+      scope.activateDefaultMode();
+    } else {
+      scope == null ? void 0 : scope.activate(RedactionMode.RedactSelection);
+    }
   }
-  enableMarqueeRedact() {
+  isRedactSelectionActive(documentId) {
     var _a;
-    (_a = this.interactionManagerCapability) == null ? void 0 : _a.activate(RedactionMode.MarqueeRedact);
+    const id = documentId ?? this.getActiveDocumentId();
+    return ((_a = this.interactionManagerCapability) == null ? void 0 : _a.forDocument(id).getActiveMode()) === RedactionMode.RedactSelection;
   }
-  toggleMarqueeRedact() {
-    var _a, _b, _c;
-    if (((_a = this.interactionManagerCapability) == null ? void 0 : _a.getActiveMode()) === RedactionMode.MarqueeRedact)
-      (_b = this.interactionManagerCapability) == null ? void 0 : _b.activateDefaultMode();
-    else (_c = this.interactionManagerCapability) == null ? void 0 : _c.activate(RedactionMode.MarqueeRedact);
+  enableMarqueeRedact(documentId) {
+    var _a;
+    const id = documentId ?? this.getActiveDocumentId();
+    (_a = this.interactionManagerCapability) == null ? void 0 : _a.forDocument(id).activate(RedactionMode.MarqueeRedact);
+  }
+  toggleMarqueeRedact(documentId) {
+    var _a;
+    const id = documentId ?? this.getActiveDocumentId();
+    const scope = (_a = this.interactionManagerCapability) == null ? void 0 : _a.forDocument(id);
+    if ((scope == null ? void 0 : scope.getActiveMode()) === RedactionMode.MarqueeRedact) {
+      scope.activateDefaultMode();
+    } else {
+      scope == null ? void 0 : scope.activate(RedactionMode.MarqueeRedact);
+    }
+  }
+  isMarqueeRedactActive(documentId) {
+    var _a;
+    const id = documentId ?? this.getActiveDocumentId();
+    return ((_a = this.interactionManagerCapability) == null ? void 0 : _a.forDocument(id).getActiveMode()) === RedactionMode.MarqueeRedact;
   }
-  startRedaction() {
+  startRedactionMode(documentId) {
     var _a;
-    (_a = this.interactionManagerCapability) == null ? void 0 : _a.activate(RedactionMode.RedactSelection);
+    const id = documentId ?? this.getActiveDocumentId();
+    (_a = this.interactionManagerCapability) == null ? void 0 : _a.forDocument(id).activate(RedactionMode.RedactSelection);
   }
-  endRedaction() {
+  endRedactionMode(documentId) {
     var _a;
-    (_a = this.interactionManagerCapability) == null ? void 0 : _a.activateDefaultMode();
+    const id = documentId ?? this.getActiveDocumentId();
+    (_a = this.interactionManagerCapability) == null ? void 0 : _a.forDocument(id).activateDefaultMode();
+  }
+  // ─────────────────────────────────────────────────────────
+  // Public Methods
+  // ─────────────────────────────────────────────────────────
+  onRedactionSelectionChange(documentId, callback) {
+    const emitter = this.redactionSelection$.get(documentId);
+    return (emitter == null ? void 0 : emitter.on(callback)) ?? (() => {
+    });
   }
   registerMarqueeOnPage(opts) {
     if (!this.interactionManagerCapability) {
@@ -232,13 +579,13 @@ const _RedactionPlugin = class _RedactionPlugin extends BasePlugin {
       return () => {
       };
     }
-    const document = this.coreState.core.document;
-    if (!document) {
+    const coreDoc = this.coreState.core.documents[opts.documentId];
+    if (!(coreDoc == null ? void 0 : coreDoc.document)) {
       this.logger.warn("RedactionPlugin", "DocumentNotFound", "Document not found");
       return () => {
       };
     }
-    const page = document.pages[opts.pageIndex];
+    const page = coreDoc.document.pages[opts.pageIndex];
     if (!page) {
       this.logger.warn("RedactionPlugin", "PageNotFound", `Page ${opts.pageIndex} not found`);
       return () => {
@@ -256,27 +603,29 @@ const _RedactionPlugin = class _RedactionPlugin extends BasePlugin {
           page: opts.pageIndex,
           rect: r
         };
-        this.dispatch(addPending([item]));
-        this.pending$.emit(this.state.pending);
+        this.dispatch(addPending(opts.documentId, [item]));
+        this.emitPendingChange(opts.documentId);
         (_b = (_a = opts.callback).onCommit) == null ? void 0 : _b.call(_a, r);
-        this.enableRedactSelection();
-        this.selectPending(opts.pageIndex, item.id);
+        this.enableRedactSelection(opts.documentId);
+        this.selectPending(opts.pageIndex, item.id, opts.documentId);
       }
     });
     const off = this.interactionManagerCapability.registerAlways({
       handlers: {
         onPointerDown: (_, evt) => {
           if (evt.target === evt.currentTarget) {
-            this.deselectPending();
+            this.deselectPending(opts.documentId);
           }
         }
       },
       scope: {
         type: "page",
+        documentId: opts.documentId,
         pageIndex: opts.pageIndex
       }
     });
     const off2 = this.interactionManagerCapability.registerHandlers({
+      documentId: opts.documentId,
       modeId: RedactionMode.MarqueeRedact,
       handlers,
       pageIndex: opts.pageIndex
@@ -286,69 +635,92 @@ const _RedactionPlugin = class _RedactionPlugin extends BasePlugin {
       off2();
     };
   }
-  queueCurrentSelectionAsPending() {
-    var _a;
+  queueCurrentSelectionAsPending(documentId) {
+    const id = documentId ?? this.getActiveDocumentId();
     if (!this.selectionCapability)
       return PdfTaskHelper.reject({
         code: PdfErrorCode.NotFound,
         message: "[RedactionPlugin] selection plugin required"
       });
-    const doc = this.coreState.core.document;
-    if (!doc)
+    const coreDoc = this.coreState.core.documents[id];
+    if (!(coreDoc == null ? void 0 : coreDoc.document))
       return PdfTaskHelper.reject({ code: PdfErrorCode.NotFound, message: "Document not found" });
-    const formatted = this.selectionCapability.getFormattedSelection();
+    const selectionScope = this.selectionCapability.forDocument(id);
+    const formatted = selectionScope.getFormattedSelection();
     if (!formatted.length) return PdfTaskHelper.resolve(true);
-    const id = uuidV4();
+    const uniqueId = uuidV4();
     const items = formatted.map((s) => ({
-      id,
+      id: uniqueId,
       kind: "text",
       page: s.pageIndex,
       rect: s.rect,
       rects: s.segmentRects
     }));
-    this.enableRedactSelection();
-    this.dispatch(addPending(items));
-    this.pending$.emit(this.state.pending);
+    this.enableRedactSelection(id);
+    this.dispatch(addPending(id, items));
+    this.emitPendingChange(id);
     const last = items[items.length - 1];
-    this.selectPending(last.page, last.id);
-    this.redactionSelection$.emit([]);
-    (_a = this.selectionCapability) == null ? void 0 : _a.clear();
+    this.selectPending(last.page, last.id, id);
+    const emitter = this.redactionSelection$.get(id);
+    emitter == null ? void 0 : emitter.emit([]);
+    selectionScope.clear();
     return PdfTaskHelper.resolve(true);
   }
-  commitPendingOne(page, id) {
-    const doc = this.coreState.core.document;
-    if (!doc)
+  commitPendingOne(page, id, documentId) {
+    const docId = documentId ?? this.getActiveDocumentId();
+    const coreDoc = this.coreState.core.documents[docId];
+    if (!(coreDoc == null ? void 0 : coreDoc.document))
       return PdfTaskHelper.reject({ code: PdfErrorCode.NotFound, message: "Document not found" });
-    const item = (this.state.pending[page] ?? []).find((it) => it.id === id);
+    const docState = this.getDocumentState(docId);
+    if (!docState) {
+      return PdfTaskHelper.reject({
+        code: PdfErrorCode.NotFound,
+        message: "Document state not found"
+      });
+    }
+    const item = (docState.pending[page] ?? []).find((it) => it.id === id);
     if (!item) return PdfTaskHelper.resolve(true);
     const rects = item.kind === "text" ? item.rects : [item.rect];
-    const pdfPage = doc.pages[page];
+    const pdfPage = coreDoc.document.pages[page];
     if (!pdfPage)
       return PdfTaskHelper.reject({ code: PdfErrorCode.NotFound, message: "Page not found" });
     const task = new Task();
-    this.engine.redactTextInRects(doc, pdfPage, rects, {
+    this.engine.redactTextInRects(coreDoc.document, pdfPage, rects, {
       drawBlackBoxes: this.config.drawBlackBoxes
     }).wait(
       () => {
-        this.dispatch(removePending(page, id));
-        this.pending$.emit(this.state.pending);
-        this.dispatchCoreAction(refreshPages([page]));
-        this.events$.emit({ type: "commit", success: true });
+        this.dispatch(removePending(docId, page, id));
+        this.emitPendingChange(docId);
+        this.dispatchCoreAction(refreshPages(docId, [page]));
+        this.events$.emit({ type: "commit", documentId: docId, success: true });
         task.resolve(true);
       },
       (error) => {
-        this.events$.emit({ type: "commit", success: false, error: error.reason });
+        this.events$.emit({
+          type: "commit",
+          documentId: docId,
+          success: false,
+          error: error.reason
+        });
         task.reject({ code: PdfErrorCode.Unknown, message: "Failed to commit redactions" });
       }
     );
     return task;
   }
-  commitAllPending() {
-    const doc = this.coreState.core.document;
-    if (!doc)
+  commitAllPending(documentId) {
+    const docId = documentId ?? this.getActiveDocumentId();
+    const coreDoc = this.coreState.core.documents[docId];
+    if (!(coreDoc == null ? void 0 : coreDoc.document))
       return PdfTaskHelper.reject({ code: PdfErrorCode.NotFound, message: "Document not found" });
+    const docState = this.getDocumentState(docId);
+    if (!docState) {
+      return PdfTaskHelper.reject({
+        code: PdfErrorCode.NotFound,
+        message: "Document state not found"
+      });
+    }
     const perPage = /* @__PURE__ */ new Map();
-    for (const [page, items] of Object.entries(this.state.pending)) {
+    for (const [page, items] of Object.entries(docState.pending)) {
       const p = Number(page);
       const list = perPage.get(p) ?? [];
       for (const it of items) {
@@ -360,11 +732,11 @@ const _RedactionPlugin = class _RedactionPlugin extends BasePlugin {
     const pagesToRefresh = Array.from(perPage.entries()).filter(([_, rects]) => rects.length > 0).map(([pageIndex]) => pageIndex);
     const tasks = [];
     for (const [pageIndex, rects] of perPage) {
-      const page = doc.pages[pageIndex];
+      const page = coreDoc.document.pages[pageIndex];
       if (!page) continue;
       if (!rects.length) continue;
       tasks.push(
-        this.engine.redactTextInRects(doc, page, rects, {
+        this.engine.redactTextInRects(coreDoc.document, page, rects, {
           drawBlackBoxes: this.config.drawBlackBoxes
         })
       );
@@ -372,33 +744,72 @@ const _RedactionPlugin = class _RedactionPlugin extends BasePlugin {
     const task = new Task();
     Task.all(tasks).wait(
       () => {
-        this.dispatch(clearPending());
-        this.dispatchCoreAction(refreshPages(pagesToRefresh));
-        this.pending$.emit(this.state.pending);
-        this.events$.emit({ type: "commit", success: true });
+        this.dispatch(clearPending(docId));
+        this.dispatchCoreAction(refreshPages(docId, pagesToRefresh));
+        this.emitPendingChange(docId);
+        this.events$.emit({ type: "commit", documentId: docId, success: true });
         task.resolve(true);
       },
       (error) => {
-        this.events$.emit({ type: "commit", success: false, error: error.reason });
+        this.events$.emit({
+          type: "commit",
+          documentId: docId,
+          success: false,
+          error: error.reason
+        });
         task.reject({ code: PdfErrorCode.Unknown, message: "Failed to commit redactions" });
       }
     );
     return task;
   }
+  // ─────────────────────────────────────────────────────────
+  // Event Emission Helpers
+  // ─────────────────────────────────────────────────────────
+  emitPendingChange(documentId) {
+    const docState = this.getDocumentState(documentId);
+    if (docState) {
+      this.pending$.emit({ documentId, pending: docState.pending });
+    }
+  }
+  emitSelectedChange(documentId) {
+    const docState = this.getDocumentState(documentId);
+    if (docState) {
+      this.selected$.emit({ documentId, selected: docState.selected });
+    }
+  }
+  emitStateChange(documentId) {
+    const docState = this.getDocumentState(documentId);
+    if (docState) {
+      this.state$.emit({ documentId, state: docState });
+    }
+  }
+  // ─────────────────────────────────────────────────────────
+  // Store Update Handlers
+  // ─────────────────────────────────────────────────────────
   onStoreUpdated(_, newState) {
-    this.pending$.emit(newState.pending);
-    this.selected$.emit(newState.selected);
-    this.state$.emit(newState);
+    for (const documentId in newState.documents) {
+      const docState = newState.documents[documentId];
+      if (docState) {
+        this.emitPendingChange(documentId);
+        this.emitSelectedChange(documentId);
+        this.emitStateChange(documentId);
+      }
+    }
   }
+  // ─────────────────────────────────────────────────────────
+  // Lifecycle
+  // ─────────────────────────────────────────────────────────
   async destroy() {
-    var _a, _b, _c;
-    this.redactionSelection$.clear();
     this.pending$.clear();
+    this.selected$.clear();
     this.state$.clear();
     this.events$.clear();
-    (_a = this.unsubscribeSelectionChange) == null ? void 0 : _a.call(this);
-    (_b = this.unsubscribeEndSelection) == null ? void 0 : _b.call(this);
-    (_c = this.unsubscribeModeChange) == null ? void 0 : _c.call(this);
+    this.redactionSelection$.forEach((emitter) => emitter.clear());
+    this.redactionSelection$.clear();
+    this.documentUnsubscribers.forEach((unsubscribers) => {
+      unsubscribers.forEach((unsub) => unsub());
+    });
+    this.documentUnsubscribers.clear();
     await super.destroy();
   }
 };
@@ -417,63 +828,15 @@ const manifest = {
     drawBlackBoxes: true
   }
 };
-const calculatePendingCount = (pending) => {
-  return Object.values(pending).reduce((total, items) => total + items.length, 0);
+const getPendingRedactionsCount = (s) => s.pendingCount;
+const hasPendingRedactions = (s) => s.pendingCount > 0;
+const getDocumentPendingCount = (state, documentId) => {
+  var _a;
+  return ((_a = state.documents[documentId]) == null ? void 0 : _a.pendingCount) ?? 0;
 };
-const initialState = {
-  isRedacting: false,
-  activeType: null,
-  pending: {},
-  pendingCount: 0,
-  selected: null
-};
-const redactionReducer = (state = initialState, action) => {
-  switch (action.type) {
-    case ADD_PENDING: {
-      const next = { ...state.pending };
-      for (const item of action.payload) {
-        next[item.page] = (next[item.page] ?? []).concat(item);
-      }
-      return { ...state, pending: next, pendingCount: calculatePendingCount(next) };
-    }
-    case REMOVE_PENDING: {
-      const { page, id } = action.payload;
-      const list = state.pending[page] ?? [];
-      const filtered = list.filter((it) => it.id !== id);
-      const next = { ...state.pending, [page]: filtered };
-      const stillSelected = state.selected && !(state.selected.page === page && state.selected.id === id);
-      return {
-        ...state,
-        pending: next,
-        pendingCount: calculatePendingCount(next),
-        selected: stillSelected ? state.selected : null
-      };
-    }
-    case CLEAR_PENDING:
-      return { ...state, pending: {}, pendingCount: 0, selected: null };
-    case SELECT_PENDING:
-      return { ...state, selected: { page: action.payload.page, id: action.payload.id } };
-    case DESELECT_PENDING:
-      return { ...state, selected: null };
-    case START_REDACTION:
-      return { ...state, isRedacting: true, activeType: action.payload };
-    case END_REDACTION:
-      return {
-        ...state,
-        pending: {},
-        pendingCount: 0,
-        selected: null,
-        isRedacting: false,
-        activeType: null
-      };
-    case SET_ACTIVE_TYPE:
-      return { ...state, activeType: action.payload };
-    default:
-      return state;
-  }
+const getTotalPendingCount = (state) => {
+  return Object.values(state.documents).reduce((sum, doc) => sum + doc.pendingCount, 0);
 };
-const getPendingRedactionsCount = (s) => Object.values(s.pending).reduce((sum, list) => sum + ((list == null ? void 0 : list.length) ?? 0), 0);
-const hasPendingRedactions = (s) => Object.values(s.pending).some((list) => ((list == null ? void 0 : list.length) ?? 0) > 0);
 const RedactionPluginPackage = {
   manifest,
   create: (registry, config) => new RedactionPlugin(REDACTION_PLUGIN_ID, registry, config),
@@ -485,8 +848,11 @@ export {
   RedactionMode,
   RedactionPlugin,
   RedactionPluginPackage,
+  getDocumentPendingCount,
   getPendingRedactionsCount,
+  getTotalPendingCount,
   hasPendingRedactions,
+  initialDocumentState,
   initialState,
   manifest
 };