@overmap-ai/core 1.0.48-add-agent-response-rating.2 → 1.0.48-add-teams.0

package/dist/overmap-core.js

@@ -8,7 +8,7 @@ var _a;
 import * as React from "react";
 import React__default, { useState, useEffect, useRef, memo, useMemo, useCallback, createContext, createElement, useContext, forwardRef, Children, isValidElement, cloneElement, Fragment as Fragment$1, useLayoutEffect, useReducer, lazy, Suspense } from "react";
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-import { unsafeShowToast, AlertDialogProvider, ToastProvider, DefaultTheme, Flex as Flex$1, IconButton, RiIcon, Text as Text$1, useSeverityColor, Checkbox, TextArea, Select, useToast, Badge, MultiSelect, useViewportSize, Overlay, ButtonGroup, Spinner, IconColorUtility, Tooltip, Popover, useSize, ToggleButton, Separator, OvermapItem, Button, ButtonList, divButtonProps, DropdownItemMenu, Input, useAlertDialog } from "@overmap-ai/blocks";
+import { unsafeShowToast, AlertDialogProvider, ToastProvider, DefaultTheme, Flex as Flex$1, IconButton, RiIcon, Text as Text$1, useSeverityColor, Checkbox, TextArea, Select, useToast, Badge, MultiSelect, useViewportSize, Overlay, ButtonGroup, Spinner, IconColorUtility, Tooltip, Popover, useSize, ToggleButton, Separator, OvermapItem, Button, ButtonList, divButtonProps, OvermapDropdownMenu, Input, useAlertDialog } from "@overmap-ai/blocks";
 import { DepGraph } from "dependency-graph";
 import { offline as offline$1 } from "@redux-offline/redux-offline";
 import offlineConfig from "@redux-offline/redux-offline/lib/defaults";
@@ -631,15 +631,15 @@ const wrapMigration = (migrator) => (state) => {
 };
 const migrations = [initialVersioning, signOut, signOut, createOutboxState];
 const manifest = Object.fromEntries(migrations.map((migration2, i) => [i, wrapMigration(migration2)]));
-const initialState$n = {
+const initialState$o = {
   accessToken: "",
   refreshToken: "",
   isLoggedIn: false
 };
 const authSlice = createSlice({
   name: "auth",
-  initialState: initialState$n,
-  extraReducers: (builder) => builder.addCase("RESET", (state) => Object.assign(state, initialState$n)),
+  initialState: initialState$o,
+  extraReducers: (builder) => builder.addCase("RESET", (state) => Object.assign(state, initialState$o)),
   reducers: {
     setTokens: (state, action) => {
       state.accessToken = action.payload.accessToken;
@@ -1370,7 +1370,7 @@ const getLocalRelativeDateString = memoize((date, min, max) => {
     return getLocalDateString(date);
   return relative.format(days, "days");
 });
-const initialState$m = {
+const initialState$n = {
   categories: {},
   usedCategoryColors: [],
   categoryVisibility: {
@@ -1380,8 +1380,8 @@ const initialState$m = {
 };
 const categorySlice = createSlice({
   name: "categories",
-  initialState: initialState$m,
-  extraReducers: (builder) => builder.addCase("RESET", (state) => Object.assign(state, initialState$m)),
+  initialState: initialState$n,
+  extraReducers: (builder) => builder.addCase("RESET", (state) => Object.assign(state, initialState$n)),
   reducers: {
     setCategories: (state, action) => {
       if (!Array.isArray(action.payload))
@@ -1549,14 +1549,14 @@ function removeAttachments(state, action) {
     delete state.attachments[attachmentId];
   }
 }
-const initialState$l = {
+const initialState$m = {
   components: {},
   attachments: {}
 };
 const componentSlice = createSlice({
   name: "components",
-  initialState: initialState$l,
-  extraReducers: (builder) => builder.addCase("RESET", (state) => Object.assign(state, initialState$l)),
+  initialState: initialState$m,
+  extraReducers: (builder) => builder.addCase("RESET", (state) => Object.assign(state, initialState$m)),
   reducers: {
     addComponent: (state, action) => {
       state.components[action.payload.offline_id] = action.payload;
@@ -1610,6 +1610,7 @@ const selectComponents = (state) => {
   }
   return prevComponents;
 };
+const selectComponentsMapping = (state) => state.componentReducer.components;
 const selectComponentsFromComponentType = (componentTypeId) => (state) => {
   if (!componentTypeId)
     return [];
@@ -1640,16 +1641,14 @@ const selectComponentTypeFromComponents = (state) => {
   }
   return ret;
 };
-const selectComponentsByType = (componentTypeId) => (state) => {
-  const components = state.componentReducer.components;
-  const componentsOfType = [];
-  for (const component of Object.values(components)) {
-    if (component.component_type === componentTypeId) {
-      componentsOfType.push(component);
+const selectComponentsByType = restructureCreateSelectorWithArgs(
+  createSelector(
+    [selectComponents, (_state, componentTypeId) => componentTypeId],
+    (components, componentTypeId) => {
+      return components.filter((component) => component.component_type === componentTypeId);
     }
-  }
-  return componentsOfType;
-};
+  )
+);
 const selectNumberOfComponentsOfComponentType = (componentTypeId) => (state) => {
   var _a2;
   if (!componentTypeId)
@@ -1710,13 +1709,13 @@ const {
   removeAllComponentsOfType
 } = componentSlice.actions;
 const componentReducer = componentSlice.reducer;
-const initialState$k = {
+const initialState$l = {
   completionsByComponentId: {}
 };
 const componentStageCompletionSlice = createSlice({
   name: "componentStageCompletions",
-  initialState: initialState$k,
-  extraReducers: (builder) => builder.addCase("RESET", (state) => Object.assign(state, initialState$k)),
+  initialState: initialState$l,
+  extraReducers: (builder) => builder.addCase("RESET", (state) => Object.assign(state, initialState$l)),
   reducers: {
     addStageCompletion: (state, action) => {
       let stageToCompletionDateMapping = state.completionsByComponentId[action.payload.component];
@@ -1767,13 +1766,13 @@ const selectCompletedStageIdsForComponent = (component) => (state) => {
   return Object.keys(state.componentStageCompletionReducer.completionsByComponentId[component.offline_id] ?? {});
 };
 const componentStageCompletionReducer = componentStageCompletionSlice.reducer;
-const initialState$j = {
+const initialState$k = {
   stages: {}
 };
 const componentStageSlice = createSlice({
   name: "componentStages",
-  initialState: initialState$j,
-  extraReducers: (builder) => builder.addCase("RESET", (state) => Object.assign(state, initialState$j)),
+  initialState: initialState$k,
+  extraReducers: (builder) => builder.addCase("RESET", (state) => Object.assign(state, initialState$k)),
   reducers: {
     addStages: (state, action) => {
       Object.assign(state.stages, toOfflineIdRecord(action.payload));
@@ -1807,6 +1806,11 @@ const componentStageSlice = createSlice({
   }
 });
 const selectStageMapping = (state) => state.componentStageReducer.stages;
+const selectStage = restructureCreateSelectorWithArgs(
+  createSelector([selectStageMapping, (_state, stageId) => stageId], (stageMapping, stageId) => {
+    return stageMapping[stageId];
+  })
+);
 const selectStages = createSelector(
   [selectStageMapping],
   (stageMapping) => {
@@ -1834,6 +1838,20 @@ const selectStagesFromComponentTypeIds = restructureCreateSelectorWithArgs(
     }
   )
 );
+const selectComponentTypeStagesMapping = restructureCreateSelectorWithArgs(
+  createSelector(
+    [selectStageMapping, (_state, componentTypeId) => componentTypeId],
+    (stagesMapping, componentTypeId) => {
+      const componentTypeStagesMapping = {};
+      for (const [stageId, stage] of Object.entries(stagesMapping)) {
+        if (stage.component_type === componentTypeId) {
+          componentTypeStagesMapping[stageId] = stage;
+        }
+      }
+      return componentTypeStagesMapping;
+    }
+  )
+);
 const selectStagesFromComponentType = restructureCreateSelectorWithArgs(
   createSelector(
     [selectStages, (_state, componentTypeId) => componentTypeId],
@@ -1864,15 +1882,15 @@ const selectStageFormIdsFromStageIds = restructureCreateSelectorWithArgs(
 );
 const { addStages, updateStages, removeStages, linkStageToForm, unlinkStageToForm } = componentStageSlice.actions;
 const componentStageReducer = componentStageSlice.reducer;
-const initialState$i = {
+const initialState$j = {
   componentTypes: {},
   hiddenComponentTypeIds: {},
   attachments: {}
 };
 const componentTypeSlice = createSlice({
   name: "componentTypes",
-  initialState: initialState$i,
-  extraReducers: (builder) => builder.addCase("RESET", (state) => Object.assign(state, initialState$i)),
+  initialState: initialState$j,
+  extraReducers: (builder) => builder.addCase("RESET", (state) => Object.assign(state, initialState$j)),
   reducers: {
     addComponentType: (state, action) => {
       state.componentTypes[action.payload.offline_id] = action.payload;
@@ -1980,13 +1998,13 @@ const {
   deleteComponentType
 } = componentTypeSlice.actions;
 const componentTypeReducer = componentTypeSlice.reducer;
-const initialState$h = {
+const initialState$i = {
   workspaces: {},
   activeWorkspaceId: null
 };
 const workspaceSlice = createSlice({
   name: "workspace",
-  initialState: initialState$h,
+  initialState: initialState$i,
   // The `reducers` field lets us define reducers and generate associated actions
   reducers: {
     setWorkspaces: (state, action) => {
@@ -2043,10 +2061,11 @@ const selectPermittedWorkspaceIds = createSelector(
 );
 const workspaceReducer = workspaceSlice.reducer;
 const maxRecentIssues = 10;
-const initialState$g = {
+const initialState$h = {
   issues: {},
   attachments: {},
   comments: {},
+  updates: {},
   visibleStatuses: [IssueStatus.BACKLOG, IssueStatus.SELECTED],
   visibleUserIds: null,
   recentIssueIds: [],
@@ -2054,9 +2073,9 @@ const initialState$g = {
 };
 const issueSlice = createSlice({
   name: "issues",
-  initialState: initialState$g,
+  initialState: initialState$h,
   extraReducers: (builder) => builder.addCase("RESET", (state) => {
-    Object.assign(state, initialState$g);
+    Object.assign(state, initialState$h);
   }),
   reducers: {
     setIssues: (state, action) => {
@@ -2068,6 +2087,16 @@ const issueSlice = createSlice({
       });
     },
     setIssueAttachments: setAttachments,
+    setIssueUpdates: (state, action) => {
+      if (action.payload.filter(onlyUniqueOfflineIds).length !== action.payload.length) {
+        throw new Error("Tried to use setIssues reducer with duplicate ID's");
+      }
+      const newUpdates = {};
+      for (const update of action.payload) {
+        newUpdates[update.offline_id] = update;
+      }
+      state.updates = newUpdates;
+    },
     setActiveIssueId: (state, action) => {
       state.activeIssueId = action.payload;
     },
@@ -2079,6 +2108,17 @@ const issueSlice = createSlice({
     },
     addIssueAttachment: addAttachment,
     addIssueAttachments: addAttachments,
+    addIssueUpdate: (state, action) => {
+      if (action.payload.offline_id in state.updates) {
+        throw new Error(`Tried to add duplicate issue update with offline_id: ${action.payload.offline_id}`);
+      }
+      state.updates[action.payload.offline_id] = action.payload;
+    },
+    addIssueUpdates: (state, action) => {
+      for (const update of action.payload) {
+        state.updates[update.offline_id] = update;
+      }
+    },
     updateIssue: (state, action) => {
       if (action.payload.offline_id in state.issues) {
         state.issues[action.payload.offline_id] = {
@@ -2098,6 +2138,18 @@ const issueSlice = createSlice({
       }
     },
     removeIssueAttachment: removeAttachment,
+    removeIssueUpdate: (state, action) => {
+      if (action.payload in state.updates) {
+        delete state.updates[action.payload];
+      } else {
+        throw new Error(`Failed to remove issue update because offline_id doesn't exist: ${action.payload}`);
+      }
+    },
+    removeIssueUpdates: (state, action) => {
+      for (const updateId of action.payload) {
+        delete state.updates[updateId];
+      }
+    },
     removeAttachmentsOfIssue: (state, action) => {
       const attachments = Object.values(state.attachments).filter((a) => a.issue === action.payload);
       for (const attachment of attachments) {
@@ -2110,20 +2162,55 @@ const issueSlice = createSlice({
     setVisibleUserIds: (state, action) => {
       state.visibleUserIds = [...new Set(action.payload)];
     },
-    setIssueComments: (state, action) => {
+    // Comments
+    addIssueComment: (state, action) => {
+      if (action.payload.offline_id in state.comments) {
+        throw new Error(
+          `Tried to add issue comment with offline_id: ${action.payload.offline_id} that already exists`
+        );
+      }
+      state.comments[action.payload.offline_id] = action.payload;
+    },
+    addIssueComments: (state, action) => {
+      for (const comment of action.payload) {
+        if (comment.offline_id in state.comments) {
+          throw new Error(
+            `Tried to add issue comment with offline_id: ${comment.offline_id} that already exists`
+          );
+        }
+      }
       for (const comment of action.payload) {
         state.comments[comment.offline_id] = comment;
       }
     },
+    setIssueComment: (state, action) => {
+      state.comments[action.payload.offline_id] = action.payload;
+    },
+    setIssueComments: (state, action) => {
+      const newComments = {};
+      for (const comment of action.payload) {
+        newComments[comment.offline_id] = comment;
+      }
+      state.comments = newComments;
+    },
     addOrReplaceIssueComment: (state, action) => {
       state.comments[action.payload.offline_id] = action.payload;
     },
     removeIssueComment: (state, action) => {
-      if (action.payload in state.comments) {
-        delete state.comments[action.payload];
-      } else {
+      if (!(action.payload in state.comments)) {
         throw new Error(`Failed to remove issue comment because ID doesn't exist: ${action.payload}`);
       }
+      delete state.comments[action.payload];
+    },
+    removeIssueComments: (state, action) => {
+      for (const commentId of action.payload) {
+        if (!(commentId in state.comments)) {
+          throw new Error(`Failed to remove issue comment because ID doesn't exist: ${commentId}`);
+        }
+      }
+      for (const commentId of action.payload) {
+        delete state.comments[commentId];
+      }
     },
     cleanRecentIssues: (state) => {
       state.recentIssueIds = state.recentIssueIds.filter((recentIssue) => state.issues[recentIssue.offlineId]);
@@ -2154,23 +2241,33 @@ const {
   addIssueAttachment,
   addIssueAttachments,
   addIssue,
+  addIssueUpdate,
+  addIssueUpdates,
   addOrReplaceIssueComment,
   addToRecentIssues,
   cleanRecentIssues,
   removeIssueAttachment,
   removeAttachmentsOfIssue,
   removeIssue,
-  removeIssueComment,
+  removeIssueUpdate,
+  removeIssueUpdates,
   removeRecentIssue,
   resetRecentIssues,
   setActiveIssueId,
   setIssueAttachments,
-  setIssueComments,
+  setIssueUpdates,
   setIssues,
   setVisibleStatuses,
   setVisibleUserIds,
   updateIssueAttachment,
-  updateIssue
+  updateIssue,
+  // Commments
+  addIssueComment,
+  addIssueComments,
+  setIssueComment,
+  setIssueComments,
+  removeIssueComment,
+  removeIssueComments
 } = issueSlice.actions;
 const selectIssueMapping = (state) => state.issueReducer.issues;
 const selectRecentIssueIds = (state) => state.issueReducer.recentIssueIds;
@@ -2241,6 +2338,12 @@ const selectCommentsOfIssue = restructureCreateSelectorWithArgs(
     return Object.values(commentMapping).filter((comment) => comment.issue === issueId);
   })
 );
+const selectIssueUpdateMapping = (state) => state.issueReducer.updates;
+const selectIssueUpdatesOfIssue = restructureCreateSelectorWithArgs(
+  createSelector([selectIssueUpdateMapping, (_state, issueId) => issueId], (updates, issueId) => {
+    return Object.values(updates).filter((update) => update.issue === issueId);
+  })
+);
 const selectAttachmentsOfIssue = restructureCreateSelectorWithArgs(
   createSelector(
     [selectIssueAttachments, (_state, issueId) => issueId],
@@ -2377,15 +2480,15 @@ const selectRecentIssuesAsSearchResults = createSelector(
   }
 );
 const issueReducer = issueSlice.reducer;
-const initialState$f = {
+const initialState$g = {
   s3Urls: {}
 };
 const msPerHour = 1e3 * 60 * 60;
 const msPerWeek = msPerHour * 24 * 7;
 const fileSlice = createSlice({
   name: "file",
-  initialState: initialState$f,
-  extraReducers: (builder) => builder.addCase("RESET", (state) => Object.assign(state, initialState$f)),
+  initialState: initialState$g,
+  extraReducers: (builder) => builder.addCase("RESET", (state) => Object.assign(state, initialState$g)),
   reducers: {
     setUploadUrl: (state, action) => {
       const { url, fields, sha1 } = action.payload;
@@ -2412,7 +2515,7 @@ const selectUploadUrl = (sha1) => (state) => {
   return url;
 };
 const fileReducer = fileSlice.reducer;
-const initialState$e = {
+const initialState$f = {
   // TODO: Change first MapStyle.SATELLITE to MaptStyle.None when project creation map is fixed
   mapStyle: MapStyle.SATELLITE,
   showTooltips: false,
@@ -2420,8 +2523,8 @@ const initialState$e = {
 };
 const mapSlice = createSlice({
   name: "map",
-  initialState: initialState$e,
-  extraReducers: (builder) => builder.addCase("RESET", (state) => Object.assign(state, initialState$e)),
+  initialState: initialState$f,
+  extraReducers: (builder) => builder.addCase("RESET", (state) => Object.assign(state, initialState$f)),
   reducers: {
     setMapStyle: (state, action) => {
       state.mapStyle = action.payload;
@@ -2449,6 +2552,16 @@ var OrganizationAccessLevel = /* @__PURE__ */ ((OrganizationAccessLevel2) => {
   OrganizationAccessLevel2[OrganizationAccessLevel2["ADMIN"] = 2] = "ADMIN";
   return OrganizationAccessLevel2;
 })(OrganizationAccessLevel || {});
+var IssueUpdateChange = /* @__PURE__ */ ((IssueUpdateChange2) => {
+  IssueUpdateChange2["STATUS"] = "status";
+  IssueUpdateChange2["PRIORITY"] = "priority";
+  IssueUpdateChange2["CATEGORY"] = "category";
+  IssueUpdateChange2["DESCRIPTION"] = "description";
+  IssueUpdateChange2["TITLE"] = "title";
+  IssueUpdateChange2["ASSIGNED_TO"] = "assigned_to";
+  IssueUpdateChange2["DUE_DATE"] = "due_date";
+  return IssueUpdateChange2;
+})(IssueUpdateChange || {});
 var ProjectType = /* @__PURE__ */ ((ProjectType2) => {
   ProjectType2[ProjectType2["PERSONAL"] = 0] = "PERSONAL";
   ProjectType2[ProjectType2["ORGANIZATION"] = 2] = "ORGANIZATION";
@@ -2480,7 +2593,7 @@ var LicenseStatus = /* @__PURE__ */ ((LicenseStatus2) => {
   LicenseStatus2[LicenseStatus2["PAST_DUE"] = 8] = "PAST_DUE";
   return LicenseStatus2;
 })(LicenseStatus || {});
-const initialState$d = {
+const initialState$e = {
   users: {},
   currentUser: {
     id: 0,
@@ -2491,8 +2604,8 @@ const initialState$d = {
 };
 const userSlice = createSlice({
   name: "users",
-  initialState: initialState$d,
-  extraReducers: (builder) => builder.addCase("RESET", (state) => Object.assign(state, initialState$d)),
+  initialState: initialState$e,
+  extraReducers: (builder) => builder.addCase("RESET", (state) => Object.assign(state, initialState$e)),
   reducers: {
     setUsers: (state, action) => {
       const usersMapping = {};
@@ -2554,13 +2667,13 @@ const selectUser = (userId) => (state) => {
 const selectUsersAsMapping = (state) => state.userReducer.users;
 const selectFavouriteProjects = (state) => state.userReducer.currentUser.profile.favourite_project_ids;
 const userReducer = userSlice.reducer;
-const initialState$c = {
+const initialState$d = {
   organizationAccesses: {}
 };
 const organizationAccessSlice = createSlice({
   name: "organizationAccess",
-  initialState: initialState$c,
-  extraReducers: (builder) => builder.addCase("RESET", (state) => Object.assign(state, initialState$c)),
+  initialState: initialState$d,
+  extraReducers: (builder) => builder.addCase("RESET", (state) => Object.assign(state, initialState$d)),
   reducers: {
     setOrganizationAccesses: (state, action) => {
       if (!Array.isArray(action.payload))
@@ -2623,13 +2736,13 @@ const selectOrganizationAccessUserMapping = (state) => {
   return organizationAccesses;
 };
 const organizationAccessReducer = organizationAccessSlice.reducer;
-const initialState$b = {
+const initialState$c = {
   licenses: {}
 };
 const licenseSlice = createSlice({
   name: "license",
-  initialState: initialState$b,
-  extraReducers: (builder) => builder.addCase("RESET", (state) => Object.assign(state, initialState$b)),
+  initialState: initialState$c,
+  extraReducers: (builder) => builder.addCase("RESET", (state) => Object.assign(state, initialState$c)),
   reducers: {
     setLicenses: (state, action) => {
       if (!Array.isArray(action.payload))
@@ -2674,13 +2787,13 @@ const selectLicensesForProjectsMapping = createSelector(
   (licenses) => Object.values(licenses).filter((license) => license.project).reduce((accum, license) => ({ ...accum, [license.project]: license }), {})
 );
 const licenseReducer = licenseSlice.reducer;
-const initialState$a = {
+const initialState$b = {
   projectAccesses: {}
 };
 const projectAccessSlice = createSlice({
   name: "projectAccess",
-  initialState: initialState$a,
-  extraReducers: (builder) => builder.addCase("RESET", (state) => Object.assign(state, initialState$a)),
+  initialState: initialState$b,
+  extraReducers: (builder) => builder.addCase("RESET", (state) => Object.assign(state, initialState$b)),
   reducers: {
     setProjectAccesses: (state, action) => {
       if (!Array.isArray(action.payload))
@@ -2748,7 +2861,7 @@ const selectProjectAccessUserMapping = (state) => {
   return projectAccesses;
 };
 const projectAccessReducer = projectAccessSlice.reducer;
-const initialState$9 = {
+const initialState$a = {
   projects: {},
   activeProjectId: null,
   recentProjectIds: [],
@@ -2758,7 +2871,7 @@ const initialState$9 = {
 };
 const projectSlice = createSlice({
   name: "projects",
-  initialState: initialState$9,
+  initialState: initialState$a,
   reducers: {
     setProjects: (state, action) => {
       const projectsMap = {};
@@ -2945,14 +3058,14 @@ const selectAttachmentsOfProjectByType = restructureCreateSelectorWithArgs(
     }
   )
 );
-const initialState$8 = {
+const initialState$9 = {
   organizations: {},
   activeOrganizationId: null
 };
 const organizationSlice = createSlice({
   name: "organizations",
-  initialState: initialState$8,
-  extraReducers: (builder) => builder.addCase("RESET", (state) => Object.assign(state, initialState$8)),
+  initialState: initialState$9,
+  extraReducers: (builder) => builder.addCase("RESET", (state) => Object.assign(state, initialState$9)),
   reducers: {
     setOrganizations: (state, action) => {
       for (const org of action.payload) {
@@ -3071,14 +3184,14 @@ const createOfflineAction = (request2, baseUrl) => {
     }
   };
 };
-const initialState$7 = {
+const initialState$8 = {
   deletedRequests: [],
   latestRetryTime: 0
 };
 const outboxSlice = createSlice({
   name: "outbox",
-  initialState: initialState$7,
-  extraReducers: (builder) => builder.addCase("RESET", (state) => Object.assign(state, initialState$7)),
+  initialState: initialState$8,
+  extraReducers: (builder) => builder.addCase("RESET", (state) => Object.assign(state, initialState$8)),
   reducers: {
     // enqueueActions is a reducer that does nothing but enqueue API request to the Redux Offline outbox
     // Whenever an issue is being created, a reducer addIssue() is responsible for adding it to the offline store
@@ -3110,7 +3223,7 @@ const selectDeletedRequests = (state) => state.outboxReducer.deletedRequests;
 const selectLatestRetryTime = (state) => state.outboxReducer.latestRetryTime;
 const { enqueueRequest, markForDeletion, markAsDeleted, _setLatestRetryTime } = outboxSlice.actions;
 const outboxReducer = outboxSlice.reducer;
-const initialState$6 = {
+const initialState$7 = {
   projectFiles: {},
   activeProjectFileId: null,
   isImportingProjectFile: false,
@@ -3118,8 +3231,8 @@ const initialState$6 = {
 };
 const projectFileSlice = createSlice({
   name: "projectFiles",
-  initialState: initialState$6,
-  extraReducers: (builder) => builder.addCase("RESET", (state) => Object.assign(state, initialState$6)),
+  initialState: initialState$7,
+  extraReducers: (builder) => builder.addCase("RESET", (state) => Object.assign(state, initialState$7)),
   reducers: {
     addOrReplaceProjectFiles: (state, action) => {
       for (let fileObj of action.payload) {
@@ -3220,12 +3333,12 @@ const selectProjectFiles = createSelector(
 const selectActiveProjectFileId = (state) => state.projectFileReducer.activeProjectFileId;
 const selectIsImportingProjectFile = (state) => state.projectFileReducer.isImportingProjectFile;
 const projectFileReducer = projectFileSlice.reducer;
-const initialState$5 = {
+const initialState$6 = {
   isRehydrated: false
 };
 const rehydratedSlice = createSlice({
   name: "rehydrated",
-  initialState: initialState$5,
+  initialState: initialState$6,
   // The `reducers` field lets us define reducers and generate associated actions
   reducers: {
     setRehydrated: (state, action) => {
@@ -3235,7 +3348,7 @@ const rehydratedSlice = createSlice({
 });
 const selectRehydrated = (state) => state.rehydratedReducer.isRehydrated;
 const rehydratedReducer = rehydratedSlice.reducer;
-const initialState$4 = {
+const initialState$5 = {
   useIssueTemplate: false,
   placementMode: false,
   enableClustering: false,
@@ -3252,8 +3365,8 @@ const initialState$4 = {
 };
 const settingSlice = createSlice({
   name: "settings",
-  initialState: initialState$4,
-  extraReducers: (builder) => builder.addCase("RESET", (state) => Object.assign(state, initialState$4)),
+  initialState: initialState$5,
+  extraReducers: (builder) => builder.addCase("RESET", (state) => Object.assign(state, initialState$5)),
   reducers: {
     setEnableDuplicateIssues: (state, action) => {
       state.useIssueTemplate = action.payload;
@@ -3326,7 +3439,7 @@ function considerCachingRevision(revision, formId2, preferPending = false) {
 function getLatestRevisionFromCache(formId2) {
   return LATEST_REVISION_CACHE[formId2];
 }
-const initialState$3 = {
+const initialState$4 = {
   userForms: {},
   revisions: {},
   submissions: {},
@@ -3335,8 +3448,8 @@ const initialState$3 = {
 };
 const userFormSlice = createSlice({
   name: "userForms",
-  initialState: initialState$3,
-  extraReducers: (builder) => builder.addCase("RESET", (state) => Object.assign(state, initialState$3)),
+  initialState: initialState$4,
+  extraReducers: (builder) => builder.addCase("RESET", (state) => Object.assign(state, initialState$4)),
   reducers: {
     setUserForms: (state, action) => {
       state.userForms = {};
@@ -3551,6 +3664,9 @@ const selectUserForm = (formId2) => (state) => {
   return state.userFormReducer.userForms[formId2];
 };
 const selectSubmissionMapping = (state) => state.userFormReducer.submissions;
+const selectUserFormSubmission = (submissionId) => (state) => {
+  return state.userFormReducer.submissions[submissionId];
+};
 const selectSubmissions = createSelector([selectSubmissionMapping], (submissions) => Object.values(submissions));
 const selectRevisionMapping = (state) => state.userFormReducer.revisions;
 const selectRevisions = createSelector([selectRevisionMapping], (revisions) => Object.values(revisions));
@@ -3592,6 +3708,23 @@ const selectSubmissionsForComponent = restructureCreateSelectorWithArgs(
     }
   )
 );
+const selectComponentSubmissionMapping = createSelector(
+  [selectSubmissionMapping, selectComponentsMapping],
+  (submissions, components) => {
+    var _a2;
+    const componentSubmissionMapping = {};
+    for (const componentId in components) {
+      componentSubmissionMapping[componentId] = [];
+    }
+    for (const submissionId in submissions) {
+      const submission = submissions[submissionId];
+      if (submission.component) {
+        (_a2 = componentSubmissionMapping[submission.component]) == null ? void 0 : _a2.push(submission);
+      }
+    }
+    return componentSubmissionMapping;
+  }
+);
 const selectUserFormMapping = (state) => {
   return state.userFormReducer.userForms;
 };
@@ -3640,12 +3773,12 @@ const selectNumberOfGeneralUserForms = createSelector([selectUserFormMapping], (
   return Object.values(userForms).filter((form) => !form.component_type).length;
 });
 const userFormReducer = userFormSlice.reducer;
-const initialState$2 = {
+const initialState$3 = {
   emailDomains: {}
 };
 const emailDomainsSlice = createSlice({
   name: "emailDomains",
-  initialState: initialState$2,
+  initialState: initialState$3,
   reducers: {
     setEmailDomains: (state, action) => {
       const emailDomains = {};
@@ -3672,14 +3805,14 @@ const selectSortedEmailDomains = (state) => Object.values(state.emailDomainsRedu
   (ed1, ed2) => ed1.domain.localeCompare(ed2.domain)
 );
 const emailDomainsReducer = emailDomainsSlice.reducer;
-const initialState$1 = {
+const initialState$2 = {
   documents: {}
 };
 const documentSlice = createSlice({
   name: "documents",
-  initialState: initialState$1,
+  initialState: initialState$2,
   extraReducers: (builder) => builder.addCase("RESET", (state) => {
-    Object.assign(state, initialState$1);
+    Object.assign(state, initialState$2);
   }),
   reducers: {
     setDocuments: (state, action) => {
@@ -3844,6 +3977,59 @@ const selectRootDocuments = createSelector(
   (documents) => documents.filter((document2) => !document2.parent_document)
 );
 const documentsReducer = documentSlice.reducer;
+const initialState$1 = {
+  teams: {}
+};
+const teamSlice = createSlice({
+  name: "teams",
+  initialState: initialState$1,
+  extraReducers: (builder) => builder.addCase("RESET", (state) => Object.assign(state, initialState$1)),
+  reducers: {
+    setTeam: (state, action) => {
+      state.teams[action.payload.offline_id] = action.payload;
+    },
+    setTeams: (state, action) => {
+      state.teams = {};
+      for (const team of action.payload) {
+        state.teams[team.offline_id] = team;
+      }
+    },
+    addTeam: (state, action) => {
+      if (state.teams[action.payload.offline_id]) {
+        throw new Error(`Team with offline_id ${action.payload.offline_id} already exists`);
+      }
+      state.teams[action.payload.offline_id] = action.payload;
+    },
+    updateTeam: (state, action) => {
+      if (!state.teams[action.payload.offline_id]) {
+        throw new Error(`Team with offline_id ${action.payload.offline_id} does not exist`);
+      }
+      state.teams[action.payload.offline_id] = action.payload;
+    },
+    deleteTeam: (state, action) => {
+      delete state.teams[action.payload];
+    }
+  }
+});
+const { setTeam, setTeams, addTeam, updateTeam, deleteTeam } = teamSlice.actions;
+const selectTeamsMapping = (state) => state.teamReducer.teams;
+const selectTeams = createSelector([selectTeamsMapping], (teams) => {
+  return Object.values(teams);
+});
+const selectTeamsOfOrganization = restructureCreateSelectorWithArgs(
+  createSelector(
+    [selectTeams, (_state, organizationId) => organizationId],
+    (teams, organizationId) => {
+      return teams.filter((team) => team.organization === organizationId);
+    }
+  )
+);
+const selectTeamsOfUser = restructureCreateSelectorWithArgs(
+  createSelector([selectTeams, (_state, userId) => userId], (teams, userId) => {
+    return teams.filter((team) => team.members.includes(userId));
+  })
+);
+const teamReducer = teamSlice.reducer;
 const initialState = {
   version: 0
 };
@@ -3890,7 +4076,8 @@ const overmapReducers = {
   workspaceReducer,
   emailDomainsReducer,
   licenseReducer,
-  documentsReducer
+  documentsReducer,
+  teamReducer
 };
 const overmapReducer = combineReducers(overmapReducers);
 const resetStore = "RESET";
@@ -4437,7 +4624,7 @@ class AttachmentService extends BaseApiService {
   }
   // Attachments aren't models, so we use the OptimisticGenericResult type instead
   async addIssueAttachment(attachmentPayload) {
-    const { description: description2, issue, file_sha1, offline_id } = attachmentPayload;
+    const { issue, file_sha1, offline_id } = attachmentPayload;
     if (!attachmentPayload.file.objectURL) {
       throw new Error("Expected attachmentPayload.file.objectURL to be defined.");
     }
@@ -4445,7 +4632,9 @@ class AttachmentService extends BaseApiService {
       ...attachmentPayload,
       file: attachmentPayload.file.objectURL,
       file_name: attachmentPayload.file.name,
-      file_type: attachmentPayload.file.type
+      file_type: attachmentPayload.file.type,
+      submitted_at: (/* @__PURE__ */ new Date()).toISOString(),
+      created_by: this.client.store.getState().userReducer.currentUser.id
     };
     await this.client.files.addCache(attachmentPayload.file, file_sha1);
     this.client.store.dispatch(addIssueAttachment(offlineAttachment));
@@ -4457,10 +4646,7 @@ class AttachmentService extends BaseApiService {
       blocks: [offline_id, issue],
       blockers: [file_sha1],
       payload: {
-        offline_id,
-        issue,
-        description: description2 ?? "",
-        submitted_at: (/* @__PURE__ */ new Date()).getTime() / 1e3,
+        ...offlineAttachment,
         ...fileProps
       }
     });
@@ -4471,7 +4657,7 @@ class AttachmentService extends BaseApiService {
     return [offlineAttachment, promise];
   }
   async addComponentAttachment(attachmentPayload) {
-    const { description: description2, component, file_sha1, offline_id } = attachmentPayload;
+    const { component, file_sha1, offline_id } = attachmentPayload;
     if (!attachmentPayload.file.objectURL) {
       throw new Error("Expected attachmentPayload.file.objectURL to be defined.");
     }
@@ -4479,7 +4665,9 @@ class AttachmentService extends BaseApiService {
       ...attachmentPayload,
       file: attachmentPayload.file.objectURL,
       file_name: attachmentPayload.file.name,
-      file_type: attachmentPayload.file.type
+      file_type: attachmentPayload.file.type,
+      submitted_at: (/* @__PURE__ */ new Date()).toISOString(),
+      created_by: this.client.store.getState().userReducer.currentUser.id
     };
     await this.client.files.addCache(attachmentPayload.file, file_sha1);
     this.client.store.dispatch(addComponentAttachment(offlineAttachment));
@@ -4491,10 +4679,7 @@ class AttachmentService extends BaseApiService {
       blocks: [offline_id, component],
       blockers: [file_sha1],
       payload: {
-        offline_id,
-        component,
-        description: description2 ?? "",
-        submitted_at: (/* @__PURE__ */ new Date()).getTime() / 1e3,
+        ...offlineAttachment,
         ...fileProps
       }
     });
@@ -4505,7 +4690,7 @@ class AttachmentService extends BaseApiService {
     return [offlineAttachment, promise];
   }
   async addComponentTypeAttachment(attachmentPayload) {
-    const { description: description2, component_type, file_sha1, offline_id } = attachmentPayload;
+    const { component_type, file_sha1, offline_id } = attachmentPayload;
     if (!attachmentPayload.file.objectURL) {
       throw new Error("Expected attachmentPayload.file.objectURL to be defined.");
     }
@@ -4513,7 +4698,9 @@ class AttachmentService extends BaseApiService {
       ...attachmentPayload,
       file: attachmentPayload.file.objectURL,
       file_name: attachmentPayload.file.name,
-      file_type: attachmentPayload.file.type
+      file_type: attachmentPayload.file.type,
+      submitted_at: (/* @__PURE__ */ new Date()).toISOString(),
+      created_by: this.client.store.getState().userReducer.currentUser.id
     };
     await this.client.files.addCache(attachmentPayload.file, file_sha1);
     this.client.store.dispatch(addComponentTypeAttachment(offlineAttachment));
@@ -4525,10 +4712,7 @@ class AttachmentService extends BaseApiService {
       blocks: [offline_id, component_type],
       blockers: [file_sha1],
       payload: {
-        offline_id,
-        component_type,
-        description: description2 ?? "",
-        submitted_at: (/* @__PURE__ */ new Date()).getTime() / 1e3,
+        ...offlineAttachment,
         ...fileProps
       }
     });
@@ -4547,7 +4731,9 @@ class AttachmentService extends BaseApiService {
       ...attachmentPayload,
       file: attachmentPayload.file.objectURL,
       file_name: attachmentPayload.file.name,
-      file_type: attachmentPayload.file.type
+      file_type: attachmentPayload.file.type,
+      submitted_at: (/* @__PURE__ */ new Date()).toISOString(),
+      created_by: this.client.store.getState().userReducer.currentUser.id
     };
     await this.client.files.addCache(attachmentPayload.file, file_sha1);
     this.client.store.dispatch(addProjectAttachment(offlineAttachment));
@@ -4587,7 +4773,9 @@ class AttachmentService extends BaseApiService {
           file_name: file2.name,
           file_type: file2.type,
           issue: issueId,
-          file_sha1: hash
+          file_sha1: hash,
+          submitted_at: (/* @__PURE__ */ new Date()).toISOString(),
+          created_by: this.client.store.getState().userReducer.currentUser.id
         });
         return this.addIssueAttachment(attachment);
       };
@@ -4606,7 +4794,9 @@ class AttachmentService extends BaseApiService {
           file_name: file2.name,
           file_type: file2.type,
           component: componentId,
-          file_sha1: hash
+          file_sha1: hash,
+          submitted_at: (/* @__PURE__ */ new Date()).toISOString(),
+          created_by: this.client.store.getState().userReducer.currentUser.id
         });
         return this.addComponentAttachment(attachment);
       };
@@ -4625,7 +4815,9 @@ class AttachmentService extends BaseApiService {
           file_name: file2.name,
           file_type: file2.type,
           component_type: componentTypeId,
-          file_sha1: hash
+          file_sha1: hash,
+          submitted_at: (/* @__PURE__ */ new Date()).toISOString(),
+          created_by: this.client.store.getState().userReducer.currentUser.id
         });
         return this.addComponentTypeAttachment(attachment);
       };
@@ -4644,7 +4836,9 @@ class AttachmentService extends BaseApiService {
           file_name: file2.name,
           file_type: file2.type,
           project: projectId,
-          file_sha1: hash
+          file_sha1: hash,
+          submitted_at: (/* @__PURE__ */ new Date()).toISOString(),
+          created_by: this.client.store.getState().userReducer.currentUser.id
         });
         return this.addProjectAttachment(attachment);
       };
@@ -5721,49 +5915,35 @@ class ComponentTypeService extends BaseApiService {
   }
 }
 class IssueCommentService extends BaseApiService {
+  // Omit author and submitted_at since these will always be set internally
   add(comment) {
-    const offlinePayload = offline(comment);
-    const submittedAt = (/* @__PURE__ */ new Date()).toISOString();
     const { store } = this.client;
-    const offlineComment = {
-      ...offlinePayload,
+    const offlineComment = offline({
+      ...comment,
       author: store.getState().userReducer.currentUser.id,
-      created_at: submittedAt
-    };
-    store.dispatch(addOrReplaceIssueComment(offlineComment));
+      submitted_at: (/* @__PURE__ */ new Date()).toISOString()
+    });
+    store.dispatch(addIssueComment(offlineComment));
     const promise = this.enqueueRequest({
       description: `${truncate(comment.content, 80)}`,
       method: HttpMethod.POST,
       url: `/issues/${comment.issue}/comment/`,
-      payload: { ...offlinePayload, submitted_at: submittedAt },
+      payload: offlineComment,
       blockers: [comment.issue],
-      blocks: [offlinePayload.offline_id]
+      blocks: [offlineComment.offline_id]
+    });
+    promise.catch(() => {
+      store.dispatch(removeIssueComment(offlineComment.offline_id));
     });
     return [offlineComment, promise];
   }
-  async refreshStore() {
+  update(comment) {
     const { store } = this.client;
-    const result = await this.enqueueRequest({
-      description: "Get comments",
-      method: HttpMethod.GET,
-      // TODO: Choose between /issues/comments/in-project/${projectId}/ and /projects/${projectId}/issue-comments/
-      url: `/projects/${store.getState().projectReducer.activeProjectId}/comments/`,
-      blockers: [],
-      blocks: []
-    });
-    let filteredResult = result.filter(onlyUniqueOfflineIds);
-    filteredResult = filteredResult.map((comment) => {
-      return { ...comment };
-    });
-    if (result.length !== filteredResult.length) {
-      console.error(
-        `Received duplicate comments from the API (new length ${filteredResult.length}); filtered in browser.`
-      );
+    const commentToUpdate = store.getState().issueReducer.comments[comment.offline_id];
+    if (!commentToUpdate) {
+      throw new Error(`Comment with offline_id ${comment.offline_id} not found in store`);
     }
-    store.dispatch(setIssueComments(filteredResult));
-  }
-  update(comment) {
-    this.client.store.dispatch(addOrReplaceIssueComment(comment));
+    store.dispatch(setIssueComment(comment));
     const promise = this.enqueueRequest({
       description: `Edit comment: ${truncate(comment.content, 80)}`,
       method: HttpMethod.PATCH,
@@ -5772,17 +5952,62 @@ class IssueCommentService extends BaseApiService {
       blockers: [comment.issue],
       blocks: [comment.offline_id]
     });
+    promise.catch(() => {
+      store.dispatch(setIssueComment(commentToUpdate));
+    });
     return [comment, promise];
   }
   remove(offline_id) {
+    const commentToRemove = this.client.store.getState().issueReducer.comments[offline_id];
+    if (!commentToRemove) {
+      throw new Error(`Comment with offline_id ${offline_id} not found in store`);
+    }
     this.client.store.dispatch(removeIssueComment(offline_id));
-    return this.enqueueRequest({
+    const promise = this.enqueueRequest({
       description: "Delete comment",
       method: HttpMethod.DELETE,
       url: `/issues/comments/${offline_id}/`,
       blockers: [offline_id],
       blocks: []
     });
+    promise.catch(() => {
+      this.client.store.dispatch(addIssueComment(commentToRemove));
+    });
+    return promise;
+  }
+  async refreshStore() {
+    const { store } = this.client;
+    const result = await this.enqueueRequest({
+      description: "Get comments",
+      method: HttpMethod.GET,
+      // TODO: Choose between /issues/comments/in-project/${projectId}/ and /projects/${projectId}/issue-comments/
+      url: `/projects/${store.getState().projectReducer.activeProjectId}/comments/`,
+      blockers: [],
+      blocks: []
+    });
+    store.dispatch(setIssueComments(result));
+  }
+}
+class IssueUpdateService extends BaseApiService {
+  async refreshStore() {
+    const { store } = this.client;
+    const result = await this.enqueueRequest({
+      description: "Get issue updates",
+      method: HttpMethod.GET,
+      url: `/projects/${store.getState().projectReducer.activeProjectId}/issues/updates/`,
+      blockers: [],
+      blocks: []
+    });
+    let filteredResult = result.filter(onlyUniqueOfflineIds);
+    filteredResult = filteredResult.map((comment) => {
+      return { ...comment };
+    });
+    if (result.length !== filteredResult.length) {
+      console.error(
+        `Received duplicate comments from the API (new length ${filteredResult.length}); filtered in browser.`
+      );
+    }
+    store.dispatch(setIssueUpdates(filteredResult));
   }
 }
 class IssueService extends BaseApiService {
@@ -5863,7 +6088,83 @@ class IssueService extends BaseApiService {
     return [offlineIssues, promise];
   }
   update(issue) {
+    const state = this.client.store.getState();
+    const issueToBeUpdated = state.issueReducer.issues[issue.offline_id];
+    if (!issueToBeUpdated) {
+      throw new Error(
+        `Attempting to update an issue with offline_id ${issue.offline_id} that doesn't exist in the store`
+      );
+    }
     this.client.store.dispatch(updateIssue(issue));
+    const changes = {};
+    for (const issueUpdateChange of [
+      IssueUpdateChange.TITLE,
+      IssueUpdateChange.DESCRIPTION,
+      IssueUpdateChange.STATUS,
+      IssueUpdateChange.CATEGORY,
+      IssueUpdateChange.PRIORITY,
+      IssueUpdateChange.ASSIGNED_TO,
+      IssueUpdateChange.DUE_DATE
+    ]) {
+      if (issueUpdateChange in issue && issue[issueUpdateChange] !== issueToBeUpdated[issueUpdateChange]) {
+        switch (issueUpdateChange) {
+          case "category": {
+            let categoryOrNull = null;
+            const categoryIdOrNull = issue[issueUpdateChange];
+            if (categoryIdOrNull) {
+              categoryOrNull = state.categoryReducer.categories[categoryIdOrNull] ?? null;
+              if (!categoryOrNull)
+                throw new Error(
+                  `Trying to update issue category to ${categoryIdOrNull} which does not exist in store`
+                );
+            }
+            changes[issueUpdateChange] = categoryOrNull ? {
+              name: categoryOrNull.name,
+              color: categoryOrNull.color,
+              offline_id: categoryOrNull.offline_id
+            } : null;
+            break;
+          }
+          case "assigned_to": {
+            let userOrNull = null;
+            const userIdOrNull = issue[issueUpdateChange];
+            if (userIdOrNull) {
+              userOrNull = state.userReducer.users[userIdOrNull] ?? null;
+              if (!userOrNull)
+                throw new Error(
+                  `Trying to update issue assigned_to to ${userIdOrNull} which does not exist in store`
+                );
+            }
+            changes[issueUpdateChange] = userOrNull ? {
+              full_name: userOrNull.username,
+              id: userOrNull.id
+            } : null;
+            break;
+          }
+          case "description":
+            changes[issueUpdateChange] = issue[issueUpdateChange] ?? null;
+            break;
+          case "title":
+            changes[issueUpdateChange] = issue[issueUpdateChange] ?? null;
+            break;
+          case "priority":
+            changes[issueUpdateChange] = issue[issueUpdateChange];
+            break;
+          case "status":
+            changes[issueUpdateChange] = issue[issueUpdateChange];
+            break;
+          case "due_date":
+            changes[issueUpdateChange] = issue[issueUpdateChange] ? issue[issueUpdateChange] : null;
+        }
+      }
+    }
+    const offlineIssueUpdate = offline({
+      created_by: state.userReducer.currentUser.id,
+      submitted_at: (/* @__PURE__ */ new Date()).toISOString(),
+      issue: issueToBeUpdated.offline_id,
+      changes
+    });
+    this.client.store.dispatch(addIssueUpdate(offlineIssueUpdate));
     const promise = this.enqueueRequest({
       description: "Edit issue",
       method: HttpMethod.PATCH,
@@ -5872,23 +6173,30 @@ class IssueService extends BaseApiService {
       blockers: [issue.offline_id],
       blocks: [issue.offline_id]
     });
+    promise.catch(() => {
+      this.client.store.dispatch(updateIssue(issueToBeUpdated));
+      this.client.store.dispatch(removeIssueUpdate(offlineIssueUpdate.offline_id));
+    });
     const fullIssue = this.client.store.getState().issueReducer.issues[issue.offline_id];
     return [fullIssue, promise];
   }
   async remove(id) {
     const { store } = this.client;
     const state = store.getState();
+    const dispatch = store.dispatch;
     const backup = state.issueReducer.issues[id];
     if (!backup) {
       throw new Error(`No issue with id ${id} found in the store`);
     }
     const attachments = Object.values(state.issueReducer.attachments).filter((a) => a.issue === id);
     const attachmentsOfIssue = selectAttachmentsOfIssue(id)(state);
-    this.client.store.dispatch(removeIssue(id));
-    store.dispatch(addActiveProjectIssuesCount(-1));
-    if (attachmentsOfIssue.length > 0) {
-      this.client.store.dispatch(removeAttachmentsOfIssue(id));
-    }
+    const updatesOfIssue = selectIssueUpdatesOfIssue(id)(state);
+    dispatch(removeIssue(id));
+    dispatch(addActiveProjectIssuesCount(-1));
+    if (attachmentsOfIssue.length > 0)
+      dispatch(removeAttachmentsOfIssue(id));
+    if (updatesOfIssue.length > 0)
+      dispatch(removeIssueUpdates(updatesOfIssue.map(({ offline_id }) => offline_id)));
     try {
       return await this.enqueueRequest({
         description: "Delete issue",
@@ -5898,9 +6206,10 @@ class IssueService extends BaseApiService {
         blocks: []
       });
     } catch (e) {
-      this.client.store.dispatch(addIssue(backup));
-      this.client.store.dispatch(addIssueAttachments(attachments));
-      store.dispatch(addActiveProjectIssuesCount(1));
+      dispatch(addIssue(backup));
+      dispatch(addIssueAttachments(attachments));
+      dispatch(addIssueUpdates(updatesOfIssue));
+      dispatch(addActiveProjectIssuesCount(1));
       throw e;
     }
   }
@@ -6017,6 +6326,7 @@ class MainService extends BaseApiService {
     }
     if (currentOrgId) {
       await this.client.organizations.fetchInitialOrganizationData(currentOrgId, false);
+      void this.client.teams.refreshStore();
     }
     if (!isProjectIdValid) {
       if (validProjects.length !== 0) {
@@ -6082,6 +6392,7 @@ class MainService extends BaseApiService {
         store.dispatch(setProjectAttachments(project_attachments));
       });
       void this.client.documents.refreshStore();
+      void this.client.issueUpdates.refreshStore();
     }
     store.dispatch(setIsFetchingInitialData(false));
     if (overwrite) {
@@ -7535,6 +7846,142 @@ class AgentService extends BaseApiService {
     });
   }
 }
+class TeamService extends BaseApiService {
+  add(teamPayload) {
+    const { store } = this.client;
+    const state = store.getState();
+    const activeOrganizationId = state.organizationReducer.activeOrganizationId;
+    if (!activeOrganizationId) {
+      throw new Error(`Expected active organization to be set, got ${activeOrganizationId}`);
+    }
+    const offlineTeam = offline({
+      ...teamPayload,
+      organization: activeOrganizationId
+      // TODO: uncomment once supported
+      // submitted_at: new Date().toISOString(),
+      // created_by: state.userReducer.currentUser.id,
+    });
+    store.dispatch(addTeam(offlineTeam));
+    const promise = this.enqueueRequest({
+      description: "Create team",
+      method: HttpMethod.POST,
+      url: `/organizations/${activeOrganizationId}/teams/`,
+      payload: offlineTeam,
+      // No blocks since users and organizations are not offline
+      blockers: [],
+      blocks: [offlineTeam.offline_id]
+    });
+    promise.then((createdTeam) => {
+      store.dispatch(setTeam(createdTeam));
+    }).catch(() => {
+      store.dispatch(deleteTeam(offlineTeam.offline_id));
+    });
+    return [offlineTeam, promise];
+  }
+  // TODO: @Audiopolis / Magnus - should we pass a offline_id as one arg and a UpdatedTeamProps as a second arg instead of this set up?
+  update(team) {
+    const { store } = this.client;
+    const teamToBeUpdated = store.getState().teamReducer.teams[team.offline_id];
+    const offlineUpdatedTeam = {
+      ...teamToBeUpdated,
+      ...team
+    };
+    store.dispatch(updateTeam(offlineUpdatedTeam));
+    const promise = this.enqueueRequest({
+      description: "Update team",
+      method: HttpMethod.PATCH,
+      url: `/organizations/teams/${team.offline_id}/`,
+      payload: offlineUpdatedTeam,
+      blockers: [team.offline_id],
+      blocks: [team.offline_id]
+    });
+    promise.then((updatedTeam) => {
+      store.dispatch(setTeam(updatedTeam));
+    }).catch(() => {
+      store.dispatch(setTeam(teamToBeUpdated));
+    });
+    return [offlineUpdatedTeam, promise];
+  }
+  async delete(teamId) {
+    const { store } = this.client;
+    const state = store.getState();
+    const team = state.teamReducer.teams[teamId];
+    if (!team) {
+      throw new Error(`Expected team with id ${teamId} to exist`);
+    }
+    store.dispatch(deleteTeam(teamId));
+    try {
+      return await this.enqueueRequest({
+        description: "Delete team",
+        method: HttpMethod.DELETE,
+        url: `/organizations/teams/${teamId}/`,
+        blockers: [teamId],
+        blocks: [teamId]
+      });
+    } catch (e) {
+      store.dispatch(setTeam(team));
+      throw e;
+    }
+  }
+  async setMembers(teamId, members) {
+    const { store } = this.client;
+    const team = store.getState().teamReducer.teams[teamId];
+    if (!team) {
+      throw new Error(`Expected team with id ${teamId} to exist`);
+    }
+    if (members.length !== new Set(members).size) {
+      throw new Error("Duplicate members found in the list");
+    }
+    store.dispatch(updateTeam({ ...team, members }));
+    const promise = this.enqueueRequest({
+      description: "Set team members",
+      method: HttpMethod.PUT,
+      url: `/organizations/teams/${teamId}/set-members/`,
+      payload: {
+        members
+      },
+      blockers: [teamId],
+      blocks: [teamId]
+    });
+    promise.catch(() => {
+      store.dispatch(setTeam(team));
+    });
+    return promise;
+  }
+  async addMembers(teamId, members) {
+    const { store } = this.client;
+    const team = store.getState().teamReducer.teams[teamId];
+    if (!team) {
+      throw new Error(`Expected team with id ${teamId} to exist`);
+    }
+    const newMembers = [...team.members, ...members];
+    return this.setMembers(teamId, newMembers);
+  }
+  async removeMembers(teamId, members) {
+    const { store } = this.client;
+    const team = store.getState().teamReducer.teams[teamId];
+    if (!team) {
+      throw new Error(`Expected team with id ${teamId} to exist`);
+    }
+    const newMembers = team.members.filter((member) => !members.includes(member));
+    return this.setMembers(teamId, newMembers);
+  }
+  async refreshStore() {
+    const { store } = this.client;
+    const activeOrganizationId = store.getState().organizationReducer.activeOrganizationId;
+    if (!activeOrganizationId) {
+      throw new Error(`Expected active organization to be set, got ${activeOrganizationId}`);
+    }
+    const result = await this.enqueueRequest({
+      description: "Fetch teams",
+      method: HttpMethod.GET,
+      url: `/organizations/${activeOrganizationId}/teams/`,
+      blockers: [],
+      blocks: []
+    });
+    store.dispatch(setTeams(result));
+  }
+}
 class OvermapSDK {
   constructor(apiUrl, store) {
     __publicField(this, "API_URL");
@@ -7549,6 +7996,7 @@ class OvermapSDK {
     __publicField(this, "organizationAccess", new OrganizationAccessService(this));
     __publicField(this, "issues", new IssueService(this));
     __publicField(this, "issueComments", new IssueCommentService(this));
+    __publicField(this, "issueUpdates", new IssueUpdateService(this));
     __publicField(this, "workspaces", new WorkspaceService(this));
     __publicField(this, "main", new MainService(this));
     __publicField(this, "components", new ComponentService(this));
@@ -7563,6 +8011,7 @@ class OvermapSDK {
     __publicField(this, "emailDomains", new EmailDomainsService(this));
     __publicField(this, "licenses", new LicenseService(this));
     __publicField(this, "documents", new DocumentService(this));
+    __publicField(this, "teams", new TeamService(this));
     this.API_URL = apiUrl;
     this.store = store;
   }
@@ -12004,8 +12453,7 @@ class BaseSelectField extends BaseField {
           description: "List possible options for the user to select from.",
           required: true,
           identifier: `${path}options`,
-          minimum_length: 2,
-          maximum_length: 20
+          minimum_length: 2
         }),
         showDirectly: true
       }
@@ -13022,52 +13470,54 @@ const styles$4 = {
   Footer,
   Loading
 };
-const ImageCard = memo((props) => {
-  const { file, alt, error: error2, size, rightSlot, className, truncateLength, ...rest } = props;
-  const fileCardRef = useRef(null);
-  const imageInsetRef = useRef(null);
-  const fileCardSize = useSize(fileCardRef);
-  useLayoutEffect(() => {
-    if (!imageInsetRef.current || !fileCardSize)
-      return;
-    imageInsetRef.current.style.height = `${fileCardSize.height * 4}px`;
-  }, [fileCardSize]);
-  const fileName2 = useMemo(() => {
-    if (!file)
-      return;
-    return truncateLength !== void 0 ? truncate(file.name, truncateLength) : file.name;
-  }, [file, truncateLength]);
-  return /* @__PURE__ */ jsxs(
-    Flex,
-    {
-      className: classNames$1(className, styles$4.ImageCard),
-      width: "100%",
-      direction: "column",
-      position: "relative",
-      height: "max-content",
-      gap: "0",
-      ...rest,
-      children: [
-        !file && !error2 && /* @__PURE__ */ jsx(Flex, { width: "100%", height: "100%", align: "center", justify: "center", position: "absolute", children: /* @__PURE__ */ jsx(Spinner, {}) }),
-        /* @__PURE__ */ jsx(Inset, { className: styles$4.ImageInset, ref: imageInsetRef, clip: "padding-box", side: "y", pb: "0", children: file && !error2 && /* @__PURE__ */ jsx("img", { className: styles$4.Image, src: URL.createObjectURL(file), alt: alt ?? file.name }) }),
-        /* @__PURE__ */ jsx(
-          OvermapItem,
-          {
-            className: classNames$1(styles$4.Footer, {
-              [styles$4.Loading]: !file
-            }),
-            size,
-            ref: fileCardRef,
-            leftSlot: error2 ? /* @__PURE__ */ jsx(RiIcon, { icon: "RiFileWarningLine" }) : file && /* @__PURE__ */ jsx(FileIcon, { fileType: file.type }),
-            rightSlot,
-            children: error2 ?? fileName2
-          }
-        )
-      ]
-    }
-  );
-});
-ImageCard.displayName = "ImageCard";
+const ImageCard = memo(
+  forwardRef((props, forwardedRef) => {
+    const { file, alt, error: error2, size, rightSlot, className, truncateLength, ...rest } = props;
+    const fileCardRef = useRef(null);
+    const imageInsetRef = useRef(null);
+    const fileCardSize = useSize(fileCardRef);
+    useLayoutEffect(() => {
+      if (!imageInsetRef.current || !fileCardSize)
+        return;
+      imageInsetRef.current.style.height = `${fileCardSize.height * 4}px`;
+    }, [fileCardSize]);
+    const fileName2 = useMemo(() => {
+      if (!file)
+        return;
+      return truncateLength !== void 0 ? truncate(file.name, truncateLength) : file.name;
+    }, [file, truncateLength]);
+    return /* @__PURE__ */ jsxs(
+      Flex,
+      {
+        className: classNames$1(className, styles$4.ImageCard),
+        width: "100%",
+        direction: "column",
+        position: "relative",
+        height: "max-content",
+        gap: "0",
+        ref: forwardedRef,
+        ...rest,
+        children: [
+          !file && !error2 && /* @__PURE__ */ jsx(Flex, { width: "100%", height: "100%", align: "center", justify: "center", position: "absolute", children: /* @__PURE__ */ jsx(Spinner, {}) }),
+          /* @__PURE__ */ jsx(Inset, { className: styles$4.ImageInset, ref: imageInsetRef, clip: "padding-box", side: "y", pb: "0", children: file && !error2 && /* @__PURE__ */ jsx("img", { className: styles$4.Image, src: URL.createObjectURL(file), alt: alt ?? file.name }) }),
+          /* @__PURE__ */ jsx(
+            OvermapItem,
+            {
+              className: classNames$1(styles$4.Footer, {
+                [styles$4.Loading]: !file
+              }),
+              size,
+              ref: fileCardRef,
+              leftSlot: error2 ? /* @__PURE__ */ jsx(RiIcon, { icon: "RiFileWarningLine" }) : file && /* @__PURE__ */ jsx(FileIcon, { fileType: file.type }),
+              rightSlot,
+              children: error2 ?? fileName2
+            }
+          )
+        ]
+      }
+    );
+  })
+);
 const UploadInput = memo((props) => {
   var _a2;
   const [{ inputId, labelId, size, severity, helpText, showInputOnly, field, fieldProps }, rest] = useFormikInput(props);
@@ -14204,17 +14654,15 @@ const FieldActions = memo((props) => {
       Action.key
     )) }),
     /* @__PURE__ */ jsx(Box, { display: forMobile(true, "block"), children: /* @__PURE__ */ jsx(
-      DropdownItemMenu,
+      OvermapDropdownMenu,
       {
         trigger: /* @__PURE__ */ jsx(IconButton, { variant: "ghost", "aria-label": "Actions menu", children: /* @__PURE__ */ jsx(RiIcon, { icon: "RiMore2Line" }) }),
         items: actions.map((Action) => {
           var _a2;
           return {
-            content: /* @__PURE__ */ jsxs(Flex$1, { gap: "2", align: "center", children: [
-              /* @__PURE__ */ jsx(Action.Icon, {}),
-              Action.text
-            ] }, Action.key),
-            onSelect: (_a2 = Action.buttonProps) == null ? void 0 : _a2.onClick
+            leftSlot: /* @__PURE__ */ jsx(Action.Icon, {}),
+            children: Action.text,
+            onClick: (_a2 = Action.buttonProps) == null ? void 0 : _a2.onClick
           };
         })
       }
@@ -14272,10 +14720,8 @@ const useFieldTypeItems = (onSelect = () => null) => {
         const field = FieldTypeToClsMapping[identifier];
         const Icon = field.Icon;
         return {
-          content: /* @__PURE__ */ jsxs(Flex$1, { align: "center", gap: "2", children: [
-            /* @__PURE__ */ jsx(Icon, {}),
-            /* @__PURE__ */ jsx(Text$1, { children: field.fieldTypeName })
-          ] }, identifier),
+          children: field.fieldTypeName,
+          leftSlot: /* @__PURE__ */ jsx(Icon, {}),
           value: identifier,
           onSelect: () => {
             onSelect(identifier);
@@ -14479,7 +14925,7 @@ const FieldBuilder = memo((props) => {
           }
         ),
         /* @__PURE__ */ jsxs(Flex$1, { align: "center", gap: "3", children: [
-          /* @__PURE__ */ jsx(Badge, { className: styles.typeBadge, children: (_f = fieldTypeItems.flat().find((item) => item.value === type)) == null ? void 0 : _f.content }),
+          /* @__PURE__ */ jsx(Badge, { className: styles.typeBadge, children: (_f = fieldTypeItems.flat().find((item) => item.value === type)) == null ? void 0 : _f.children }),
           showPopoverInputs && /* @__PURE__ */ jsx(FieldSettingsPopover, { popoverInputs, hasError: popoverHasErrors })
         ] }),
         resolvedImage && /* @__PURE__ */ jsxs(Fragment, { children: [
@@ -14840,7 +15286,7 @@ const FieldSectionWithActions = memo((props) => {
                       )),
                       droppableProvided.placeholder,
                       /* @__PURE__ */ jsx(
-                        DropdownItemMenu,
+                        OvermapDropdownMenu,
                         {
                           trigger: /* @__PURE__ */ jsxs(Button, { type: "button", variant: "soft", children: [
                             /* @__PURE__ */ jsx(RiIcon, { icon: "RiAddLine" }),
@@ -15276,6 +15722,8 @@ export {
   IssuePriority,
   IssueService,
   IssueStatus,
+  IssueUpdateChange,
+  IssueUpdateService,
   LicenseLevel,
   LicenseService,
   LicenseStatus,
@@ -15314,6 +15762,7 @@ export {
   SpreadsheetViewer,
   StringField,
   StringInput,
+  TeamService,
   TextField,
   TextInput,
   UserFormService,
@@ -15339,6 +15788,10 @@ export {
   addIssue,
   addIssueAttachment,
   addIssueAttachments,
+  addIssueComment,
+  addIssueComments,
+  addIssueUpdate,
+  addIssueUpdates,
   addLicenses,
   addOrReplaceCategories,
   addOrReplaceIssueComment,
@@ -15351,6 +15804,7 @@ export {
   addStageCompletion,
   addStageCompletions,
   addStages,
+  addTeam,
   addToRecentIssues,
   addUserForm,
   addUserFormRevision,
@@ -15390,6 +15844,7 @@ export {
   defaultStore,
   deleteComponentType,
   deleteProject,
+  deleteTeam,
   deleteUserForm,
   deleteUserFormRevision,
   deleteUserFormRevisions,
@@ -15498,6 +15953,9 @@ export {
   removeIssue,
   removeIssueAttachment,
   removeIssueComment,
+  removeIssueComments,
+  removeIssueUpdate,
+  removeIssueUpdates,
   removeOrganizationAccess,
   removeProjectAccess,
   removeProjectAccessesOfProject,
@@ -15559,11 +16017,13 @@ export {
   selectCompletedStages,
   selectComponent,
   selectComponentAttachmentMapping,
+  selectComponentSubmissionMapping,
   selectComponentType,
   selectComponentTypeAttachmentMapping,
   selectComponentTypeForm,
   selectComponentTypeFromComponent,
   selectComponentTypeFromComponents,
+  selectComponentTypeStagesMapping,
   selectComponentTypes,
   selectComponentTypesByName,
   selectComponentTypesFromIds,
@@ -15571,6 +16031,7 @@ export {
   selectComponents,
   selectComponentsByType,
   selectComponentsFromComponentType,
+  selectComponentsMapping,
   selectCreateProjectType,
   selectCurrentUser,
   selectDeletedRequests,
@@ -15599,6 +16060,8 @@ export {
   selectIssueAttachmentMapping,
   selectIssueAttachments,
   selectIssueMapping,
+  selectIssueUpdateMapping,
+  selectIssueUpdatesOfIssue,
   selectIssues,
   selectLatestFormRevision,
   selectLatestRetryTime,
@@ -15650,6 +16113,7 @@ export {
   selectSortedOrganizationUsers,
   selectSortedProjectUsers,
   selectSortedProjects,
+  selectStage,
   selectStageFormIdsFromStageIds,
   selectStageMapping,
   selectStages,
@@ -15660,11 +16124,16 @@ export {
   selectSubmissionsForComponent,
   selectSubmissionsForForm,
   selectSubmissionsForIssue,
+  selectTeams,
+  selectTeamsMapping,
+  selectTeamsOfOrganization,
+  selectTeamsOfUser,
   selectUploadUrl,
   selectUsedColors,
   selectUser,
   selectUserForm,
   selectUserFormMapping,
+  selectUserFormSubmission,
   selectUsersAsMapping,
   selectVisibleStatuses,
   selectVisibleUserIds,
@@ -15694,7 +16163,9 @@ export {
   setIsImportingProjectFile,
   setIsLoading,
   setIssueAttachments,
+  setIssueComment,
   setIssueComments,
+  setIssueUpdates,
   setIssues,
   setLicenses,
   setLoggedIn,
@@ -15709,6 +16180,8 @@ export {
   setSectionExpanded,
   setShowTooltips,
   setStageCompletions,
+  setTeam,
+  setTeams,
   setTokens,
   setTourStep,
   setUploadUrl,
@@ -15725,6 +16198,8 @@ export {
   slugify,
   spacesToDashesLower,
   successColor,
+  teamReducer,
+  teamSlice,
   toFileNameSafeString,
   toOfflineIdRecord,
   toggleComponentTypeVisibility,
@@ -15747,6 +16222,7 @@ export {
   updateProjectAccess,
   updateProjectAttachment,
   updateStages,
+  updateTeam,
   useAppDispatch,
   useAppSelector,
   useFieldInput,