box-annotations 5.2.1-beta.5 → 5.2.1-beta.7

package/src/store/annotations/reducer.ts

@@ -3,10 +3,13 @@ import { formatDrawing, isDrawing } from '../../drawing/drawingUtil';
 import { AnnotationsState } from './types';
 import {
     createAnnotationAction,
+    createReplyAction,
+    deleteAnnotationAction,
     fetchAnnotationsAction,
     removeAnnotationAction,
     setActiveAnnotationIdAction,
     setIsInitialized,
+    updateAnnotationAction,
 } from './actions';
 import { setViewModeAction } from '../options/actions';
 
@@ -14,6 +17,7 @@ const activeAnnotationId = createReducer<AnnotationsState['activeId']>(null, bui
     builder
         /* Preview will set the active ID with a an event which will trigger the url change */
         .addCase(createAnnotationAction.fulfilled, () => null)
+        .addCase(deleteAnnotationAction.fulfilled, (state, { payload: id }) => (state === id ? null : state))
         .addCase(removeAnnotationAction, (state, { payload: id }) => (state === id ? null : state))
         .addCase(setActiveAnnotationIdAction, (state, { payload: annotationId }) => annotationId)
         .addCase(setViewModeAction, (state, { payload }) => {
@@ -27,6 +31,7 @@ const annotationsAllIds = createReducer<AnnotationsState['allIds']>([], builder
         .addCase(createAnnotationAction.fulfilled, (state, { payload: { id } }) => {
             state.push(id);
         })
+        .addCase(deleteAnnotationAction.fulfilled, (state, { payload: id }) => state.filter(annotationId => annotationId !== id))
         .addCase(removeAnnotationAction, (state, { payload: id }) => state.filter(annotationId => annotationId !== id))
         .addCase(fetchAnnotationsAction.fulfilled, (state, { payload }) => {
             payload.entries.forEach(({ id }) => state.indexOf(id) === -1 && state.push(id));
@@ -38,9 +43,21 @@ const annotationsById = createReducer<AnnotationsState['byId']>({}, builder =>
         .addCase(createAnnotationAction.fulfilled, (state, { payload }) => {
             state[payload.id] = isDrawing(payload) ? formatDrawing(payload) : payload;
         })
+        .addCase(createReplyAction.fulfilled, (state, { payload: { annotationId, reply } }) => {
+            const annotation = state[annotationId];
+            if (annotation) {
+                annotation.replies = [...(annotation.replies ?? []), reply];
+            }
+        })
+        .addCase(deleteAnnotationAction.fulfilled, (state, { payload: id }) => {
+            delete state[id];
+        })
         .addCase(removeAnnotationAction, (state, { payload: id }) => {
             delete state[id];
         })
+        .addCase(updateAnnotationAction.fulfilled, (state, { payload }) => {
+            state[payload.id] = isDrawing(payload) ? formatDrawing(payload) : payload;
+        })
         .addCase(fetchAnnotationsAction.fulfilled, (state, { payload }) => {
             payload.entries.forEach(annotation => {
                 state[annotation.id] = isDrawing(annotation) ? formatDrawing(annotation) : annotation;

package/src/store/options/reducer.ts

@@ -9,7 +9,8 @@ import {
     setViewModeAction,
 } from './actions';
 
-export const initialState = {
+export const initialState: OptionsState = {
+    apiHost: '',
     features: {},
     fileId: null,
     fileVersionId: null,
@@ -17,6 +18,7 @@ export const initialState = {
     permissions: {},
     rotation: 0,
     scale: 1,
+    token: '',
     viewMode: 'annotations' as ViewMode,
 };
 

package/src/store/options/selectors.ts

@@ -6,6 +6,7 @@ import { ViewMode } from './types';
 
 type State = Pick<AppState, 'options'>;
 
+export const getApiHost = (state: State): string => state.options.apiHost;
 export const getFeatures = (state: State): Features => state.options.features;
 export const getViewMode = (state: State): ViewMode => state.options.viewMode;
 export const getFileId = (state: State): string | null => state.options.fileId;
@@ -14,5 +15,6 @@ export const getIsCurrentFileVersion = (state: State): boolean => state.options.
 export const getPermissions = (state: State): Permissions => state.options.permissions;
 export const getRotation = (state: State): number => state.options.rotation;
 export const getScale = (state: State): number => state.options.scale;
+export const getToken = (state: State): string => state.options.token;
 export const isFeatureEnabled = (state: State, featurename: string): boolean =>
     getProp(getFeatures(state), featurename, false);

package/src/store/options/types.ts

@@ -5,6 +5,7 @@ import { Permissions } from '../../@types';
 export type ViewMode = 'annotations' | 'boundingBoxes';
 
 export type OptionsState = {
+    apiHost: string;
     features: Features;
     fileId: string | null;
     fileVersionId: string | null;
@@ -12,5 +13,6 @@ export type OptionsState = {
     permissions: Permissions;
     rotation: number;
     scale: number;
+    token: string;
     viewMode: ViewMode;
 };

package/src/components/Popups/PopupReplyV2.tsx

@@ -1,10 +0,0 @@
-import React from 'react';
-
-/**
- * Placeholder for the threaded annotation reply popup (V2).
- * Replaces PopupReply when the isThreadedAnnotation feature flag is enabled.
- * Currently renders an empty container — props will be wired up when V2 is implemented.
- */
-export default function PopupReplyV2(): JSX.Element {
-    return <div data-testid="popup-reply-v2" />;
-}