@overmap-ai/core 1.0.53-component-asset-renames.2 → 1.0.53-fix-outbox.0

package/dist/overmap-core.js

@@ -10,6 +10,7 @@ import React__default, { useState, useEffect, useRef, memo, useMemo, useCallback
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import { unsafeShowToast, AlertDialogProvider, ToastProvider, DefaultTheme, Flex as Flex$1, IconButton, RiIcon, Text as Text$1, useSeverityColor, TextArea, Select, useToast, Badge, MultiSelect, Overlay, Button, Spinner, useViewportSize, ButtonGroup, IconColorUtility, Tooltip, Popover, useSize, ToggleButton, Separator, OvermapItem, ButtonList, divButtonProps, OvermapDropdownMenu, Checkbox as Checkbox$1, Input, useAlertDialog } from "@overmap-ai/blocks";
 import { DepGraph } from "dependency-graph";
+import saveAs$1, { saveAs } from "file-saver";
 import { offline as offline$1 } from "@redux-offline/redux-offline";
 import offlineConfig from "@redux-offline/redux-offline/lib/defaults";
 import localforage from "localforage";
@@ -17,7 +18,6 @@ import createMigration from "redux-persist-migrate";
 import { createSlice, createSelector, combineReducers, configureStore, createNextState } from "@reduxjs/toolkit";
 import request from "superagent";
 import { shallowEqual as shallowEqual$1, useDispatch, useSelector } from "react-redux";
-import saveAs$1, { saveAs } from "file-saver";
 import { v4 } from "uuid";
 import ColorCls from "color";
 import jwtDecode from "jwt-decode";
@@ -278,46 +278,112 @@ class APIError extends Error {
     this.options = options;
   }
 }
-class DeferredPromise {
-  constructor() {
-    __publicField(this, _a, "Promise");
-    __publicField(this, "_promise");
-    __publicField(this, "_resolve");
-    __publicField(this, "_reject");
-    __publicField(this, "_state", "pending");
-    this._resolve = null;
-    this._reject = null;
-    this._promise = new Promise((resolve, reject) => {
-      this._resolve = resolve;
-      this._reject = reject;
-    });
-  }
-  get state() {
-    return this._state;
+class BaseApiService {
+  constructor(sdk) {
+    __publicField(this, "client");
+    this.client = sdk;
   }
-  then(onFulfilled, onRejected) {
-    return this._promise.then(onFulfilled, onRejected);
+}
+function hex(buffer) {
+  const hashArray = new Uint8Array(buffer);
+  return hashArray.reduce((data, byte) => data + byte.toString(16).padStart(2, "0"), "");
+}
+const getFileS3Key = async (file, hash) => {
+  if (!hash) {
+    hash = await hashFile(file);
   }
-  catch(onRejected) {
-    return this._promise.catch(onRejected);
+  let fileType = file.type;
+  if (fileType.includes("/")) {
+    fileType = fileType.split("/")[1];
   }
-  resolve(value) {
-    if (!this._resolve)
-      throw new Error("No resolve callback");
-    this._resolve(value);
-    this._state = "fulfilled";
+  if (!fileType) {
+    throw new Error(`Could not extract file type from ${file.type}`);
   }
-  reject(reason) {
-    if (!this._reject)
-      throw reason;
-    this._reject(reason);
-    this._state = "rejected";
+  return `${hash}.${fileType}`;
+};
+function hashFile(file) {
+  return new Promise((resolve, reject) => {
+    const reader = new FileReader();
+    reader.onload = () => {
+      const fileResult = reader.result;
+      if (!fileResult) {
+        reject();
+        return;
+      }
+      void crypto.subtle.digest("SHA-1", fileResult).then((hash) => {
+        const sha1result = hex(hash);
+        resolve(sha1result);
+      });
+    };
+    reader.readAsArrayBuffer(file);
+  });
+}
+function getFileIdentifier(file) {
+  if (!file.name || !file.type || !file.size) {
+    const message = "File has no name, type, and/or size";
+    console.error(`${message}`, file);
+    throw new Error(`${message}.`);
   }
-  finally(_onFinally) {
-    throw new Error("`finally` not implemented");
+  return `${file.name}&${file.type}${file.size}`;
+}
+function getRenamedFile(file, newName) {
+  return new File([file], newName, { type: file.type });
+}
+function downloadInMemoryFile(filename, text) {
+  const element = document.createElement("a");
+  element.setAttribute("href", "data:text/plain;charset=utf-8," + encodeURIComponent(text));
+  element.setAttribute("download", filename);
+  element.style.display = "none";
+  document.body.appendChild(element);
+  element.click();
+  document.body.removeChild(element);
+}
+const constructUploadedFilePayloads = async (files) => {
+  const filePayloads = {};
+  for (const file of files) {
+    const sha1 = await hashFile(file);
+    filePayloads[sha1] = {
+      sha1,
+      extension: file.name.split(".").pop() || "",
+      file_type: file.type,
+      size: file.size
+    };
   }
+  return Object.values(filePayloads);
+};
+const fileToBlob = async (dataUrl) => {
+  return (await fetch(dataUrl)).blob();
+};
+const blobToBase64 = (blob) => {
+  return new Promise((resolve, _) => {
+    const reader = new FileReader();
+    reader.onloadend = () => {
+      var _a2;
+      resolve(((_a2 = reader.result) == null ? void 0 : _a2.toString()) || "");
+    };
+    reader.readAsDataURL(blob);
+  });
+};
+const useFileSrc = (props) => {
+  const { file, fileSha1, placeholder } = props;
+  const [src, setSrc] = useState(placeholder);
+  const { sdk } = useSDK();
+  useEffect(() => {
+    if (!fileSha1 || !file)
+      return;
+    sdk.files.fetchFileFromUrl(file, fileSha1).then((file2) => {
+      setSrc(URL.createObjectURL(file2));
+    }).catch((reason) => {
+      console.error(`Failed to fetch file ${file} (${fileSha1}):
+`, reason);
+    });
+  }, [file, fileSha1, sdk.files]);
+  return src;
+};
+function downloadFile(file) {
+  const blob = new Blob([file]);
+  saveAs(blob, file.name);
 }
-_a = Symbol.toStringTag;
 const global$1 = typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : typeof window !== "undefined" ? window : {};
 function defaultSetTimout() {
   throw new Error("setTimeout has not been defined");
@@ -797,106 +863,6 @@ function classNames$1(...args) {
   }
   return classes.join(" ");
 }
-function hex(buffer) {
-  const hashArray = new Uint8Array(buffer);
-  return hashArray.reduce((data, byte) => data + byte.toString(16).padStart(2, "0"), "");
-}
-const getFileS3Key = async (file, hash) => {
-  if (!hash) {
-    hash = await hashFile(file);
-  }
-  let fileType = file.type;
-  if (fileType.includes("/")) {
-    fileType = fileType.split("/")[1];
-  }
-  if (!fileType) {
-    throw new Error(`Could not extract file type from ${file.type}`);
-  }
-  return `${hash}.${fileType}`;
-};
-function hashFile(file) {
-  return new Promise((resolve, reject) => {
-    const reader = new FileReader();
-    reader.onload = () => {
-      const fileResult = reader.result;
-      if (!fileResult) {
-        reject();
-        return;
-      }
-      void crypto.subtle.digest("SHA-1", fileResult).then((hash) => {
-        const sha1result = hex(hash);
-        resolve(sha1result);
-      });
-    };
-    reader.readAsArrayBuffer(file);
-  });
-}
-function getFileIdentifier(file) {
-  if (!file.name || !file.type || !file.size) {
-    const message = "File has no name, type, and/or size";
-    console.error(`${message}`, file);
-    throw new Error(`${message}.`);
-  }
-  return `${file.name}&${file.type}${file.size}`;
-}
-function getRenamedFile(file, newName) {
-  return new File([file], newName, { type: file.type });
-}
-function downloadInMemoryFile(filename, text) {
-  const element = document.createElement("a");
-  element.setAttribute("href", "data:text/plain;charset=utf-8," + encodeURIComponent(text));
-  element.setAttribute("download", filename);
-  element.style.display = "none";
-  document.body.appendChild(element);
-  element.click();
-  document.body.removeChild(element);
-}
-const constructUploadedFilePayloads = async (files) => {
-  const filePayloads = {};
-  for (const file of files) {
-    const sha1 = await hashFile(file);
-    filePayloads[sha1] = {
-      sha1,
-      extension: file.name.split(".").pop() || "",
-      file_type: file.type,
-      size: file.size
-    };
-  }
-  return Object.values(filePayloads);
-};
-const fileToBlob = async (dataUrl) => {
-  return (await fetch(dataUrl)).blob();
-};
-const blobToBase64 = (blob) => {
-  return new Promise((resolve, _) => {
-    const reader = new FileReader();
-    reader.onloadend = () => {
-      var _a2;
-      resolve(((_a2 = reader.result) == null ? void 0 : _a2.toString()) || "");
-    };
-    reader.readAsDataURL(blob);
-  });
-};
-const useFileSrc = (props) => {
-  const { file, fileSha1, placeholder } = props;
-  const [src, setSrc] = useState(placeholder);
-  const { sdk } = useSDK();
-  useEffect(() => {
-    if (!fileSha1 || !file)
-      return;
-    sdk.files.fetchFileFromUrl(file, fileSha1).then((file2) => {
-      setSrc(URL.createObjectURL(file2));
-    }).catch((reason) => {
-      console.error(`Failed to fetch file ${file} (${fileSha1}):
-`, reason);
-    });
-  }, [file, fileSha1, sdk.files]);
-  return src;
-};
-function downloadFile(file) {
-  const blob = new Blob([file]);
-  saveAs(blob, file.name);
-}
 const logCache = {};
 function logOnlyOnce(logId, objId, level, ...args) {
   const thisLogIdCache = logCache[logId];
@@ -1384,7 +1350,7 @@ const ColorsToString = {
   [mint.mint9]: "mint",
   [sky.sky9]: "sky"
 };
-const AssetStageColors = {
+const ComponentStageColors = {
   indigo: indigo.indigo9,
   red: red.red9,
   violet: violet.violet9,
@@ -1406,7 +1372,7 @@ const generateBadgeColors = (rawColor) => {
   return { backgroundColor, textColor };
 };
 function getStageColor(index2) {
-  return Object.values(AssetStageColors)[index2 % Object.keys(AssetStageColors).length];
+  return Object.values(ComponentStageColors)[index2 % Object.keys(ComponentStageColors).length];
 }
 const getLocalDateString = memoize((date) => {
   if (!date)
@@ -1626,115 +1592,122 @@ function removeAttachments(state, action) {
   }
 }
 const initialState$q = {
-  assetTypes: {},
-  hiddenAssetTypeIds: {},
+  componentTypes: {},
+  hiddenComponentTypeIds: {},
   attachments: {}
 };
-const assetTypeSlice = createSlice({
-  name: "assetTypes",
+const componentTypeSlice = createSlice({
+  name: "componentTypes",
   initialState: initialState$q,
   extraReducers: (builder) => builder.addCase("RESET", (state) => Object.assign(state, initialState$q)),
   reducers: {
-    addAssetType: (state, action) => {
-      state.assetTypes[action.payload.offline_id] = action.payload;
+    addComponentType: (state, action) => {
+      state.componentTypes[action.payload.offline_id] = action.payload;
     },
-    setAssetTypes: (state, action) => {
-      state.assetTypes = toOfflineIdRecord(action.payload);
+    setComponentTypes: (state, action) => {
+      state.componentTypes = toOfflineIdRecord(action.payload);
     },
-    toggleAssetTypeVisibility: (state, action) => {
-      state.hiddenAssetTypeIds[action.payload] = !state.hiddenAssetTypeIds[action.payload];
+    toggleComponentTypeVisibility: (state, action) => {
+      state.hiddenComponentTypeIds[action.payload] = !state.hiddenComponentTypeIds[action.payload];
     },
-    deleteAssetType: (state, action) => {
-      delete state.assetTypes[action.payload];
+    deleteComponentType: (state, action) => {
+      delete state.componentTypes[action.payload];
     },
     // Attachments
-    setAssetTypeAttachment: setAttachment,
-    setAssetTypeAttachments: setAttachments,
-    addAssetTypeAttachment: addAttachment,
-    addAssetTypeAttachments: addAttachments,
-    updateAssetTypeAttachment: updateAttachment,
-    updateAssetTypeAttachments: updateAttachments,
-    removeAssetTypeAttachment: removeAttachment,
-    removeAssetTypeAttachments: removeAttachments
+    setComponentTypeAttachment: setAttachment,
+    setComponentTypeAttachments: setAttachments,
+    addComponentTypeAttachment: addAttachment,
+    addComponentTypeAttachments: addAttachments,
+    updateComponentTypeAttachment: updateAttachment,
+    updateComponentTypeAttachments: updateAttachments,
+    removeComponentTypeAttachment: removeAttachment,
+    removeComponentTypeAttachments: removeAttachments
   }
 });
 const {
-  addAssetType,
-  setAssetTypes,
-  toggleAssetTypeVisibility,
-  deleteAssetType,
+  addComponentType,
+  setComponentTypes,
+  toggleComponentTypeVisibility,
+  deleteComponentType,
   // Attachmet
-  setAssetTypeAttachment,
-  setAssetTypeAttachments,
-  addAssetTypeAttachment,
-  addAssetTypeAttachments,
-  updateAssetTypeAttachment,
-  updateAssetTypeAttachments,
-  removeAssetTypeAttachment,
-  removeAssetTypeAttachments
-} = assetTypeSlice.actions;
-const selectAssetTypesMapping = (state) => state.assetTypeReducer.assetTypes;
-const selectAssetTypes = createSelector(
-  [selectAssetTypesMapping],
+  setComponentTypeAttachment,
+  setComponentTypeAttachments,
+  addComponentTypeAttachment,
+  addComponentTypeAttachments,
+  updateComponentTypeAttachment,
+  updateComponentTypeAttachments,
+  removeComponentTypeAttachment,
+  removeComponentTypeAttachments
+} = componentTypeSlice.actions;
+const selectComponentTypesMapping = (state) => state.componentTypeReducer.componentTypes;
+const selectComponentTypes = createSelector(
+  [selectComponentTypesMapping],
   (mapping) => Object.values(mapping)
 );
-const selectAssetType = restructureCreateSelectorWithArgs(
-  createSelector(
-    [selectAssetTypesMapping, (_state, assetTypeId) => assetTypeId],
-    (mapping, assetTypeId) => mapping[assetTypeId]
-  )
+const selectComponentType = restructureCreateSelectorWithArgs(
+  createSelector([selectComponentTypesMapping, (_state, id) => id], (mapping, id) => mapping[id])
 );
-const selectNumberOfAssetTypesMatchingCaseInsensitiveName = restructureCreateSelectorWithArgs(
+const selectNumberOfComponentTypesMatchingCaseInsensitiveName = restructureCreateSelectorWithArgs(
   createSelector(
-    [selectAssetTypesMapping, (_state, args) => args],
+    [
+      selectComponentTypesMapping,
+      (_state, args) => args
+    ],
     (mapping, args) => {
       var _a2;
       const name = ((_a2 = args.name) == null ? void 0 : _a2.toLowerCase()) ?? null;
       return Object.values(mapping).filter(
-        (assetType) => {
+        (componentType) => {
           var _a3;
-          return (((_a3 = assetType.name) == null ? void 0 : _a3.toLowerCase()) ?? null) === name && assetType.offline_id !== args.assetTypeId;
+          return (((_a3 = componentType.name) == null ? void 0 : _a3.toLowerCase()) ?? null) === name && componentType.offline_id !== args.componentTypeId;
         }
       ).length;
     }
   )
 );
-const selectAssetTypesByName = restructureCreateSelectorWithArgs(
-  createSelector([selectAssetTypesMapping, (_state, name) => name], (mapping, name) => {
-    name = (name == null ? void 0 : name.toLowerCase()) ?? null;
-    return Object.values(mapping).filter((assetType) => {
-      var _a2;
-      return (((_a2 = assetType.name) == null ? void 0 : _a2.toLowerCase()) ?? null) === name;
-    });
-  })
+const selectComponentTypesByName = restructureCreateSelectorWithArgs(
+  createSelector(
+    [selectComponentTypesMapping, (_state, name) => name],
+    (mapping, name) => {
+      name = (name == null ? void 0 : name.toLowerCase()) ?? null;
+      return Object.values(mapping).filter(
+        (componentType) => {
+          var _a2;
+          return (((_a2 = componentType.name) == null ? void 0 : _a2.toLowerCase()) ?? null) === name;
+        }
+      );
+    }
+  )
 );
-const selectHiddenAssetTypeIds = (state) => state.assetTypeReducer.hiddenAssetTypeIds;
-const selectAssetTypeAttachmentMapping = (state) => state.assetTypeReducer.attachments;
-const selectAssetTypeAttachments = createSelector(
-  [selectAssetTypeAttachmentMapping],
+const selectHiddenComponentTypeIds = (state) => state.componentTypeReducer.hiddenComponentTypeIds;
+const selectComponentTypeAttachmentMapping = (state) => state.componentTypeReducer.attachments;
+const selectAllComponentTypeAttachments = createSelector(
+  [selectComponentTypeAttachmentMapping],
   (mapping) => Object.values(mapping)
 );
-const selectAssetTypeAttachment = (attachmentId) => (state) => {
-  return state.assetTypeReducer.attachments[attachmentId];
+const selectComponentTypeAttachment = (attachmentId) => (state) => {
+  return state.componentTypeReducer.attachments[attachmentId];
 };
-const selectAttachmentsOfAssetType = restructureCreateSelectorWithArgs(
+const selectAttachmentsOfComponentType = restructureCreateSelectorWithArgs(
   createSelector(
-    [selectAssetTypeAttachments, (_state, assetTypeId) => assetTypeId],
-    (attachments, assetTypeId) => {
-      return attachments.filter(({ asset_type }) => assetTypeId === asset_type);
+    [selectAllComponentTypeAttachments, (_state, componentTypeId) => componentTypeId],
+    (attachments, componentTypeId) => {
+      return attachments.filter(({ component_type }) => componentTypeId === component_type);
     }
   )
 );
-const selectAttachmentsOfAssetTypeByType = restructureCreateSelectorWithArgs(
+const selectAttachmentsOfComponentTypeByType = restructureCreateSelectorWithArgs(
   createSelector(
-    [selectAssetTypeAttachments, (_state, assetTypeId) => assetTypeId],
-    (attachments, assetTypeId) => {
-      const attachmentsOfAssetType = attachments.filter(({ asset_type }) => asset_type === assetTypeId);
-      const fileAttachments = attachmentsOfAssetType.filter(
+    [selectAllComponentTypeAttachments, (_state, componentTypeId) => componentTypeId],
+    (attachments, componentTypeId) => {
+      const attachmentsOfComponent = attachments.filter(
+        ({ component_type }) => component_type === componentTypeId
+      );
+      const fileAttachments = attachmentsOfComponent.filter(
         // this null check here is necessary, there are cases where file_type is null or undefined
         ({ file_type }) => !file_type || !file_type.startsWith("image/")
       );
-      const imageAttachments = attachmentsOfAssetType.filter(
+      const imageAttachments = attachmentsOfComponent.filter(
         // this null check here is necessary, there are cases where file_type is null or undefined
         ({ file_type }) => file_type && file_type.startsWith("image/")
       );
@@ -1742,157 +1715,173 @@ const selectAttachmentsOfAssetTypeByType = restructureCreateSelectorWithArgs(
     }
   )
 );
-const assetTypeReducer = assetTypeSlice.reducer;
+const componentTypeReducer = componentTypeSlice.reducer;
 const initialState$p = {
-  assets: {},
+  components: {},
   attachments: {}
 };
-const assetSlice = createSlice({
-  name: "assets",
+const componentSlice = createSlice({
+  name: "components",
   initialState: initialState$p,
   extraReducers: (builder) => builder.addCase("RESET", (state) => Object.assign(state, initialState$p)),
   reducers: {
-    addAsset: (state, action) => {
-      state.assets[action.payload.offline_id] = action.payload;
-      prevAssets = null;
+    addComponent: (state, action) => {
+      state.components[action.payload.offline_id] = action.payload;
+      prevComponents = null;
     },
-    addAssetsInBatches: (state, action) => {
-      Object.assign(state.assets, toOfflineIdRecord(action.payload));
-      prevAssets = null;
+    addComponentsInBatches: (state, action) => {
+      Object.assign(state.components, toOfflineIdRecord(action.payload));
+      prevComponents = null;
     },
-    setAssets: (state, action) => {
-      state.assets = toOfflineIdRecord(action.payload);
-      prevAssets = null;
+    setComponents: (state, action) => {
+      state.components = toOfflineIdRecord(action.payload);
+      prevComponents = null;
     },
-    updateAsset: (state, action) => {
-      if (action.payload.offline_id in state.assets) {
-        state.assets[action.payload.offline_id] = action.payload;
+    updateComponent: (state, action) => {
+      if (action.payload.offline_id in state.components) {
+        state.components[action.payload.offline_id] = action.payload;
       } else {
-        throw new Error(`Tried to update asset with ID that doesn't exist: ${action.payload.offline_id}`);
+        throw new Error(`Tried to update component with ID that doesn't exist: ${action.payload.offline_id}`);
       }
-      prevAssets = null;
+      prevComponents = null;
     },
-    removeAsset: (state, action) => {
-      if (action.payload in state.assets) {
-        delete state.assets[action.payload];
+    removeComponent: (state, action) => {
+      if (action.payload in state.components) {
+        delete state.components[action.payload];
       } else {
-        throw new Error(`Failed to remove asset because ID doesn't exist: ${action.payload}`);
+        throw new Error(`Failed to remove component because ID doesn't exist: ${action.payload}`);
       }
-      prevAssets = null;
+      prevComponents = null;
     },
-    removeAllAssetsOfType: (state, action) => {
+    removeAllComponentsOfType: (state, action) => {
       var _a2;
-      for (const componentId in state.assets) {
-        if (((_a2 = state.assets[componentId]) == null ? void 0 : _a2.asset_type) === action.payload) {
-          delete state.assets[componentId];
+      for (const componentId in state.components) {
+        if (((_a2 = state.components[componentId]) == null ? void 0 : _a2.component_type) === action.payload) {
+          delete state.components[componentId];
         }
       }
-      prevAssets = null;
+      prevComponents = null;
     },
     // Attachments
-    setAssetAttachment: setAttachment,
-    setAssetAttachments: setAttachments,
-    addAssetAttachment: addAttachment,
-    addAssetAttachments: addAttachments,
-    updateAssetAttachment: updateAttachment,
-    updateAssetAttachments: updateAttachments,
-    removeAssetAttachment: removeAttachment,
-    removeAssetAttachments: removeAttachments
+    setComponentAttachment: setAttachment,
+    setComponentAttachments: setAttachments,
+    addComponentAttachment: addAttachment,
+    addComponentAttachments: addAttachments,
+    updateComponentAttachment: updateAttachment,
+    updateComponentAttachments: updateAttachments,
+    removeComponentAttachment: removeAttachment,
+    removeComponentAttachments: removeAttachments
   }
 });
 const {
-  addAsset,
-  updateAsset,
-  removeAsset,
-  addAssetsInBatches,
-  setAssets,
-  removeAllAssetsOfType,
+  addComponent,
+  updateComponent,
+  removeComponent,
+  addComponentsInBatches,
+  setComponents,
+  removeAllComponentsOfType,
   // Attachments
-  setAssetAttachment,
-  setAssetAttachments,
-  addAssetAttachment,
-  addAssetAttachments,
-  updateAssetAttachment,
-  updateAssetAttachments,
-  removeAssetAttachment,
-  removeAssetAttachments
-} = assetSlice.actions;
-let prevAssets = null;
-const selectAssets = (state) => {
-  if (!prevAssets) {
-    prevAssets = Object.values(state.assetReducer.assets);
-  }
-  return prevAssets;
+  setComponentAttachment,
+  setComponentAttachments,
+  addComponentAttachment,
+  addComponentAttachments,
+  updateComponentAttachment,
+  updateComponentAttachments,
+  removeComponentAttachment,
+  removeComponentAttachments
+} = componentSlice.actions;
+let prevComponents = null;
+const selectComponents = (state) => {
+  if (!prevComponents) {
+    prevComponents = Object.values(state.componentReducer.components);
+  }
+  return prevComponents;
 };
-const selectAssetsMapping = (state) => state.assetReducer.assets;
-const selectAssetsOfAssetType = restructureCreateSelectorWithArgs(
-  createSelector([selectAssets, (_state, assetTypeId) => assetTypeId], (components, assetTypeId) => {
-    return components.filter((asset) => asset.asset_type === assetTypeId);
-  })
+const selectComponentsMapping = (state) => state.componentReducer.components;
+const selectComponentsFromComponentType = restructureCreateSelectorWithArgs(
+  createSelector(
+    [selectComponents, (_state, componentTypeId) => componentTypeId],
+    (components, componentTypeId) => {
+      if (!componentTypeId)
+        return [];
+      return components.filter((component) => component.component_type === componentTypeId);
+    }
+  )
 );
-const selectAsset = (assetId) => (state) => {
-  return state.assetReducer.assets[assetId];
+const selectComponent = (componentId) => (state) => {
+  return state.componentReducer.components[componentId];
+};
+const selectComponentTypeFromComponent = (componentTypeId) => (state) => {
+  return state.componentTypeReducer.componentTypes[componentTypeId];
 };
-const selectAssetToAssetTypeMapping = createSelector(
-  [selectAssets, selectAssetTypesMapping],
-  (assets, assetTypeMapping) => {
+const selectComponentTypeFromComponents = createSelector(
+  [selectComponents, selectComponentTypesMapping],
+  (components, componentTypeMapping) => {
     const ret = {};
-    for (const asset of assets) {
-      const assetType = assetTypeMapping[asset.asset_type];
-      if (!assetType) {
+    for (const component of components) {
+      const componentType = componentTypeMapping[component.component_type];
+      if (!componentType) {
         console.error(
-          `Asset type with ID ${asset.asset_type} not found.
-				Expected all referenced asset types to be populated.
+          `Component type with ID ${component.component_type} not found.
+				Expected all referenced component types to be populated.
 				Returning empty object to avoid fatal errors.`
         );
         return {};
       }
-      ret[asset.offline_id] = assetType;
+      ret[component.offline_id] = componentType;
     }
     return ret;
   }
 );
-const selectNumberOfAssetsOfAssetType = (assetTypeId) => (state) => {
+const selectComponentsByType = restructureCreateSelectorWithArgs(
+  createSelector(
+    [selectComponents, (_state, componentTypeId) => componentTypeId],
+    (components, componentTypeId) => {
+      return components.filter((component) => component.component_type === componentTypeId);
+    }
+  )
+);
+const selectNumberOfComponentsOfComponentType = (componentTypeId) => (state) => {
   var _a2;
-  if (!assetTypeId)
+  if (!componentTypeId)
     return 0;
-  return (_a2 = selectAssetsOfAssetType(assetTypeId)(state)) == null ? void 0 : _a2.length;
+  return (_a2 = selectComponentsByType(componentTypeId)(state)) == null ? void 0 : _a2.length;
 };
-const selectAssetTypesFromIds = (assetTypeIds) => (state) => {
-  return assetTypeIds.reduce((acc, assetTypeId) => {
-    const assetType = state.assetTypeReducer.assetTypes[assetTypeId];
-    if (assetType) {
-      acc.push(assetType);
+const selectComponentTypesFromIds = (componentTypeIds) => (state) => {
+  return componentTypeIds.reduce((acc, componentTypeId) => {
+    const componentType = state.componentTypeReducer.componentTypes[componentTypeId];
+    if (componentType) {
+      acc.push(componentType);
     }
     return acc;
   }, []);
 };
-const selectAssetAttachmentMapping = (state) => state.assetReducer.attachments;
-const selectAssetAttachments = createSelector(
-  [selectAssetAttachmentMapping],
+const selectComponentAttachmentMapping = (state) => state.componentReducer.attachments;
+const selectAllComponentAttachments = createSelector(
+  [selectComponentAttachmentMapping],
   (mapping) => Object.values(mapping)
 );
-const selectAssetAttachment = (attachmentId) => (state) => {
-  return state.assetReducer.attachments[attachmentId];
+const selectComponentAttachment = (attachmentId) => (state) => {
+  return state.componentReducer.attachments[attachmentId];
 };
-const selectAttachmentsOfAsset = restructureCreateSelectorWithArgs(
+const selectAttachmentsOfComponent = restructureCreateSelectorWithArgs(
   createSelector(
-    [selectAssetAttachments, (_state, assetId) => assetId],
-    (attachments, assetId) => {
-      return attachments.filter(({ asset }) => assetId === asset);
+    [selectAllComponentAttachments, (_state, componentId) => componentId],
+    (attachments, componentId) => {
+      return attachments.filter(({ component }) => componentId === component);
     }
   )
 );
-const selectAttachmentsOfAssetsByType = restructureCreateSelectorWithArgs(
+const selectAttachmentsOfComponentByType = restructureCreateSelectorWithArgs(
   createSelector(
-    [selectAssetAttachments, (_state, assetId) => assetId],
-    (attachments, assetId) => {
-      const attachmentsOfAsset = attachments.filter(({ asset }) => assetId === asset);
-      const fileAttachments = attachmentsOfAsset.filter(
+    [selectAllComponentAttachments, (_state, componentId) => componentId],
+    (attachments, componentId) => {
+      const attachmentsOfComponent = attachments.filter(({ component }) => componentId === component);
+      const fileAttachments = attachmentsOfComponent.filter(
         // this null check here is necessary, there are cases where file_type is null or undefined
         ({ file_type }) => !file_type || !file_type.startsWith("image/")
       );
-      const imageAttachments = attachmentsOfAsset.filter(
+      const imageAttachments = attachmentsOfComponent.filter(
         // this null check here is necessary, there are cases where file_type is null or undefined
         ({ file_type }) => file_type && file_type.startsWith("image/")
       );
@@ -1900,67 +1889,69 @@ const selectAttachmentsOfAssetsByType = restructureCreateSelectorWithArgs(
     }
   )
 );
-const assetReducer = assetSlice.reducer;
+const componentReducer = componentSlice.reducer;
 const initialState$o = {
-  completionsByAssetId: {}
+  completionsByComponentId: {}
 };
-const assetStageCompletionSlice = createSlice({
-  name: "assetStageCompletions",
+const componentStageCompletionSlice = createSlice({
+  name: "componentStageCompletions",
   initialState: initialState$o,
   extraReducers: (builder) => builder.addCase("RESET", (state) => Object.assign(state, initialState$o)),
   reducers: {
     addStageCompletion: (state, action) => {
-      let stageToCompletionDateMapping = state.completionsByAssetId[action.payload.asset];
+      let stageToCompletionDateMapping = state.completionsByComponentId[action.payload.component];
       if (!stageToCompletionDateMapping) {
         stageToCompletionDateMapping = {};
-        state.completionsByAssetId[action.payload.asset] = stageToCompletionDateMapping;
+        state.completionsByComponentId[action.payload.component] = stageToCompletionDateMapping;
       }
       stageToCompletionDateMapping[action.payload.stage] = (/* @__PURE__ */ new Date()).toISOString();
     },
     addStageCompletions: (state, action) => {
-      for (const [assetId, stageIdToCompletionDateMapping] of Object.entries(action.payload)) {
+      for (const [componentId, stageIdToCompletionDateMapping] of Object.entries(action.payload)) {
         if (Object.keys(stageIdToCompletionDateMapping).length === 0)
-          throw new Error(`Encountered empty stageIdToCompletionDateMapping argument for asset ${assetId}`);
-        let thisAssetCompletions = state.completionsByAssetId[assetId];
-        if (thisAssetCompletions === void 0) {
-          thisAssetCompletions = {};
+          throw new Error(
+            `Encountered empty stageIdToCompletionDateMapping argument for component ${componentId}`
+          );
+        let thisComponentCompletions = state.completionsByComponentId[componentId];
+        if (thisComponentCompletions === void 0) {
+          thisComponentCompletions = {};
         }
         for (const [stageId, completionDate] of Object.entries(stageIdToCompletionDateMapping)) {
-          thisAssetCompletions[stageId] = completionDate;
+          thisComponentCompletions[stageId] = completionDate;
         }
-        state.completionsByAssetId[assetId] = thisAssetCompletions;
+        state.completionsByComponentId[componentId] = thisComponentCompletions;
       }
     },
     removeStageCompletions: (state, action) => {
       for (const completion of action.payload) {
-        const thisAssetCompletions = state.completionsByAssetId[completion.asset];
-        if (!thisAssetCompletions || !(completion.stage in thisAssetCompletions)) {
+        const thisComponentCompletions = state.completionsByComponentId[completion.component];
+        if (!thisComponentCompletions || !(completion.stage in thisComponentCompletions)) {
           console.warn(
             "Skipping removal of uncompleted stage. This message indicates completion objects are created unnecessarily."
           );
           continue;
         }
-        delete thisAssetCompletions[completion.stage];
+        delete thisComponentCompletions[completion.stage];
       }
     },
     setStageCompletions: (state, action) => {
-      state.completionsByAssetId = action.payload;
+      state.completionsByComponentId = action.payload;
     }
   }
 });
-const { addStageCompletion, addStageCompletions, removeStageCompletions, setStageCompletions } = assetStageCompletionSlice.actions;
+const { addStageCompletion, addStageCompletions, removeStageCompletions, setStageCompletions } = componentStageCompletionSlice.actions;
 const selectCompletedStages = (state) => {
-  return state.assetStageCompletionReducer.completionsByAssetId;
+  return state.componentStageCompletionReducer.completionsByComponentId;
 };
-const selectCompletedStageIdsForAsset = (asset) => (state) => {
-  return Object.keys(state.assetStageCompletionReducer.completionsByAssetId[asset.offline_id] ?? {});
+const selectCompletedStageIdsForComponent = (component) => (state) => {
+  return Object.keys(state.componentStageCompletionReducer.completionsByComponentId[component.offline_id] ?? {});
 };
-const assetStageCompletionReducer = assetStageCompletionSlice.reducer;
+const componentStageCompletionReducer = componentStageCompletionSlice.reducer;
 const initialState$n = {
   stages: {}
 };
-const assetStageSlice = createSlice({
-  name: "assetStages",
+const componentStageSlice = createSlice({
+  name: "componentStages",
   initialState: initialState$n,
   extraReducers: (builder) => builder.addCase("RESET", (state) => Object.assign(state, initialState$n)),
   reducers: {
@@ -1995,48 +1986,60 @@ const assetStageSlice = createSlice({
     }
   }
 });
-const selectStageMapping = (state) => state.assetStageReducer.stages;
+const selectStageMapping = (state) => state.componentStageReducer.stages;
 const selectStage = restructureCreateSelectorWithArgs(
   createSelector([selectStageMapping, (_state, stageId) => stageId], (stageMapping, stageId) => {
     return stageMapping[stageId];
   })
 );
-const selectStages = createSelector([selectStageMapping], (stageMapping) => {
-  return Object.values(stageMapping);
-});
-const selectStagesFromAssetTypeIds = restructureCreateSelectorWithArgs(
-  createSelector([selectStages, (_state, assetTypeIds) => assetTypeIds], (stages, assetTypeIds) => {
-    const assetTypeIdsSet = new Set(assetTypeIds);
-    const ret = {};
-    for (const stage of stages) {
-      if (assetTypeIdsSet.has(stage.asset_type)) {
-        if (!ret[stage.asset_type]) {
-          ret[stage.asset_type] = [];
+const selectStages = createSelector(
+  [selectStageMapping],
+  (stageMapping) => {
+    return Object.values(stageMapping);
+  }
+);
+const selectStagesFromComponentTypeIds = restructureCreateSelectorWithArgs(
+  createSelector(
+    [selectStages, (_state, componentTypeIds) => componentTypeIds],
+    (stages, componentTypeIds) => {
+      const componentTypeIdsSet = new Set(componentTypeIds);
+      const ret = {};
+      for (const stage of stages) {
+        if (componentTypeIdsSet.has(stage.component_type)) {
+          if (!ret[stage.component_type]) {
+            ret[stage.component_type] = [];
+          }
+          ret[stage.component_type].push(stage);
         }
-        ret[stage.asset_type].push(stage);
       }
+      for (const key in ret) {
+        ret[key] = ret[key].sort((a, b) => a.priority - b.priority);
+      }
+      return ret;
     }
-    for (const key in ret) {
-      ret[key] = ret[key].sort((a, b) => a.priority - b.priority);
-    }
-    return ret;
-  })
+  )
 );
-const selectAssetTypeStagesMapping = restructureCreateSelectorWithArgs(
-  createSelector([selectStageMapping, (_state, assetTypeId) => assetTypeId], (stagesMapping, assetTypeId) => {
-    const assetTypeStagesMapping = {};
-    for (const [stageId, stage] of Object.entries(stagesMapping)) {
-      if (stage.asset_type === assetTypeId) {
-        assetTypeStagesMapping[stageId] = stage;
+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;
     }
-    return assetTypeStagesMapping;
-  })
+  )
 );
-const selectStagesOfAssetType = restructureCreateSelectorWithArgs(
-  createSelector([selectStages, (_state, assetTypeId) => assetTypeId], (stages, assetTypeId) => {
-    return stages.filter((stage) => stage.asset_type === assetTypeId).sort((a, b) => a.priority - b.priority);
-  })
+const selectStagesFromComponentType = restructureCreateSelectorWithArgs(
+  createSelector(
+    [selectStages, (_state, componentTypeId) => componentTypeId],
+    (stages, componentTypeId) => {
+      return stages.filter((stage) => stage.component_type === componentTypeId).sort((a, b) => a.priority - b.priority);
+    }
+  )
 );
 const selectStagesFromStageIds = restructureCreateSelectorWithArgs(
   createSelector([selectStageMapping, (_state, stageIds) => stageIds], (stageMapping, stageIds) => {
@@ -2058,8 +2061,8 @@ const selectStageFormIdsFromStageIds = restructureCreateSelectorWithArgs(
     return ret;
   })
 );
-const { addStages, updateStages, removeStages, linkStageToForm, unlinkStageToForm } = assetStageSlice.actions;
-const assetStageReducer = assetStageSlice.reducer;
+const { addStages, updateStages, removeStages, linkStageToForm, unlinkStageToForm } = componentStageSlice.actions;
+const componentStageReducer = componentStageSlice.reducer;
 const initialState$m = {
   workspaces: {},
   activeWorkspaceId: null
@@ -2718,8 +2721,8 @@ var OrganizationAccessLevel = /* @__PURE__ */ ((OrganizationAccessLevel2) => {
 })(OrganizationAccessLevel || {});
 var AttachmentModel = /* @__PURE__ */ ((AttachmentModel2) => {
   AttachmentModel2["Issue"] = "issue";
-  AttachmentModel2["Asset"] = "asset";
-  AttachmentModel2["AssetType"] = "asset_type";
+  AttachmentModel2["Component"] = "component";
+  AttachmentModel2["ComponentType"] = "component_type";
   AttachmentModel2["Project"] = "project";
   AttachmentModel2["Document"] = "document";
   return AttachmentModel2;
@@ -3532,7 +3535,6 @@ const initialState$8 = {
   placementMode: false,
   enableClustering: false,
   svgLayout: false,
-  // TODO: this is no longer used
   expandedSections: {
     Issues: true,
     "Map Layers": false,
@@ -3743,27 +3745,27 @@ const selectFormRevisionsOfForm = restructureCreateSelectorWithArgs(
     });
   })
 );
-const selectLatestFormRevisionsOfAssetTypes = restructureCreateSelectorWithArgs(
+const selectLatestFormRevisionsOfComponentTypes = restructureCreateSelectorWithArgs(
   createSelector(
     [
       (state) => state.formReducer.forms,
       selectFormRevisionMapping,
-      (_state, assetTypeIds) => assetTypeIds
+      (_state, componentTypeIds) => componentTypeIds
     ],
-    (userForms, revisions, assetTypeIds) => {
-      const assetTypeIdsSet = new Set(assetTypeIds);
-      const formsOfAssetTypes = {};
+    (userForms, revisions, componentTypeIds) => {
+      const componentTypeIdsSet = new Set(componentTypeIds);
+      const formsOfComponentTypes = {};
       const ret = {};
       for (const form of Object.values(userForms)) {
-        if (form.asset_type && assetTypeIdsSet.has(form.asset_type)) {
-          formsOfAssetTypes[form.offline_id] = form;
+        if (form.component_type && componentTypeIdsSet.has(form.component_type)) {
+          formsOfComponentTypes[form.offline_id] = form;
         }
       }
       for (const revision of Object.values(revisions)) {
-        const form = formsOfAssetTypes[revision.form];
-        if (!form || !form.asset_type || ret[form.asset_type] && formRevisionSortFn(ret[form.asset_type], revision) > 0)
+        const form = formsOfComponentTypes[revision.form];
+        if (!form || !form.component_type || ret[form.component_type] && formRevisionSortFn(ret[form.component_type], revision) > 0)
           continue;
-        ret[form.asset_type] = revision;
+        ret[form.component_type] = revision;
       }
       return ret;
     }
@@ -3880,11 +3882,11 @@ const selectForm = (formId2) => (state) => {
 const selectFormMapping = (state) => {
   return state.formReducer.forms;
 };
-const selectFormOfAssetType = restructureCreateSelectorWithArgs(
+const selectFormOfComponentType = restructureCreateSelectorWithArgs(
   createSelector(
-    [selectFormMapping, (_state, assetTypeId) => assetTypeId],
-    (userForms, assetTypeId) => {
-      return Object.values(userForms).find((userForm) => userForm.asset_type === assetTypeId);
+    [selectFormMapping, (_state, componentTypeId) => componentTypeId],
+    (userForms, componentTypeId) => {
+      return Object.values(userForms).find((userForm) => userForm.component_type === componentTypeId);
     }
   )
 );
@@ -3900,7 +3902,7 @@ const selectFormsCount = createSelector([selectFormMapping], (userForms) => {
   return Object.keys(userForms).length;
 });
 const selectGeneralFormCount = createSelector([selectFormMapping], (userForms) => {
-  return Object.values(userForms).filter((form) => !form.asset_type).length;
+  return Object.values(userForms).filter((form) => !form.component_type).length;
 });
 const formReducer = formSlice.reducer;
 const initialState$5 = {
@@ -4108,31 +4110,31 @@ const selectFormSubmissionsOfIssue = restructureCreateSelectorWithArgs(
     }
   )
 );
-const selectFormSubmissionsOfAsset = restructureCreateSelectorWithArgs(
+const selectFormSubmissionsOfComponent = restructureCreateSelectorWithArgs(
   createSelector(
-    [selectFormSubmissions, (_state, assetId) => assetId],
-    (submissions, assetId) => {
+    [selectFormSubmissions, (_state, componentId) => componentId],
+    (submissions, componentId) => {
       return submissions.filter((submission) => {
-        return submission.asset === assetId;
+        return submission.component === componentId;
       });
     }
   )
 );
-const selectFormSubmissionsByAssets = createSelector(
-  [selectFormSubmissionsMapping, selectAssetsMapping],
-  (submissions, assets) => {
+const selectFormSubmissionsByComponents = createSelector(
+  [selectFormSubmissionsMapping, selectComponentsMapping],
+  (submissions, components) => {
     var _a2;
-    const assetSubmissionMapping = {};
-    for (const assetId in assets) {
-      assetSubmissionMapping[assetId] = [];
+    const componentSubmissionMapping = {};
+    for (const componentId in components) {
+      componentSubmissionMapping[componentId] = [];
     }
     for (const submissionId in submissions) {
       const submission = submissions[submissionId];
-      if (submission.asset) {
-        (_a2 = assetSubmissionMapping[submission.asset]) == null ? void 0 : _a2.push(submission);
+      if (submission.component) {
+        (_a2 = componentSubmissionMapping[submission.component]) == null ? void 0 : _a2.push(submission);
       }
     }
-    return assetSubmissionMapping;
+    return componentSubmissionMapping;
   }
 );
 const selectFormSubmissionAttachmentsMapping = (state) => {
@@ -4531,7 +4533,7 @@ const versioningSlice = createSlice({
   reducers: {}
 });
 const versioningReducer = versioningSlice.reducer;
-const fullAssetMarkerSize = 45;
+const fullComponentMarkerSize = 45;
 const DEFAULT_ISSUE_STATUS = IssueStatus.BACKLOG;
 const DEFAULT_ISSUE_PRIORITY = IssuePriority.MEDIUM;
 const OUTBOX_RETRY_DELAY = 5e3;
@@ -4549,10 +4551,10 @@ const overmapReducers = {
   fileReducer,
   authReducer,
   categoryReducer,
-  assetReducer,
-  assetStageCompletionReducer,
-  assetStageReducer,
-  assetTypeReducer,
+  componentReducer,
+  componentStageCompletionReducer,
+  componentStageReducer,
+  componentTypeReducer,
   issueReducer,
   issueTypeReducer,
   mapReducer,
@@ -4994,7 +4996,11 @@ function discard(reason, action, retries = 0) {
   return false;
 }
 function peek(_array, _item, _context) {
-  return _getOutboxCoordinator().peek();
+  const ret = _getOutboxCoordinator().peek();
+  if (!ret) {
+    throw new Error(`Peek returned ${ret}`);
+  }
+  return ret;
 }
 function retry(_action, _retries) {
   getClientStore().dispatch(_setLatestRetryTime((/* @__PURE__ */ new Date()).getTime()));
@@ -5002,94 +5008,6 @@ function retry(_action, _retries) {
 }
 const useAppDispatch = () => useDispatch();
 const useAppSelector = useSelector;
-class BaseApiService {
-  constructor(sdk) {
-    __publicField(this, "client");
-    this.client = sdk;
-  }
-  /**
-   * Enqueues an API request to the offline outbox.
-   * @param requestDetails An SDKRequest object containing the details of the request.
-   * @protected
-   */
-  async enqueueRequest(requestDetails) {
-    return this._enqueueRequest(requestDetails).then((result) => {
-      if (result instanceof APIError) {
-        throw result;
-      }
-      return result;
-    });
-  }
-  /**
-   * Enqueues an API request to the Redux Offline outbox
-   * @protected
-   */
-  _enqueueRequest(requestDetails) {
-    const promise = new DeferredPromise();
-    const requestDetailsWithBaseUrl = { ...requestDetails, BASE_URL: this.client.API_URL };
-    const { store } = this.client;
-    if (requestDetails.immediate) {
-      const requestWithUuid = {
-        ...requestDetailsWithBaseUrl,
-        uuid: requestDetails.uuid ?? v4()
-      };
-      const fullOfflineAction = {
-        payload: requestWithUuid,
-        type: "",
-        meta: {
-          offline: {
-            effect: {
-              timestamp: (/* @__PURE__ */ new Date()).toISOString(),
-              request: requestWithUuid,
-              BASE_URL: this.client.API_URL
-            }
-          }
-        }
-      };
-      performRequest(fullOfflineAction, this.client).then((result) => {
-        promise.resolve(result.body);
-      }).catch((error2) => {
-        discard(error2, fullOfflineAction);
-        promise.reject(error2);
-      });
-    } else {
-      const innerPromise = store.dispatch(
-        enqueueRequest(requestDetailsWithBaseUrl)
-      );
-      const successOrUndefinedHandler = (response) => {
-        if (response) {
-          promise.resolve(response.body);
-        } else {
-          const error2 = new APIError({
-            message: "Could not get a response from the server.",
-            response,
-            discard: true
-          });
-          promise.reject(error2);
-        }
-      };
-      const errorHandler = (error2) => {
-        if (error2 instanceof APIError) {
-          error2.options.discard = true;
-        } else {
-          console.error(
-            "Received an unexpected error while processing a request:",
-            error2,
-            "\nConverting error to APIError and discarding."
-          );
-          error2 = new APIError({
-            message: "An error occurred while processing the request.",
-            innerError: error2,
-            discard: true
-          });
-        }
-        promise.reject(error2);
-      };
-      innerPromise.then(successOrUndefinedHandler, errorHandler);
-    }
-    return promise;
-  }
-}
 const EXPIRING_SOON_THRESHOLD = 1800;
 function parseTokens(response) {
   if (!response.access)
@@ -5116,7 +5034,7 @@ class AuthService extends BaseApiService {
      */
     __publicField(this, "_getTokenPair", (credentials, logoutOnFailure = true) => {
       const uuid = v4();
-      const responsePromise = this.enqueueRequest({
+      const responsePromise = this.client.enqueueRequest({
         uuid,
         description: "Get token pair",
         method: HttpMethod.POST,
@@ -5141,7 +5059,7 @@ class AuthService extends BaseApiService {
      * @returns {Promise<TokenPair>} The new access and refresh tokens
      */
     __publicField(this, "_getRenewedTokens", async (refreshToken) => {
-      const promise = this.enqueueRequest({
+      const promise = this.client.enqueueRequest({
         description: "Get renewed tokens",
         method: HttpMethod.POST,
         url: "/api/token/refresh/",
@@ -5254,7 +5172,7 @@ class AuthService extends BaseApiService {
    * Register a new user
    */
   register(payload) {
-    return this.enqueueRequest({
+    return this.client.enqueueRequest({
       description: "Register",
       method: HttpMethod.POST,
       url: "/authentication/users/register/",
@@ -5265,7 +5183,7 @@ class AuthService extends BaseApiService {
     });
   }
   async resetPassword(email) {
-    return this.enqueueRequest({
+    return this.client.enqueueRequest({
       description: "Reset password",
       method: HttpMethod.PATCH,
       url: "/authentication/users/reset-password/",
@@ -5302,7 +5220,7 @@ class AuthService extends BaseApiService {
     const { store } = this.client;
     const [fileProps] = await this.client.files.uploadFileToS3(hash);
     store.dispatch(setProfilePicture({ file: `/files/${fileProps.file}`, file_sha1: hash }));
-    return this.enqueueRequest({
+    return this.client.enqueueRequest({
       description: "Replace profile picture",
       method: HttpMethod.PATCH,
       url: "/authentication/users/profile-details/",
@@ -5313,7 +5231,7 @@ class AuthService extends BaseApiService {
   }
   async addFavouriteProjectId(projectId) {
     this.client.store.dispatch(addFavouriteProjectId(projectId));
-    return this.enqueueRequest({
+    return this.client.enqueueRequest({
       description: "Add favourite project",
       method: HttpMethod.POST,
       url: `/authentication/users/favourite-project/${projectId}/`,
@@ -5323,7 +5241,7 @@ class AuthService extends BaseApiService {
   }
   async removeFavouriteProjectId(projectId) {
     this.client.store.dispatch(removeFavouriteProjectId(projectId));
-    return this.enqueueRequest({
+    return this.client.enqueueRequest({
       description: "Add favourite project",
       method: HttpMethod.POST,
       url: `/authentication/users/unfavourite-project/${projectId}/`,
@@ -5336,7 +5254,7 @@ class AuthService extends BaseApiService {
     const currentStep = this.client.store.getState().userReducer.currentUser.profile.tour_step;
     if (currentStep === stepIndex)
       return Promise.resolve(void 0);
-    return this.enqueueRequest({
+    return this.client.enqueueRequest({
       description: "Set tour step",
       method: HttpMethod.PATCH,
       url: "/authentication/users/profile-details/",
@@ -5348,7 +5266,7 @@ class AuthService extends BaseApiService {
     });
   }
   async joinApplication(projectInviteId, verification_code, username, password) {
-    return this.enqueueRequest({
+    return this.client.enqueueRequest({
       description: "Join application",
       method: HttpMethod.PATCH,
       url: `/authentication/join-app/${projectInviteId}/${verification_code}/`,
@@ -5367,7 +5285,7 @@ class CategoryService extends BaseApiService {
     const offlineCategory = offline(category);
     const categoryWithWorkspace = { ...offlineCategory, workspace: workspaceId };
     this.client.store.dispatch(addCategory(categoryWithWorkspace));
-    const promise = this.enqueueRequest({
+    const promise = this.client.enqueueRequest({
       description: "Create Category",
       method: HttpMethod.POST,
       url: "/categories/",
@@ -5381,7 +5299,7 @@ class CategoryService extends BaseApiService {
     return [categoryWithWorkspace, promise];
   }
   fetchAll(projectId) {
-    const promise = this.enqueueRequest({
+    const promise = this.client.enqueueRequest({
       description: "Get categories",
       method: HttpMethod.GET,
       url: `/projects/${projectId}/categories/`,
@@ -5398,7 +5316,7 @@ class CategoryService extends BaseApiService {
     }
     this.client.store.dispatch(patchCategory(category));
     const optimisticCategory = { ...existingCategory, ...category };
-    const promise = this.enqueueRequest({
+    const promise = this.client.enqueueRequest({
       description: "Edit Category",
       method: HttpMethod.PATCH,
       url: `/categories/${category.offline_id}/`,
@@ -5413,7 +5331,7 @@ class CategoryService extends BaseApiService {
   }
   remove(category, workspaceId) {
     this.client.store.dispatch(removeCategory(category.offline_id));
-    return this.enqueueRequest({
+    return this.client.enqueueRequest({
       description: "Delete Category",
       method: HttpMethod.DELETE,
       url: `/categories/${category.offline_id}/`,
@@ -5454,108 +5372,110 @@ class CategoryService extends BaseApiService {
     store.dispatch(setCategories(result));
   }
 }
-class AssetService extends BaseApiService {
+class ComponentService extends BaseApiService {
   // Basic CRUD functions
-  add(asset, workspaceId) {
-    const offlineAsset = offline(asset);
-    this.client.store.dispatch(addAsset(offlineAsset));
-    const promise = this.enqueueRequest({
-      description: "Create asset",
+  add(component, workspaceId) {
+    const offlineComponent = offline(component);
+    this.client.store.dispatch(addComponent(offlineComponent));
+    const promise = this.client.enqueueRequest({
+      description: "Create Component",
       method: HttpMethod.POST,
-      url: `/assets/types/${offlineAsset.asset_type}/add-assets/`,
+      url: `/components/types/${offlineComponent.component_type}/add-components/`,
       queryParams: {
         workspace_id: workspaceId.toString()
       },
-      payload: { assets: [offlineAsset] },
+      payload: { components: [offlineComponent] },
       blockers: [],
-      blocks: [offlineAsset.offline_id]
+      blocks: [offlineComponent.offline_id]
     });
-    return [offlineAsset, promise];
+    return [offlineComponent, promise];
   }
-  update(asset, workspaceId) {
-    this.client.store.dispatch(updateAsset(asset));
-    const promise = this.enqueueRequest({
-      description: "Edit asset",
+  update(component, workspaceId) {
+    this.client.store.dispatch(updateComponent(component));
+    const promise = this.client.enqueueRequest({
+      description: "Edit component",
       method: HttpMethod.PATCH,
-      url: `/assets/${asset.offline_id}/`,
+      url: `/components/${component.offline_id}/`,
       queryParams: {
         workspace_id: workspaceId.toString()
       },
-      payload: asset,
-      blockers: [asset.offline_id],
-      blocks: [asset.offline_id]
+      payload: component,
+      blockers: [component.offline_id],
+      blocks: [component.offline_id]
     });
-    return [asset, promise];
+    return [component, promise];
   }
-  async remove(assetId) {
+  async remove(id) {
     const { store } = this.client;
-    const assetToBeDeleted = selectAsset(assetId)(store.getState());
-    if (!assetToBeDeleted)
-      throw new Error(`No asset with id ${assetId} found in the store`);
-    const attachmentsOfAssets = selectAttachmentsOfAsset(assetId)(store.getState());
-    store.dispatch(removeAsset(assetId));
-    if (attachmentsOfAssets.length > 0) {
-      const attachmentsOfAssetIds = attachmentsOfAssets.map(({ offline_id }) => offline_id);
-      store.dispatch(removeAssetAttachments(attachmentsOfAssetIds));
-    }
-    return this.enqueueRequest({
-      description: "Delete asset",
+    const backupComponent = selectComponent(id)(store.getState());
+    if (!backupComponent)
+      throw new Error(`No component with id ${id} found in the store`);
+    const attachmentsOfComponent = selectAttachmentsOfComponent(id)(store.getState());
+    store.dispatch(removeComponent(id));
+    if (attachmentsOfComponent.length > 0) {
+      const attachmentsOfComponentIds = attachmentsOfComponent.map(({ offline_id }) => offline_id);
+      store.dispatch(removeComponentAttachments(attachmentsOfComponentIds));
+    }
+    return this.client.enqueueRequest({
+      description: "Delete issue",
       method: HttpMethod.DELETE,
-      url: `/assets/${assetId}/`,
-      blockers: [assetId],
+      url: `/components/${id}/`,
+      blockers: [id],
       blocks: []
     }).catch((err) => {
-      store.dispatch(addAsset(assetToBeDeleted));
-      store.dispatch(addAssetAttachments(attachmentsOfAssets));
+      store.dispatch(addComponent(backupComponent));
+      store.dispatch(addComponentAttachments(attachmentsOfComponent));
       throw err;
     });
   }
-  async deleteAllAssetsOfAssetType(assetTypeId) {
+  async deleteAllByComponentType(componentTypeId) {
+    const clientStore2 = this.client.store;
+    const allComponentsOfType = selectComponentsFromComponentType(componentTypeId)(clientStore2.getState());
+    const affectedComponentIds = (allComponentsOfType || []).map((c) => c.offline_id);
+    const affectedOfflineIds = [componentTypeId, ...affectedComponentIds];
     const { store } = this.client;
     const state = store.getState();
-    const allAssetsOfAssetType = selectAssetsOfAssetType(assetTypeId)(state);
-    const allAssetsOfAssetTypeIds = (allAssetsOfAssetType || []).map((c) => c.offline_id);
-    const affectedOfflineIds = [assetTypeId, ...allAssetsOfAssetTypeIds];
-    store.dispatch(removeAllAssetsOfType(assetTypeId));
-    return this.enqueueRequest({
-      description: "Delete all assets of asset type",
+    const componentsOfThisType = selectComponentsByType(componentTypeId)(state);
+    store.dispatch(removeAllComponentsOfType(componentTypeId));
+    return this.client.enqueueRequest({
+      description: "Batch delete components by component type",
       method: HttpMethod.DELETE,
-      url: `/assets/types/${assetTypeId}/delete-all-of-type/`,
+      url: `/components/types/${componentTypeId}/delete-all-of-type/`,
       blockers: affectedOfflineIds,
       blocks: affectedOfflineIds
     }).catch((err) => {
-      if (allAssetsOfAssetType) {
-        store.dispatch(addAssetsInBatches(allAssetsOfAssetType));
+      if (componentsOfThisType) {
+        store.dispatch(addComponentsInBatches(componentsOfThisType));
       }
       throw err;
     });
   }
-  async addBatch(assetsToCreate, workspaceId, assetTypeId) {
-    const fullAssets = assetsToCreate.map((asset) => {
-      return { ...offline(asset), submitted_at: (/* @__PURE__ */ new Date()).toISOString() };
+  async addBatch(componentsToCreate, workspaceId, componentTypeId) {
+    const fullComponents = componentsToCreate.map((component) => {
+      return { ...offline(component), submitted_at: (/* @__PURE__ */ new Date()).toISOString() };
     });
     const { store } = this.client;
-    store.dispatch(addAssetsInBatches(fullAssets));
-    const promise = this.enqueueRequest({
-      description: "Batch create assets",
+    store.dispatch(addComponentsInBatches(fullComponents));
+    const promise = this.client.enqueueRequest({
+      description: "Batch create components",
       method: HttpMethod.POST,
-      url: `/assets/types/${assetTypeId}/add-assets/`,
+      url: `/components/types/${componentTypeId}/add-components/`,
       queryParams: {
         workspace_id: workspaceId.toString()
       },
       payload: {
-        assets: fullAssets
+        components: fullComponents
       },
-      blockers: [assetTypeId],
-      blocks: fullAssets.map((c) => c.offline_id)
+      blockers: [componentTypeId],
+      blocks: fullComponents.map((c) => c.offline_id)
     });
     void promise.then((result) => {
-      for (const assets of Object.values(result)) {
-        store.dispatch(updateAsset(assets));
+      for (const component of Object.values(result)) {
+        store.dispatch(updateComponent(component));
       }
     }).catch((e) => {
-      for (const asset of fullAssets) {
-        store.dispatch(removeAsset(asset.offline_id));
+      for (const component of fullComponents) {
+        store.dispatch(removeComponent(component.offline_id));
       }
       throw e;
     });
@@ -5563,125 +5483,129 @@ class AssetService extends BaseApiService {
   }
   async refreshStore() {
     const { store } = this.client;
-    const result = await this.enqueueRequest({
-      description: "Get assets",
+    const result = await this.client.enqueueRequest({
+      description: "Get components",
       method: HttpMethod.GET,
-      url: `/projects/${store.getState().projectReducer.activeProjectId}/assets/`,
+      url: `/projects/${store.getState().projectReducer.activeProjectId}/components/`,
       blockers: [],
       blocks: []
     });
-    store.dispatch(setAssets(result));
+    store.dispatch(setComponents(result));
   }
 }
-class AssetStageCompletionService extends BaseApiService {
-  add(assetId, stageId) {
+class ComponentStageCompletionService extends BaseApiService {
+  add(componentId, stageId) {
     var _a2;
     const { store } = this.client;
-    const assetTypeId = (_a2 = store.getState().assetReducer.assets[assetId]) == null ? void 0 : _a2.asset_type;
-    if (!assetTypeId) {
-      throw new Error(`Asset with offline_id ${assetId} not found`);
+    const componentType = (_a2 = store.getState().componentReducer.components[componentId]) == null ? void 0 : _a2.component_type;
+    if (!componentType) {
+      throw new Error(`Component ${componentId} not found`);
     }
-    const offlineStageCompletion = offline({
-      asset: assetId,
+    const offlineCompletion = offline({
+      component: componentId,
       stage: stageId
     });
-    store.dispatch(addStageCompletion(offlineStageCompletion));
-    const promise = this.enqueueRequest({
-      description: "Complete stage",
+    store.dispatch(addStageCompletion(offlineCompletion));
+    const promise = this.client.enqueueRequest({
+      description: "Mark stage as completed",
       method: HttpMethod.POST,
-      url: `/assets/types/${assetTypeId}/complete-stages/`,
+      url: `/components/types/${componentType}/complete-stages/`,
       // TODO: Add submitted_at to model
-      payload: { completions: [{ ...offlineStageCompletion, submitted_at: (/* @__PURE__ */ new Date()).getTime() / 1e3 }] },
-      blockers: [assetId, stageId],
-      blocks: [offlineStageCompletion.offline_id]
+      payload: { completions: [{ ...offlineCompletion, submitted_at: (/* @__PURE__ */ new Date()).getTime() / 1e3 }] },
+      blockers: [componentId, stageId],
+      blocks: [offlineCompletion.offline_id]
     });
-    return [offlineStageCompletion, promise];
+    return [offlineCompletion, promise];
   }
   async refreshStore() {
     const { store } = this.client;
-    const result = await this.enqueueRequest({
-      description: "Get stage completions",
+    const result = await this.client.enqueueRequest({
+      description: "Get completed stages",
       method: HttpMethod.GET,
-      url: `/projects/${store.getState().projectReducer.activeProjectId}/asset-stage-completions/`,
+      url: `/projects/${store.getState().projectReducer.activeProjectId}/component-stage-completions/`,
       blockers: [],
       blocks: []
     });
     store.dispatch(addStageCompletions(result));
   }
   /**
-   * Creates a collection of AssetStageCompletions, marking the referenced stages as completed for the referenced
-   * assets. It's REQUIRED that all assets referenced all have the SAME asset type.
-   * @param assetTypeId The ID of the asset type for which we are completing stages (we can only complete
-   * stages for one asset type at a time)
+   * Creates a collection of ComponentStageCompletions, marking the referenced stages as completed for the referenced
+   * components. It's REQUIRED that all components referenced all have the SAME component type.
+   * @param componentTypeId The ID of the component type for which we are completing stages (we can only complete
+   * stages for one component type at a time)
    * @param stageCompletions
    */
-  async bulkAdd(assetTypeId, stageCompletions) {
-    const offlineStageCompletions = stageCompletions.map((completion) => {
+  async bulkAdd(componentTypeId, stageCompletions) {
+    const offlineStagesCompletions = stageCompletions.map((completion) => {
       return offline(completion);
     });
     const asMapping = {};
     for (const completion of stageCompletions) {
-      const stageToCompletionDateMapping = asMapping[completion.asset] || {};
+      const stageToCompletionDateMapping = asMapping[completion.component] || {};
       stageToCompletionDateMapping[completion.stage] = (/* @__PURE__ */ new Date()).toISOString();
-      asMapping[completion.asset] = stageToCompletionDateMapping;
+      asMapping[completion.component] = stageToCompletionDateMapping;
     }
     this.client.store.dispatch(addStageCompletions(asMapping));
-    await this.enqueueRequest({
-      description: "Bulk complete stages",
+    await this.client.enqueueRequest({
+      description: "Mark multiple stage as completed",
       method: HttpMethod.POST,
-      url: `/assets/types/${assetTypeId}/complete-stages/`,
+      url: `/components/types/${componentTypeId}/complete-stages/`,
       payload: {
-        completions: offlineStageCompletions
+        completions: offlineStagesCompletions
       },
-      blockers: [assetTypeId, ...stageCompletions.map((c) => c.asset), ...stageCompletions.map((c) => c.stage)],
-      blocks: offlineStageCompletions.map((c) => c.offline_id)
+      blockers: [
+        componentTypeId,
+        ...stageCompletions.map((c) => c.component),
+        ...stageCompletions.map((c) => c.stage)
+      ],
+      blocks: offlineStagesCompletions.map((c) => c.offline_id)
     });
   }
-  bulkDelete(stageId, assetIds) {
-    const stageCompletionsToRemove = assetIds.map((assetId) => {
+  bulkDelete(stageId, componentIds) {
+    const completionsToRemove = componentIds.map((componentId) => {
       return {
-        asset: assetId,
+        component: componentId,
         stage: stageId
       };
     });
-    this.client.store.dispatch(removeStageCompletions(stageCompletionsToRemove));
-    return this.enqueueRequest({
-      description: `Undo stage for ${assetIds.length} assets(s)`,
+    this.client.store.dispatch(removeStageCompletions(completionsToRemove));
+    return this.client.enqueueRequest({
+      description: `Undo stage for ${componentIds.length} component(s)`,
       // TODO: Rename to setCompletedStages
       method: HttpMethod.DELETE,
-      url: `/assets/stages/${stageId}/undo-stages/`,
+      url: `/components/stages/${stageId}/undo-stages/`,
       payload: {
-        assets: assetIds
+        components: componentIds
       },
-      blockers: [stageId, ...assetIds],
+      blockers: [stageId, ...componentIds],
       blocks: []
     });
   }
 }
-class AssetStageService extends BaseApiService {
-  async bulkCreateStages(stagesToSubmit, assetTypeId, workspaceId) {
+class ComponentStageService extends BaseApiService {
+  async bulkCreateStages(stagesToSubmit, componentTypeId, workspaceId) {
     const payload = stagesToSubmit.map((stage) => {
       return offline(stage);
     });
     const fullStages = payload.map((stage) => {
-      return { ...stage, asset_type: assetTypeId };
+      return { ...stage, component_type: componentTypeId };
     });
     this.client.store.dispatch(addStages(fullStages));
-    return this.enqueueRequest({
-      description: "Add asset stages",
+    return this.client.enqueueRequest({
+      description: "Add component stages",
       method: HttpMethod.POST,
-      url: `/assets/types/${assetTypeId}/add-stages/`,
+      url: `/components/types/${componentTypeId}/add-stages/`,
       payload: {
         stages: payload
       },
       queryParams: {
         workspace_id: workspaceId.toString()
       },
-      blockers: [assetTypeId, workspaceId],
+      blockers: [componentTypeId, workspaceId],
       blocks: payload.map(({ offline_id }) => offline_id)
     });
   }
-  async bulkUpdateStages(stagesToUpdate, assetTypeId) {
+  async bulkUpdateStages(stagesToUpdate, componentTypeId) {
     const store = this.client.store;
     const state = store.getState();
     const prevStages = selectStagesFromStageIds(
@@ -5691,14 +5615,14 @@ class AssetStageService extends BaseApiService {
       throw new Error("Could not find the desired stages to update within the store");
     }
     store.dispatch(updateStages(stagesToUpdate));
-    return this.enqueueRequest({
-      description: "Edit asset stages",
+    return this.client.enqueueRequest({
+      description: "Edit component stages",
       method: HttpMethod.PATCH,
-      url: `/assets/types/${assetTypeId}/bulk-update-stages/`,
+      url: `/components/types/${componentTypeId}/bulk-update-stages/`,
       payload: {
         stages: stagesToUpdate
       },
-      blockers: [assetTypeId],
+      blockers: [componentTypeId],
       blocks: stagesToUpdate.map(({ offline_id }) => offline_id)
     }).catch((e) => {
       store.dispatch(updateStages(prevStages));
@@ -5707,10 +5631,10 @@ class AssetStageService extends BaseApiService {
   }
   async bulkDelete(idsToDelete) {
     this.client.store.dispatch(removeStages(idsToDelete));
-    return this.enqueueRequest({
-      description: "Delete asset stages",
+    return this.client.enqueueRequest({
+      description: "Delete component stages",
       method: HttpMethod.DELETE,
-      url: "/assets/stages/bulk-delete/",
+      url: "/components/stages/bulk-delete/",
       payload: {
         stage_ids: idsToDelete
       },
@@ -5718,25 +5642,25 @@ class AssetStageService extends BaseApiService {
       blocks: []
     });
   }
-  async update(assetStage) {
-    this.client.store.dispatch(addStages([assetStage]));
-    return this.enqueueRequest({
-      description: "Update asset stage",
+  async update(componentStage) {
+    this.client.store.dispatch(addStages([componentStage]));
+    return this.client.enqueueRequest({
+      description: "Update component stage",
       method: HttpMethod.PATCH,
-      url: `/assets/stages/${assetStage.offline_id}/`,
-      payload: assetStage,
-      blockers: [assetStage.offline_id],
-      blocks: [assetStage.offline_id]
+      url: `/components/stages/${componentStage.offline_id}/`,
+      payload: componentStage,
+      blockers: [componentStage.offline_id],
+      blocks: [componentStage.offline_id]
     });
   }
   async linkForm(stageId, formId2) {
     const { store } = this.client;
     store.dispatch(linkStageToForm({ stageId, formId: formId2 }));
     try {
-      await this.enqueueRequest({
-        description: "Link asset stage to form",
+      await this.client.enqueueRequest({
+        description: "Link component stage to form",
         method: HttpMethod.POST,
-        url: `/assets/stages/${stageId}/associate-with-form/`,
+        url: `/components/stages/${stageId}/associate-with-form/`,
         payload: { user_form: formId2 },
         blockers: [stageId, formId2],
         blocks: [stageId]
@@ -5750,10 +5674,10 @@ class AssetStageService extends BaseApiService {
     const { store } = this.client;
     store.dispatch(unlinkStageToForm({ stageId }));
     try {
-      await this.enqueueRequest({
-        description: "Unlink asset stage from form",
+      await this.client.enqueueRequest({
+        description: "Unlink component stage from form",
         method: HttpMethod.DELETE,
-        url: `/assets/stages/${stageId}/associate-with-form/`,
+        url: `/components/stages/${stageId}/associate-with-form/`,
         blockers: [stageId, formId2],
         blocks: [stageId]
       });
@@ -5764,10 +5688,10 @@ class AssetStageService extends BaseApiService {
   }
   async refreshStore() {
     const { store } = this.client;
-    const result = await this.enqueueRequest({
-      description: "Get asset stages",
+    const result = await this.client.enqueueRequest({
+      description: "Get component stages",
       method: HttpMethod.GET,
-      url: `/projects/${store.getState().projectReducer.activeProjectId}/asset-stages/`,
+      url: `/projects/${store.getState().projectReducer.activeProjectId}/component-stages/`,
       blockers: [],
       blocks: []
     });
@@ -5781,20 +5705,20 @@ const AttachmentModelMeta = {
     deleteUrlPrefix: "/issues",
     fetchUrlPostfix: "/issue-attachments"
   },
-  [AttachmentModel.Asset]: {
-    name: "asset",
-    attachUrlPrefix: "/assets",
-    deleteUrlPrefix: "/assets",
-    fetchUrlPostfix: "/asset-attachments"
+  [AttachmentModel.Component]: {
+    name: "component",
+    attachUrlPrefix: "/components",
+    deleteUrlPrefix: "/components",
+    fetchUrlPostfix: "/component-attachments"
   },
-  [AttachmentModel.AssetType]: {
-    name: "asset type",
-    attachUrlPrefix: "/assets/types",
-    deleteUrlPrefix: "/assets/types",
-    fetchUrlPostfix: "/asset-type-attachments"
+  [AttachmentModel.ComponentType]: {
+    name: "component type",
+    attachUrlPrefix: "/components/types",
+    deleteUrlPrefix: "/components/types",
+    fetchUrlPostfix: "/component-type-attachments"
   },
   [AttachmentModel.Project]: {
-    name: "project",
+    name: "component project",
     attachUrlPrefix: "/projects",
     deleteUrlPrefix: "/projects",
     fetchUrlPostfix: "/attachments"
@@ -5810,8 +5734,8 @@ class BaseAttachmentService extends BaseApiService {
   getNumberOfAttachmentsWithSha1(sha1) {
     const {
       issueReducer: issueReducer2,
-      assetReducer: assetReducer2,
-      assetTypeReducer: assetTypeReducer2,
+      componentReducer: componentReducer2,
+      componentTypeReducer: componentTypeReducer2,
       documentsReducer: documentsReducer2,
       projectReducer: projectReducer2,
       formSubmissionReducer: formSubmissionReducer2,
@@ -5819,8 +5743,8 @@ class BaseAttachmentService extends BaseApiService {
     } = this.client.store.getState();
     const objectsWithSha1 = [].concat(
       Object.values(issueReducer2.attachments),
-      Object.values(assetReducer2.attachments),
-      Object.values(assetTypeReducer2.attachments),
+      Object.values(componentReducer2.attachments),
+      Object.values(componentTypeReducer2.attachments),
       Object.values(documentsReducer2.attachments),
       Object.values(projectReducer2.attachments),
       Object.values(formRevisionReducer2.attachments),
@@ -5830,7 +5754,7 @@ class BaseAttachmentService extends BaseApiService {
   }
   processPresignedUrls(presignedUrls) {
     for (const [sha1, presignedUrl] of Object.entries(presignedUrls)) {
-      void this.enqueueRequest({
+      void this.client.enqueueRequest({
         url: presignedUrl.url,
         description: "Upload file to S3",
         method: HttpMethod.POST,
@@ -5850,7 +5774,7 @@ class BaseAttachmentService extends BaseApiService {
     const { store } = this.client;
     const activeProjectId = store.getState().projectReducer.activeProjectId;
     const meta = AttachmentModelMeta[this.attachmentModel];
-    const result = await this.enqueueRequest({
+    const result = await this.client.enqueueRequest({
       description: `Get ${meta.name} attachments`,
       method: HttpMethod.GET,
       url: `/projects/${activeProjectId}${meta.fetchUrlPostfix}/`,
@@ -5895,7 +5819,7 @@ class BaseAttachmentService extends BaseApiService {
     }
     store.dispatch(actions.addAttachments(offlineAttachments));
     const meta = AttachmentModelMeta[this.attachmentModel];
-    const promise = this.enqueueRequest({
+    const promise = this.client.enqueueRequest({
       description: `Attach files to ${meta.name}`,
       method: HttpMethod.POST,
       url: `${meta.attachUrlPrefix}/${modelId}/attach/`,
@@ -5925,7 +5849,7 @@ class BaseAttachmentService extends BaseApiService {
     }
     store.dispatch(actions.removeAttachment(attachment.offline_id));
     const meta = AttachmentModelMeta[this.attachmentModel];
-    const promise = this.enqueueRequest({
+    const promise = this.client.enqueueRequest({
       description: "Delete attachment",
       method: HttpMethod.DELETE,
       url: `${meta.deleteUrlPrefix}/attachments/${attachmendId}/`,
@@ -5942,10 +5866,10 @@ class BaseAttachmentService extends BaseApiService {
     return promise;
   }
 }
-class AssetAttachmentService extends BaseAttachmentService {
+class ComponentAttachmentService extends BaseAttachmentService {
   constructor() {
     super(...arguments);
-    __publicField(this, "attachmentModel", AttachmentModel.Asset);
+    __publicField(this, "attachmentModel", AttachmentModel.Component);
   }
   buildOfflineAttachment(data) {
     return offline({
@@ -5956,108 +5880,115 @@ class AssetAttachmentService extends BaseAttachmentService {
       file_type: data.file.type,
       submitted_at: data.submittedAt,
       description: data.description,
-      asset: data.modelId
+      component: data.modelId
     });
   }
-  async attachFilesToAsset(files, assetId) {
-    return this.attachFiles(files, assetId, this.buildOfflineAttachment.bind(this), {
-      addAttachments: addAssetAttachments,
-      updateAttachments: updateAssetAttachments,
-      removeAttachments: removeAssetAttachments
-    });
+  async attachFilesToComponent(files, componentId) {
+    return this.attachFiles(
+      files,
+      componentId,
+      this.buildOfflineAttachment.bind(this),
+      {
+        addAttachments: addComponentAttachments,
+        updateAttachments: updateComponentAttachments,
+        removeAttachments: removeComponentAttachments
+      }
+    );
   }
-  deleteAssetAttachment(attachmentId) {
+  deleteComponentAttachment(attachmentId) {
     return this.deleteAttachment(
       attachmentId,
       {
-        setAttachment: setAssetAttachment,
-        removeAttachment: removeAssetAttachment
+        setAttachment: setComponentAttachment,
+        removeAttachment: removeComponentAttachment
       },
       {
-        selectAttachment: selectAssetAttachment
+        selectAttachment: selectComponentAttachment
       }
     );
   }
   async refreshStore() {
     return this.getAttachments({
-      setAttachments: setAssetAttachments
+      setAttachments: setComponentAttachments
     });
   }
 }
-class AssetTypeService extends BaseApiService {
-  add(assetType) {
-    const offlineAssetType = offline(assetType);
+class ComponentTypeService extends BaseApiService {
+  add(componentType) {
+    const offlineComponentType = offline(componentType);
     const { store } = this.client;
     const activeProjectId = store.getState().projectReducer.activeProjectId;
-    store.dispatch(addAssetType(offlineAssetType));
-    const promise = this.enqueueRequest({
-      description: "Create asset type",
+    store.dispatch(addComponentType(offlineComponentType));
+    const promise = this.client.enqueueRequest({
+      description: "Create ComponentType",
       method: HttpMethod.POST,
-      url: `/projects/${activeProjectId}/asset-types/`,
-      payload: { ...offlineAssetType },
+      url: `/projects/${activeProjectId}/component-types/`,
+      payload: { ...offlineComponentType },
       blockers: [],
-      blocks: [offlineAssetType.offline_id]
+      blocks: [offlineComponentType.offline_id]
     });
-    return [offlineAssetType, promise];
+    return [offlineComponentType, promise];
   }
-  update(assetType) {
-    this.client.store.dispatch(addAssetType(assetType));
-    return this.enqueueRequest({
-      description: "Update asset type",
+  update(componentType) {
+    this.client.store.dispatch(addComponentType(componentType));
+    return this.client.enqueueRequest({
+      description: "Update ComponentType",
       method: HttpMethod.PATCH,
-      url: `/assets/types/${assetType.offline_id}/`,
-      payload: assetType,
-      blockers: [assetType.offline_id],
-      blocks: [assetType.offline_id]
+      url: `/components/types/${componentType.offline_id}/`,
+      payload: componentType,
+      blockers: [componentType.offline_id],
+      blocks: [componentType.offline_id]
     });
   }
-  async delete(assetTypeId) {
+  async delete(componentTypeId) {
     const { store } = this.client;
     const state = store.getState();
-    const assetType = selectAssetType(assetTypeId)(state);
-    if (!assetType) {
-      throw new Error(`Expected asset type with offline_id ${assetTypeId} to exist`);
-    }
-    const stagesOfAssetType = selectStagesOfAssetType(assetTypeId)(state) ?? [];
-    const attachmentsOfAssetType = selectAttachmentsOfAssetType(assetTypeId)(state);
-    store.dispatch(deleteAssetType(assetTypeId));
-    if (stagesOfAssetType.length > 0) {
-      const stagesOfAssetTypeIds = stagesOfAssetType.map((assetStage) => assetStage.offline_id);
-      store.dispatch(removeStages(stagesOfAssetTypeIds));
-    }
-    if (attachmentsOfAssetType.length > 0) {
-      const attachmentsOfAssetTypeIds = attachmentsOfAssetType.map(({ offline_id }) => offline_id);
-      store.dispatch(removeAssetTypeAttachments(attachmentsOfAssetTypeIds));
-    }
-    return this.enqueueRequest({
-      description: "Delete asset type",
+    const componentType = selectComponentType(componentTypeId)(state);
+    if (!componentType) {
+      throw new Error("Expected componentType to exist");
+    }
+    const stagesOfComponentType = selectStagesFromComponentType(componentTypeId)(state) ?? [];
+    const attachmentsOfComponentType = selectAttachmentsOfComponentType(componentTypeId)(state);
+    store.dispatch(deleteComponentType(componentTypeId));
+    if (stagesOfComponentType.length > 0) {
+      const stagesOfComponentTypeIds = stagesOfComponentType.map(
+        (componentTypeStage) => componentTypeStage.offline_id
+      );
+      store.dispatch(removeStages(stagesOfComponentTypeIds));
+    }
+    if (attachmentsOfComponentType.length > 0) {
+      const attachmentsOfComponentTypeIds = attachmentsOfComponentType.map(({ offline_id }) => offline_id);
+      store.dispatch(removeComponentTypeAttachments(attachmentsOfComponentTypeIds));
+    }
+    return this.client.enqueueRequest({
+      description: "Delete ComponentType",
       method: HttpMethod.DELETE,
-      url: `/assets/types/${assetTypeId}/`,
-      blockers: [assetTypeId],
+      url: `/components/types/${componentTypeId}/`,
+      blockers: [componentTypeId],
       blocks: []
     }).catch((e) => {
-      store.dispatch(addAssetType(assetType));
-      store.dispatch(addStages(stagesOfAssetType));
-      store.dispatch(addAssetTypeAttachments(attachmentsOfAssetType));
+      store.dispatch(addComponentType(componentType));
+      store.dispatch(addStages(stagesOfComponentType));
+      store.dispatch(addComponentTypeAttachments(attachmentsOfComponentType));
       throw e;
     });
   }
   async refreshStore() {
     const { store } = this.client;
-    const result = await this.enqueueRequest({
-      description: "Get asset types",
+    const result = await this.client.enqueueRequest({
+      description: "Get component types",
       method: HttpMethod.GET,
-      url: `/projects/${store.getState().projectReducer.activeProjectId}/asset-types/`,
+      url: `/projects/${store.getState().projectReducer.activeProjectId}/component-types/`,
       blockers: [],
       blocks: []
     });
-    store.dispatch(setAssetTypes(result));
+    store.dispatch(setComponentTypes(result));
   }
 }
-class AssetTypeAttachmentService extends BaseAttachmentService {
+class ComponentTypeAttachmentService extends BaseAttachmentService {
   constructor() {
     super(...arguments);
-    __publicField(this, "attachmentModel", AttachmentModel.AssetType);
+    __publicField(this, "attachmentModel", AttachmentModel.ComponentType);
   }
   buildOfflineAttachment(data) {
     return offline({
@@ -6068,36 +5999,36 @@ class AssetTypeAttachmentService extends BaseAttachmentService {
       file_type: data.file.type,
       submitted_at: data.submittedAt,
       description: data.description,
-      asset_type: data.modelId
+      component_type: data.modelId
     });
   }
-  async attachFilesToAssetType(files, assetTypeId) {
+  async attachFilesToComponentType(files, componentTypeId) {
     return this.attachFiles(
       files,
-      assetTypeId,
+      componentTypeId,
       this.buildOfflineAttachment.bind(this),
       {
-        addAttachments: addAssetTypeAttachments,
-        updateAttachments: updateAssetTypeAttachments,
-        removeAttachments: removeAssetTypeAttachments
+        addAttachments: addComponentTypeAttachments,
+        updateAttachments: updateComponentTypeAttachments,
+        removeAttachments: removeComponentTypeAttachments
       }
     );
   }
-  deleteAssetTypeAttachment(attachmentId) {
+  deleteComponentTypeAttachment(attachmentId) {
     return this.deleteAttachment(
       attachmentId,
       {
-        setAttachment: setAssetTypeAttachment,
-        removeAttachment: removeAssetTypeAttachment
+        setAttachment: setComponentTypeAttachment,
+        removeAttachment: removeComponentTypeAttachment
       },
       {
-        selectAttachment: selectAssetTypeAttachment
+        selectAttachment: selectComponentTypeAttachment
       }
     );
   }
   async refreshStore() {
     return this.getAttachments({
-      setAttachments: setAssetTypeAttachments
+      setAttachments: setComponentTypeAttachments
     });
   }
 }
@@ -6111,7 +6042,7 @@ class IssueCommentService extends BaseApiService {
       submitted_at: (/* @__PURE__ */ new Date()).toISOString()
     });
     store.dispatch(addIssueComment(offlineComment));
-    const promise = this.enqueueRequest({
+    const promise = this.client.enqueueRequest({
       description: `${truncate(comment.content, 80)}`,
       method: HttpMethod.POST,
       url: `/issues/${comment.issue}/comment/`,
@@ -6131,7 +6062,7 @@ class IssueCommentService extends BaseApiService {
       throw new Error(`Comment with offline_id ${comment.offline_id} not found in store`);
     }
     store.dispatch(setIssueComment(comment));
-    const promise = this.enqueueRequest({
+    const promise = this.client.enqueueRequest({
       description: `Edit comment: ${truncate(comment.content, 80)}`,
       method: HttpMethod.PATCH,
       url: `/issues/comments/${comment.offline_id}/`,
@@ -6150,7 +6081,7 @@ class IssueCommentService extends BaseApiService {
       throw new Error(`Comment with offline_id ${offline_id} not found in store`);
     }
     this.client.store.dispatch(removeIssueComment(offline_id));
-    const promise = this.enqueueRequest({
+    const promise = this.client.enqueueRequest({
       description: "Delete comment",
       method: HttpMethod.DELETE,
       url: `/issues/comments/${offline_id}/`,
@@ -6164,7 +6095,7 @@ class IssueCommentService extends BaseApiService {
   }
   async refreshStore() {
     const { store } = this.client;
-    const result = await this.enqueueRequest({
+    const result = await this.client.enqueueRequest({
       description: "Get comments",
       method: HttpMethod.GET,
       // TODO: Choose between /issues/comments/in-project/${projectId}/ and /projects/${projectId}/issue-comments/
@@ -6178,7 +6109,7 @@ class IssueCommentService extends BaseApiService {
 class IssueUpdateService extends BaseApiService {
   async refreshStore() {
     const { store } = this.client;
-    const result = await this.enqueueRequest({
+    const result = await this.client.enqueueRequest({
       description: "Get issue updates",
       method: HttpMethod.GET,
       url: `/projects/${store.getState().projectReducer.activeProjectId}/issues/updates/`,
@@ -6264,7 +6195,7 @@ class IssueService extends BaseApiService {
     store.dispatch(addIssue(issuePayload));
     store.dispatch(addToRecentIssues(issuePayload.offline_id));
     store.dispatch(addActiveProjectIssuesCount(1));
-    const promise = this.enqueueRequest({
+    const promise = this.client.enqueueRequest({
       description: "Create issue",
       method: HttpMethod.POST,
       url: "/issues/",
@@ -6299,7 +6230,7 @@ class IssueService extends BaseApiService {
     return [issuePayload, promise];
   }
   fetchAll(projectId) {
-    const promise = this.enqueueRequest({
+    const promise = this.client.enqueueRequest({
       description: "Get issues",
       method: HttpMethod.GET,
       url: `/projects/${projectId}/issues/`,
@@ -6396,7 +6327,7 @@ class IssueService extends BaseApiService {
       changes
     });
     this.client.store.dispatch(addIssueUpdate(offlineIssueUpdate));
-    const promise = this.enqueueRequest({
+    const promise = this.client.enqueueRequest({
       description: "Edit issue",
       method: HttpMethod.PATCH,
       url: `/issues/${issue.offline_id}/`,
@@ -6429,7 +6360,7 @@ class IssueService extends BaseApiService {
     if (updatesOfIssue.length > 0)
       dispatch(removeIssueUpdates(updatesOfIssue.map(({ offline_id }) => offline_id)));
     try {
-      return await this.enqueueRequest({
+      return await this.client.enqueueRequest({
         description: "Delete issue",
         method: HttpMethod.DELETE,
         url: `/issues/${id}/`,
@@ -6471,7 +6402,7 @@ class IssueTypeService extends BaseApiService {
       organization: activeOrganizationId
     });
     store.dispatch(addIssueType(offlineIssueType));
-    const promise = this.enqueueRequest({
+    const promise = this.client.enqueueRequest({
       method: HttpMethod.POST,
       url: `/organizations/${activeOrganizationId}/issue-types/`,
       // Sending only whats needed here
@@ -6504,7 +6435,7 @@ class IssueTypeService extends BaseApiService {
       ...issueTypeFields
     };
     store.dispatch(updateIssueType(offlineUpdatedIssueType));
-    const promise = this.enqueueRequest({
+    const promise = this.client.enqueueRequest({
       method: HttpMethod.PATCH,
       url: `/issues/types/${issueTypeFields.offline_id}/`,
       payload: issueTypeFields,
@@ -6528,7 +6459,7 @@ class IssueTypeService extends BaseApiService {
     const issuesOfIssueType = selectIssuesOfIssueType(issueTypeId)(state) ?? [];
     store.dispatch(removeIssueType(issueTypeId));
     store.dispatch(removeIssues(issuesOfIssueType.map((issue) => issue.offline_id)));
-    const promise = this.enqueueRequest({
+    const promise = this.client.enqueueRequest({
       method: HttpMethod.DELETE,
       url: `/issues/types/${issueTypeId}/`,
       blockers: [issueTypeId],
@@ -6546,7 +6477,7 @@ class IssueTypeService extends BaseApiService {
     if (!activeOrganizationId) {
       throw new Error(`No active organization, got ${activeOrganizationId} for activeOrganizationId.`);
     }
-    const result = await this.enqueueRequest({
+    const result = await this.client.enqueueRequest({
       method: HttpMethod.GET,
       url: `/organizations/${activeOrganizationId}/issue-types/`,
       blockers: [],
@@ -6560,7 +6491,7 @@ class MainService extends BaseApiService {
     if (replaceExisting) {
       this.client.store.dispatch(setIsFetchingInitialData(true));
     }
-    const result = await this.enqueueRequest({
+    const result = await this.client.enqueueRequest({
       uuid,
       description: "Get initial data",
       method: HttpMethod.GET,
@@ -6574,7 +6505,7 @@ class MainService extends BaseApiService {
   }
   async fetchProjectUsers() {
     const projectId = this.client.store.getState().projectReducer.activeProjectId;
-    return this.enqueueRequest({
+    return this.client.enqueueRequest({
       description: "Fetch users",
       method: HttpMethod.GET,
       url: `/projects/${projectId}/users/`,
@@ -6586,7 +6517,7 @@ class MainService extends BaseApiService {
     });
   }
   async fetchOrganizationUsers(orgId) {
-    return this.enqueueRequest({
+    return this.client.enqueueRequest({
       description: "Fetch organization users",
       method: HttpMethod.GET,
       url: `/organizations/${orgId}/users/`,
@@ -6595,8 +6526,8 @@ class MainService extends BaseApiService {
     });
   }
   // TODO:
-  //  Don't accept updateStore in AssetService.list. Just return the offline objects and promise. Here, if
-  //  overwrite, use setAssets. Otherwise, use bulkAddAssets.
+  //  Don't accept updateStore in ComponentService.list. Just return the offline objects and promise. Here, if
+  //  overwrite, use setComponents. Otherwise, use bulkAddComponents.
   // TODO: This needs major cleanup. Send less in the initial data: Only the basic project info and anything needed
   //  literally immediately.
   async _processInitialData(data, overwrite) {
@@ -6701,10 +6632,10 @@ class MainService extends BaseApiService {
       } finally {
         store.dispatch(setIsFetchingInitialData(false));
       }
-      void this.client.assetTypes.refreshStore();
-      void this.client.assetStages.refreshStore();
-      void this.client.assets.refreshStore();
-      void this.client.assetStageCompletions.refreshStore();
+      void this.client.componentTypes.refreshStore();
+      void this.client.componentStages.refreshStore();
+      void this.client.components.refreshStore();
+      void this.client.componentStageCompletions.refreshStore();
       void this.client.categories.refreshStore();
       void this.client.issueTypes.refreshStore();
       void this.client.issues.refreshStore();
@@ -6719,15 +6650,15 @@ class MainService extends BaseApiService {
       void this.client.issueUpdates.refreshStore();
       void this.client.projectAccesses.refreshStore();
       void this.client.projectAttachments.refreshStore();
-      void this.client.assetTypeAttachments.refreshStore();
-      void this.client.assetAttachments.refreshStore();
+      void this.client.componentTypeAttachments.refreshStore();
+      void this.client.componentAttachments.refreshStore();
     }
     void this.client.teams.refreshStore();
   }
 }
 class ProjectAccessService extends BaseApiService {
   async fetchAll(projectId) {
-    return this.enqueueRequest({
+    return this.client.enqueueRequest({
       description: "Get project accesses",
       method: HttpMethod.GET,
       url: `/projects/${projectId}/access/`,
@@ -6737,7 +6668,7 @@ class ProjectAccessService extends BaseApiService {
   }
   async update(projectAccess) {
     this.client.store.dispatch(updateProjectAccess(projectAccess));
-    return this.enqueueRequest({
+    return this.client.enqueueRequest({
       description: "Edit project access",
       method: HttpMethod.PATCH,
       url: `/access/${projectAccess.offline_id}/`,
@@ -6750,7 +6681,7 @@ class ProjectAccessService extends BaseApiService {
   async remove(projectAccess) {
     const { store } = this.client;
     store.dispatch(removeProjectAccess(projectAccess));
-    return this.enqueueRequest({
+    return this.client.enqueueRequest({
       description: "Delete project access",
       method: HttpMethod.DELETE,
       url: `/access/${projectAccess.offline_id}/`,
@@ -6773,7 +6704,7 @@ class ProjectAccessService extends BaseApiService {
 class ProjectFileService extends BaseApiService {
   async refreshStore() {
     const { store } = this.client;
-    const result = await this.enqueueRequest({
+    const result = await this.client.enqueueRequest({
       description: "Get project files",
       method: HttpMethod.GET,
       url: `/projects/${store.getState().projectReducer.activeProjectId}/files/`,
@@ -6790,7 +6721,7 @@ class ProjectFileService extends BaseApiService {
     }
     const editableData = { ...file };
     delete editableData.file;
-    const promise = this.enqueueRequest({
+    const promise = this.client.enqueueRequest({
       method: HttpMethod.PATCH,
       url: `/projects/files/${file.offline_id}/`,
       payload: editableData,
@@ -6848,7 +6779,7 @@ class ProjectFileService extends BaseApiService {
       });
     }
     const promise = Promise.resolve(requestDetails).then((requestDetails2) => {
-      return this.enqueueRequest(requestDetails2);
+      return this.client.enqueueRequest(requestDetails2);
     });
     void promise.then((result) => {
       store.dispatch(addOrReplaceProjectFile(result));
@@ -6860,7 +6791,7 @@ class ProjectFileService extends BaseApiService {
   }
   delete(projectFileId) {
     this.client.store.dispatch(removeProjectFile(projectFileId));
-    return this.enqueueRequest({
+    return this.client.enqueueRequest({
       method: HttpMethod.DELETE,
       url: `/projects/files/${projectFileId}`,
       blockers: [projectFileId],
@@ -6931,7 +6862,7 @@ class ProjectService extends BaseApiService {
     }
     const url = isOrganizationProject ? `/organizations/${project.owner_organization}/projects/` : "/projects/";
     const projectType = isOrganizationProject ? { organization_owner: project.owner_organization } : { user_owner: project.owner_user };
-    const result = await this.enqueueRequest({
+    const result = await this.client.enqueueRequest({
       description: "Create project",
       method: HttpMethod.POST,
       url,
@@ -6955,7 +6886,7 @@ class ProjectService extends BaseApiService {
       throw new Error("Project bounds were not set before trying to create a project");
     }
     store.dispatch(updateOrCreateProject(project));
-    return await this.enqueueRequest({
+    return await this.client.enqueueRequest({
       description: "Update project",
       method: HttpMethod.PATCH,
       url: `/projects/${project.id}/`,
@@ -6995,7 +6926,7 @@ class ProjectService extends BaseApiService {
       store.dispatch(updateLicense({ ...license, project: null }));
     }
     try {
-      await this.enqueueRequest({
+      await this.client.enqueueRequest({
         description: "Delete project",
         method: HttpMethod.DELETE,
         url: `/projects/${projectId}/`,
@@ -7018,7 +6949,7 @@ class ProjectService extends BaseApiService {
   }
   invite(projectId, email) {
     const offline_id = v4();
-    return this.enqueueRequest({
+    return this.client.enqueueRequest({
       description: "Invite user to project",
       method: HttpMethod.POST,
       url: `/projects/${projectId}/invite/${email}/`,
@@ -7030,7 +6961,7 @@ class ProjectService extends BaseApiService {
     });
   }
   joinProject(projectId, userId, inviteCode) {
-    return this.enqueueRequest({
+    return this.client.enqueueRequest({
       description: "Join project",
       method: HttpMethod.GET,
       url: `/projects/${projectId}/join-project/${userId}/${inviteCode}/`,
@@ -7040,7 +6971,7 @@ class ProjectService extends BaseApiService {
     });
   }
   async acceptInvite(projectId) {
-    return this.enqueueRequest({
+    return this.client.enqueueRequest({
       description: "Accept project invite",
       method: HttpMethod.PATCH,
       url: `/projects/${projectId}/accept-invite/`,
@@ -7099,7 +7030,7 @@ class UserFormService extends BaseApiService {
           revision: offlineRevisionId,
           field_identifier: key
         });
-        const attach = await this.enqueueRequest({
+        const attach = await this.client.enqueueRequest({
           description: "Attach image to form revision field",
           method: HttpMethod.POST,
           url: `/forms/revisions/${offlineRevisionId}/attachments/`,
@@ -7116,7 +7047,7 @@ class UserFormService extends BaseApiService {
       });
     });
   }
-  async add(state, initialRevision, url, ownerUser, ownerOrganization, assetTypeId, issueTypeId) {
+  async add(state, initialRevision, url, ownerUser, ownerOrganization, componentTypeId, issueTypeId) {
     if (!!ownerUser === !!ownerOrganization) {
       throw new Error("Exactly one of ownerUser and ownerOrganization must be defined.");
     }
@@ -7135,7 +7066,7 @@ class UserFormService extends BaseApiService {
       favorite: true,
       submitted_at: submittedAt,
       created_by: currentUser.id,
-      ...assetTypeId && { asset_type: assetTypeId },
+      ...componentTypeId && { component_type: componentTypeId },
       ...issueTypeId && { issue_type: issueTypeId },
       ...ownerAttrs
     };
@@ -7150,7 +7081,7 @@ class UserFormService extends BaseApiService {
     const { store } = this.client;
     store.dispatch(addForm(retForm));
     store.dispatch(addFormRevision(retRevision));
-    const formPromise = this.enqueueRequest({
+    const formPromise = this.client.enqueueRequest({
       description: "Create form",
       method: HttpMethod.POST,
       url,
@@ -7159,11 +7090,11 @@ class UserFormService extends BaseApiService {
       } : void 0,
       payload: {
         ...offlineFormPayload,
-        ...assetTypeId && { asset_type: assetTypeId },
+        ...componentTypeId && { component_type: componentTypeId },
         ...issueTypeId && { issue_type: issueTypeId },
         initial_revision: payloadWithoutImage
       },
-      blockers: assetTypeId ? [assetTypeId] : issueTypeId ? [issueTypeId] : [],
+      blockers: componentTypeId ? [componentTypeId] : issueTypeId ? [issueTypeId] : [],
       blocks: [offlineFormPayload.offline_id, payloadWithoutImage.offline_id]
     });
     const attachImagesPromises = this.getAttachImagePromises(images, offlineRevisionPayload.offline_id);
@@ -7187,7 +7118,7 @@ class UserFormService extends BaseApiService {
       `/forms/in-organization/${activeOrganizationId}/`,
       void 0,
       activeOrganizationId,
-      attachedTo && "assetTypeId" in attachedTo ? attachedTo.assetTypeId : void 0,
+      attachedTo && "componentTypeId" in attachedTo ? attachedTo.componentTypeId : void 0,
       attachedTo && "issueTypeId" in attachedTo ? attachedTo.issueTypeId : void 0
     );
   }
@@ -7200,7 +7131,7 @@ class UserFormService extends BaseApiService {
       "/forms/my-forms/",
       currentUser.id,
       void 0,
-      attachedTo && "assetTypeId" in attachedTo ? attachedTo.assetTypeId : void 0,
+      attachedTo && "componentTypeId" in attachedTo ? attachedTo.componentTypeId : void 0,
       attachedTo && "issueTypeId" in attachedTo ? attachedTo.issueTypeId : void 0
     );
   }
@@ -7222,7 +7153,7 @@ class UserFormService extends BaseApiService {
       submitted_at: (/* @__PURE__ */ new Date()).toISOString()
     };
     store.dispatch(addFormRevision(fullRevision));
-    const promise = this.enqueueRequest({
+    const promise = this.client.enqueueRequest({
       description: "Create form revision",
       method: HttpMethod.PATCH,
       url: `/forms/${formId2}/`,
@@ -7247,7 +7178,7 @@ class UserFormService extends BaseApiService {
     const activeProjectId = store.getState().projectReducer.activeProjectId;
     store.dispatch(favoriteForm({ formId: formId2 }));
     try {
-      await this.enqueueRequest({
+      await this.client.enqueueRequest({
         description: "Favorite form",
         method: HttpMethod.POST,
         url: `/forms/${formId2}/favorite/${activeProjectId}/`,
@@ -7264,7 +7195,7 @@ class UserFormService extends BaseApiService {
     const activeProjectId = store.getState().projectReducer.activeProjectId;
     store.dispatch(unfavoriteForm({ formId: formId2 }));
     try {
-      return await this.enqueueRequest({
+      return await this.client.enqueueRequest({
         description: "Unfavorite form",
         method: HttpMethod.DELETE,
         url: `/forms/${formId2}/unfavorite/${activeProjectId}/`,
@@ -7293,7 +7224,7 @@ class UserFormService extends BaseApiService {
     }
     store.dispatch(deleteForm(formId2));
     try {
-      return await this.enqueueRequest({
+      return await this.client.enqueueRequest({
         description: "Delete form",
         method: HttpMethod.DELETE,
         url: `/forms/${formId2}/`,
@@ -7313,7 +7244,7 @@ class UserFormService extends BaseApiService {
   }
   async refreshStore() {
     const { store } = this.client;
-    const result = await this.enqueueRequest({
+    const result = await this.client.enqueueRequest({
       description: "Fetch user forms",
       method: HttpMethod.GET,
       url: `/forms/in-project/${store.getState().projectReducer.activeProjectId}/forms/`,
@@ -7362,14 +7293,14 @@ class UserFormSubmissionService extends BaseApiService {
             submission: submission.offline_id,
             field_identifier: key
           });
-          const attach = await this.enqueueRequest({
+          const attach = await this.client.enqueueRequest({
             description: "Attach file to form submission",
             method: HttpMethod.POST,
             url: `/forms/submission/${submission.offline_id}/attachments/`,
             payload: submissionAttachmentPayload,
             blockers: [
-              submission.asset,
-              submission.asset_stage,
+              submission.component,
+              submission.component_stage,
               submission.issue,
               submission.form_revision
             ].filter((x) => x !== void 0),
@@ -7400,12 +7331,12 @@ class UserFormSubmissionService extends BaseApiService {
       created_by: state.userReducer.currentUser.id,
       submitted_at: (/* @__PURE__ */ new Date()).toISOString()
     };
-    const promise = this.enqueueRequest({
+    const promise = this.client.enqueueRequest({
       description: "Respond to form",
       method: HttpMethod.POST,
       url: `/forms/revisions/${payload.form_revision}/respond/`,
       payload: { ...offlineSubmission, project: activeProjectId },
-      blockers: [payload.issue, payload.asset, payload.asset_stage, "add-form-entry"].filter(
+      blockers: [payload.issue, payload.component, payload.component_stage, "add-form-entry"].filter(
         (x) => x !== void 0
       ),
       blocks: [payload.offline_id]
@@ -7423,10 +7354,10 @@ class UserFormSubmissionService extends BaseApiService {
     const settledPromise = Promise.all([promise, ...attachFilesPromises]).then(() => promise);
     return [offlineSubmission, settledPromise];
   }
-  // Note currently the bulkAdd method is specific to form submissions for assets
+  // Note currently the bulkAdd method is specific to form submissions for components
   // TODO: adapt the support bulk adding to any model type
   async bulkAdd(args) {
-    const { formRevision, values: argsValues, assetOfflineIds } = args;
+    const { formRevision, values: argsValues, componentOfflineIds } = args;
     const { store } = this.client;
     const offlineSubmissions = [];
     const offlineAttachments = [];
@@ -7436,16 +7367,16 @@ class UserFormSubmissionService extends BaseApiService {
     const { values, files } = separateFilesFromValues(argsValues);
     const submittedAt = (/* @__PURE__ */ new Date()).toISOString();
     const createdBy = store.getState().userReducer.currentUser.id;
-    for (const assetId of assetOfflineIds) {
+    for (const component_id of componentOfflineIds) {
       const submission = offline({
         form_revision: formRevision,
         values,
         created_by: createdBy,
         submitted_at: submittedAt,
-        asset: assetId
+        component: component_id
       });
       submissionOfflineIds.push(submission.offline_id);
-      submissionsPayload.push({ offline_id: submission.offline_id, asset_id: assetId });
+      submissionsPayload.push({ offline_id: submission.offline_id, component_id });
       offlineSubmissions.push(submission);
       for (const [fieldIdentifier, fileArray] of Object.entries(files)) {
         for (const file of fileArray) {
@@ -7481,7 +7412,7 @@ class UserFormSubmissionService extends BaseApiService {
     }
     store.dispatch(addFormSubmissions(offlineSubmissions));
     store.dispatch(addFormSubmissionAttachments(offlineAttachments));
-    const promise = this.enqueueRequest({
+    const promise = this.client.enqueueRequest({
       description: "Bulk add form submissions",
       method: HttpMethod.POST,
       url: `/forms/revisions/${formRevision}/bulk-respond/`,
@@ -7492,7 +7423,7 @@ class UserFormSubmissionService extends BaseApiService {
         attachments: attachmentsPayload,
         files: Object.values(filesRecord)
       },
-      blockers: assetOfflineIds,
+      blockers: componentOfflineIds,
       blocks: submissionOfflineIds
     });
     promise.then(({ submissions, attachments, presigned_urls }) => {
@@ -7502,7 +7433,7 @@ class UserFormSubmissionService extends BaseApiService {
         const file = filesRecord[sha1];
         if (!file)
           continue;
-        void this.enqueueRequest({
+        void this.client.enqueueRequest({
           url: presigned_url.url,
           description: "Upload file",
           method: HttpMethod.POST,
@@ -7530,12 +7461,12 @@ class UserFormSubmissionService extends BaseApiService {
     };
     const submissionToBeUpdated = store.getState().formSubmissionReducer.formSubmissions[submission.offline_id];
     store.dispatch(updateFormSubmission(offlineSubmission));
-    const promise = this.enqueueRequest({
+    const promise = this.client.enqueueRequest({
       description: "Patch form submission",
       method: HttpMethod.PATCH,
       url: `/forms/submissions/${submission.offline_id}/`,
       payload: offlineSubmission,
-      blockers: [offlineSubmission.issue, offlineSubmission.asset, offlineSubmission.asset_stage].filter(
+      blockers: [offlineSubmission.issue, offlineSubmission.component, offlineSubmission.component_stage].filter(
         (x) => x !== void 0
       ),
       blocks: [offlineSubmission.offline_id]
@@ -7556,7 +7487,7 @@ class UserFormSubmissionService extends BaseApiService {
     store.dispatch(addActiveProjectFormSubmissionsCount(-1));
     store.dispatch(deleteFormSubmissionAttachments(submissionAttachments.map((x) => x.offline_id)));
     try {
-      return await this.enqueueRequest({
+      return await this.client.enqueueRequest({
         description: "Delete user form submissions",
         method: HttpMethod.DELETE,
         url: `/forms/submissions/${submissionId}/`,
@@ -7573,7 +7504,7 @@ class UserFormSubmissionService extends BaseApiService {
   async refreshStore() {
     const { store } = this.client;
     const projectId = store.getState().projectReducer.activeProjectId;
-    const submissions = await this.enqueueRequest({
+    const submissions = await this.client.enqueueRequest({
       description: "Fetch form submissions",
       method: HttpMethod.GET,
       url: `/forms/in-project/${projectId}/submissions/`,
@@ -7581,7 +7512,7 @@ class UserFormSubmissionService extends BaseApiService {
       blocks: []
     });
     store.dispatch(setFormSubmissions(submissions));
-    const attachments = await this.enqueueRequest({
+    const attachments = await this.client.enqueueRequest({
       description: "Fetch form attachments",
       method: HttpMethod.GET,
       url: `/forms/in-project/${projectId}/attachments/`,
@@ -7596,7 +7527,7 @@ class WorkspaceService extends BaseApiService {
     const { store } = this.client;
     const offlineWorkspace = offline(workspace);
     store.dispatch(addWorkspace(offlineWorkspace));
-    const promise = this.enqueueRequest({
+    const promise = this.client.enqueueRequest({
       description: "Create Workspace",
       method: HttpMethod.POST,
       url: `/projects/${store.getState().projectReducer.activeProjectId}/workspaces/`,
@@ -7614,7 +7545,7 @@ class WorkspaceService extends BaseApiService {
   update(workspace) {
     const { store } = this.client;
     store.dispatch(addOrReplaceWorkspaces({ [workspace.offline_id]: workspace }));
-    const promise = this.enqueueRequest({
+    const promise = this.client.enqueueRequest({
       description: "Update Workspace",
       method: HttpMethod.PATCH,
       url: `/workspaces/${workspace.offline_id}/`,
@@ -7626,7 +7557,7 @@ class WorkspaceService extends BaseApiService {
   }
   delete(workspaceId) {
     const { store } = this.client;
-    const promise = this.enqueueRequest({
+    const promise = this.client.enqueueRequest({
       description: "Delete Workspace",
       method: HttpMethod.DELETE,
       url: `/workspaces/${workspaceId}/`,
@@ -7648,7 +7579,7 @@ class WorkspaceService extends BaseApiService {
 }
 class OrganizationAccessService extends BaseApiService {
   async update(organizationAccess) {
-    const promise = this.enqueueRequest({
+    const promise = this.client.enqueueRequest({
       description: "Edit organization access",
       method: HttpMethod.PATCH,
       url: `/organizations/${organizationAccess.organization}/access/${organizationAccess.offline_id}/`,
@@ -7664,7 +7595,7 @@ class OrganizationAccessService extends BaseApiService {
   async remove(organizationAccess) {
     this.client.store.dispatch(removeOrganizationAccess(organizationAccess));
     this.client.store.dispatch(removeUser(organizationAccess.user));
-    return this.enqueueRequest({
+    return this.client.enqueueRequest({
       description: "Remove organization access",
       method: HttpMethod.DELETE,
       url: `/organizations/${organizationAccess.organization}/access/${organizationAccess.offline_id}/`,
@@ -7679,7 +7610,7 @@ class OrganizationAccessService extends BaseApiService {
     if (!organizationId) {
       return;
     }
-    const result = await this.enqueueRequest({
+    const result = await this.client.enqueueRequest({
       description: "Get organization accesses",
       method: HttpMethod.GET,
       url: `/organizations/${organizationId}/access/`,
@@ -7711,7 +7642,7 @@ class FileService extends BaseApiService {
     if (!file)
       throw new Error(`File with sha1 ${sha1} not found in cache`);
     const key = await getFileS3Key(file, sha1);
-    const s3UploadUrl = await this.enqueueRequest({
+    const s3UploadUrl = await this.client.enqueueRequest({
       description: "Get S3 URL",
       method: HttpMethod.GET,
       url: "/authentication/files/presigned-upload-url/",
@@ -7795,7 +7726,7 @@ class FileService extends BaseApiService {
       throw new Error(fileUploadUrlResponse.warning);
     }
     const url = fileUploadUrlResponse.url;
-    const promise = this.enqueueRequest({
+    const promise = this.client.enqueueRequest({
       url,
       description: "Upload file",
       method: HttpMethod.POST,
@@ -7837,7 +7768,7 @@ class FileService extends BaseApiService {
     let isFirstRequest = true;
     if (!promise) {
       promise = new Promise((resolve) => {
-        void this.enqueueRequest({
+        void this.client.enqueueRequest({
           description: "Download file",
           method: HttpMethod.GET,
           url,
@@ -7905,7 +7836,7 @@ class EmailVerificationService extends BaseApiService {
       blockers: [],
       blocks: []
     };
-    return this.enqueueRequest(requestDetails);
+    return this.client.enqueueRequest(requestDetails);
   }
   validateVerificationCode(verificationCode, payload = void 0) {
     const requestDetails = {
@@ -7917,12 +7848,12 @@ class EmailVerificationService extends BaseApiService {
       blockers: [],
       blocks: []
     };
-    return this.enqueueRequest(requestDetails);
+    return this.client.enqueueRequest(requestDetails);
   }
 }
 class EmailDomainsService extends BaseApiService {
   async fetchAll(orgId) {
-    return this.enqueueRequest({
+    return this.client.enqueueRequest({
       description: "Fetch email domains for organization",
       method: HttpMethod.GET,
       url: `/organizations/${orgId}/email-domains/`,
@@ -7931,7 +7862,7 @@ class EmailDomainsService extends BaseApiService {
     });
   }
   async add(orgId, email) {
-    return this.enqueueRequest({
+    return this.client.enqueueRequest({
       description: "Add email domain to organization",
       method: HttpMethod.POST,
       url: `/organizations/${orgId}/email-domains/`,
@@ -7942,7 +7873,7 @@ class EmailDomainsService extends BaseApiService {
   }
   async remove(emailDomain) {
     this.client.store.dispatch(removeEmailDomain(emailDomain));
-    return this.enqueueRequest({
+    return this.client.enqueueRequest({
       description: "Remove email domain from organization",
       method: HttpMethod.DELETE,
       url: `/organizations/${emailDomain.organization}/email-domains/${emailDomain.offline_id}/`,
@@ -7968,7 +7899,7 @@ class OrganizationService extends BaseApiService {
     if (showLoading) {
       this.client.store.dispatch(setIsFetchingInitialData(true));
     }
-    return this.enqueueRequest({
+    return this.client.enqueueRequest({
       description: "Get initial organization data",
       method: HttpMethod.GET,
       url: `/organizations/${organizationId}/initial-data/`,
@@ -7996,7 +7927,7 @@ class OrganizationService extends BaseApiService {
     }
   }
   async create(name) {
-    const result = await this.enqueueRequest({
+    const result = await this.client.enqueueRequest({
       description: "Create organization",
       method: HttpMethod.POST,
       url: "/organizations/",
@@ -8008,7 +7939,7 @@ class OrganizationService extends BaseApiService {
     return result;
   }
   async update(organization) {
-    const promise = this.enqueueRequest({
+    const promise = this.client.enqueueRequest({
       description: "Edit organization",
       method: HttpMethod.PATCH,
       url: `/organizations/${organization.id}/`,
@@ -8022,7 +7953,7 @@ class OrganizationService extends BaseApiService {
     });
   }
   async invite(organizationId, email) {
-    return this.enqueueRequest({
+    return this.client.enqueueRequest({
       description: "Invite user to organization",
       method: HttpMethod.POST,
       url: `/organizations/${organizationId}/invite/${email}/`,
@@ -8036,7 +7967,7 @@ class LicenseService extends BaseApiService {
     if (showLoading) {
       this.client.store.dispatch(setIsFetchingInitialData(true));
     }
-    const result = await this.enqueueRequest({
+    const result = await this.client.enqueueRequest({
       description: "Get licenses",
       method: HttpMethod.GET,
       url: `/organizations/${organizationId}/licenses/`,
@@ -8051,7 +7982,7 @@ class LicenseService extends BaseApiService {
     return result;
   }
   async getLicense(license) {
-    const result = await this.enqueueRequest({
+    const result = await this.client.enqueueRequest({
       description: "Get license",
       method: HttpMethod.GET,
       url: `/billing/${license.offline_id}/`,
@@ -8065,7 +7996,7 @@ class LicenseService extends BaseApiService {
     return result;
   }
   async pauseLicense(license) {
-    const result = await this.enqueueRequest({
+    const result = await this.client.enqueueRequest({
       description: "Pause license",
       method: HttpMethod.DELETE,
       url: `/billing/${license.offline_id}/suspend/`,
@@ -8079,7 +8010,7 @@ class LicenseService extends BaseApiService {
     return result;
   }
   async resumeLicense(license) {
-    const result = await this.enqueueRequest({
+    const result = await this.client.enqueueRequest({
       description: "Resume license",
       method: HttpMethod.PATCH,
       url: `/billing/${license.offline_id}/suspend/`,
@@ -8093,7 +8024,7 @@ class LicenseService extends BaseApiService {
     return result;
   }
   async cancelLicense(license) {
-    const result = await this.enqueueRequest({
+    const result = await this.client.enqueueRequest({
       description: "Cancel license",
       method: HttpMethod.DELETE,
       url: `/billing/${license.offline_id}/`,
@@ -8107,7 +8038,7 @@ class LicenseService extends BaseApiService {
     return result;
   }
   async attachLicenseToProject(license, project) {
-    const result = await this.enqueueRequest({
+    const result = await this.client.enqueueRequest({
       description: "Attach license",
       method: HttpMethod.PATCH,
       url: `/billing/${license.offline_id}/project/`,
@@ -8123,7 +8054,7 @@ class LicenseService extends BaseApiService {
     return result;
   }
   async detachLicenseFromProject(license) {
-    const result = await this.enqueueRequest({
+    const result = await this.client.enqueueRequest({
       description: "Detach license",
       method: HttpMethod.DELETE,
       url: `/billing/${license.offline_id}/project/`,
@@ -8137,7 +8068,7 @@ class LicenseService extends BaseApiService {
     return result;
   }
   async getLatestTransaction(license) {
-    return await this.enqueueRequest({
+    return await this.client.enqueueRequest({
       description: "Get latest transaction",
       method: HttpMethod.GET,
       url: `/billing/${license.offline_id}/transaction/`,
@@ -8165,7 +8096,7 @@ class DocumentService extends BaseApiService {
       children_documents: []
     };
     store.dispatch(addDocuments([submittedDocument]));
-    const promise = this.enqueueRequest({
+    const promise = this.client.enqueueRequest({
       description: "Create Document",
       method: HttpMethod.POST,
       url: `/projects/${activeProjectId}/documents/`,
@@ -8191,7 +8122,7 @@ class DocumentService extends BaseApiService {
       );
     }
     store.dispatch(updateDocuments([document2]));
-    const promise = this.enqueueRequest({
+    const promise = this.client.enqueueRequest({
       description: "Update Document",
       method: HttpMethod.PATCH,
       url: `/documents/${document2.offline_id}/`,
@@ -8232,7 +8163,7 @@ class DocumentService extends BaseApiService {
       }
     }
     store.dispatch(moveDocument({ documentId, targetDocumentId, position }));
-    const promise = this.enqueueRequest({
+    const promise = this.client.enqueueRequest({
       description: "Move Document",
       method: HttpMethod.PATCH,
       url: `/documents/${documentId}/move/`,
@@ -8261,7 +8192,7 @@ class DocumentService extends BaseApiService {
     }
     const parentDocument = documentToBeDeleted.parent_document ? documentsMapping[documentToBeDeleted.parent_document] : void 0;
     store.dispatch(removeDocuments([documentId]));
-    const promise = this.enqueueRequest({
+    const promise = this.client.enqueueRequest({
       description: "Delete Document",
       method: HttpMethod.DELETE,
       url: `/documents/${documentId}/`,
@@ -8282,7 +8213,7 @@ class DocumentService extends BaseApiService {
     const { store } = this.client;
     const state = store.getState();
     const activeProjectId = state.projectReducer.activeProjectId;
-    const projectDocumentsPromise = this.enqueueRequest({
+    const projectDocumentsPromise = this.client.enqueueRequest({
       description: "Get project documents",
       method: HttpMethod.GET,
       url: `/projects/${activeProjectId}/documents/`,
@@ -8290,7 +8221,7 @@ class DocumentService extends BaseApiService {
       blocks: []
     });
     const activeOrganizationId = state.organizationReducer.activeOrganizationId;
-    const organizationDocumentsPromise = this.enqueueRequest({
+    const organizationDocumentsPromise = this.client.enqueueRequest({
       description: "Get organization documents",
       method: HttpMethod.GET,
       url: `/organizations/${activeOrganizationId}/documents/`,
@@ -8346,7 +8277,7 @@ class DocumentAttachmentService extends BaseAttachmentService {
 class AgentService extends BaseApiService {
   async startConversation(prompt) {
     const activeProjectId = this.client.store.getState().projectReducer.activeProjectId;
-    return this.enqueueRequest({
+    return this.client.enqueueRequest({
       description: "Start agent conversation",
       method: HttpMethod.POST,
       url: "/agents/prompt/",
@@ -8372,7 +8303,7 @@ class AgentService extends BaseApiService {
   async continueConversation(prompt, conversationId) {
     const { store } = this.client;
     const activeProjectId = store.getState().projectReducer.activeProjectId;
-    return this.enqueueRequest({
+    return this.client.enqueueRequest({
       description: "Prompt agent",
       method: HttpMethod.POST,
       url: "/agents/prompt/",
@@ -8400,7 +8331,7 @@ class AgentService extends BaseApiService {
     });
   }
   async fetchDetails(conversationId) {
-    return this.enqueueRequest({
+    return this.client.enqueueRequest({
       description: "Get agent conversation",
       method: HttpMethod.GET,
       url: `/agents/conversations/${conversationId}/`,
@@ -8411,7 +8342,7 @@ class AgentService extends BaseApiService {
     });
   }
   async rate(responseId, rating) {
-    return this.enqueueRequest({
+    return this.client.enqueueRequest({
       description: "Rate agent response",
       method: HttpMethod.PUT,
       url: `/agents/responses/${responseId}/rate/`,
@@ -8423,7 +8354,7 @@ class AgentService extends BaseApiService {
   async refreshStore() {
     const { store } = this.client;
     const activeProject = store.getState().projectReducer.activeProjectId;
-    const result = await this.enqueueRequest({
+    const result = await this.client.enqueueRequest({
       description: "Get agent conversation history",
       method: HttpMethod.GET,
       url: `/projects/${activeProject}/agent-conversations/`,
@@ -8449,7 +8380,7 @@ class TeamService extends BaseApiService {
       // created_by: state.userReducer.currentUser.id,
     });
     store.dispatch(addTeam(offlineTeam));
-    const promise = this.enqueueRequest({
+    const promise = this.client.enqueueRequest({
       description: "Create team",
       method: HttpMethod.POST,
       url: `/organizations/${activeOrganizationId}/teams/`,
@@ -8474,7 +8405,7 @@ class TeamService extends BaseApiService {
       ...team
     };
     store.dispatch(updateTeam(offlineUpdatedTeam));
-    const promise = this.enqueueRequest({
+    const promise = this.client.enqueueRequest({
       description: "Update team",
       method: HttpMethod.PATCH,
       url: `/organizations/teams/${team.offline_id}/`,
@@ -8498,7 +8429,7 @@ class TeamService extends BaseApiService {
     }
     store.dispatch(deleteTeam(teamId));
     try {
-      return await this.enqueueRequest({
+      return await this.client.enqueueRequest({
         description: "Delete team",
         method: HttpMethod.DELETE,
         url: `/organizations/teams/${teamId}/`,
@@ -8520,7 +8451,7 @@ class TeamService extends BaseApiService {
       throw new Error("Duplicate members found in the list");
     }
     store.dispatch(updateTeam({ ...team, members }));
-    const promise = this.enqueueRequest({
+    const promise = this.client.enqueueRequest({
       description: "Set team members",
       method: HttpMethod.PUT,
       url: `/organizations/teams/${teamId}/set-members/`,
@@ -8559,7 +8490,7 @@ class TeamService extends BaseApiService {
     if (!activeOrganizationId) {
       throw new Error(`Expected active organization to be set, got ${activeOrganizationId}`);
     }
-    const result = await this.enqueueRequest({
+    const result = await this.client.enqueueRequest({
       description: "Fetch teams",
       method: HttpMethod.GET,
       url: `/organizations/${activeOrganizationId}/teams/`,
@@ -8569,6 +8500,46 @@ class TeamService extends BaseApiService {
     store.dispatch(setTeams(result));
   }
 }
+class DeferredPromise {
+  constructor() {
+    __publicField(this, _a, "Promise");
+    __publicField(this, "_promise");
+    __publicField(this, "_resolve");
+    __publicField(this, "_reject");
+    __publicField(this, "_state", "pending");
+    this._resolve = null;
+    this._reject = null;
+    this._promise = new Promise((resolve, reject) => {
+      this._resolve = resolve;
+      this._reject = reject;
+    });
+  }
+  get state() {
+    return this._state;
+  }
+  then(onFulfilled, onRejected) {
+    return this._promise.then(onFulfilled, onRejected);
+  }
+  catch(onRejected) {
+    return this._promise.catch(onRejected);
+  }
+  resolve(value) {
+    if (!this._resolve)
+      throw new Error("No resolve callback");
+    this._resolve(value);
+    this._state = "fulfilled";
+  }
+  reject(reason) {
+    if (!this._reject)
+      throw reason;
+    this._reject(reason);
+    this._state = "rejected";
+  }
+  finally(_onFinally) {
+    throw new Error("`finally` not implemented");
+  }
+}
+_a = Symbol.toStringTag;
 class OvermapSDK {
   constructor(apiUrl, store) {
     __publicField(this, "API_URL");
@@ -8587,12 +8558,12 @@ class OvermapSDK {
     __publicField(this, "issueAttachments", new IssueAttachmentService(this));
     __publicField(this, "workspaces", new WorkspaceService(this));
     __publicField(this, "main", new MainService(this));
-    __publicField(this, "assets", new AssetService(this));
-    __publicField(this, "assetAttachments", new AssetAttachmentService(this));
-    __publicField(this, "assetTypes", new AssetTypeService(this));
-    __publicField(this, "assetTypeAttachments", new AssetTypeAttachmentService(this));
-    __publicField(this, "assetStages", new AssetStageService(this));
-    __publicField(this, "assetStageCompletions", new AssetStageCompletionService(this));
+    __publicField(this, "components", new ComponentService(this));
+    __publicField(this, "componentAttachments", new ComponentAttachmentService(this));
+    __publicField(this, "componentTypes", new ComponentTypeService(this));
+    __publicField(this, "componentTypeAttachments", new ComponentTypeAttachmentService(this));
+    __publicField(this, "componentStages", new ComponentStageService(this));
+    __publicField(this, "componentStageCompletions", new ComponentStageCompletionService(this));
     __publicField(this, "userForms", new UserFormService(this));
     __publicField(this, "userFormSubmissions", new UserFormSubmissionService(this));
     __publicField(this, "projects", new ProjectService(this));
@@ -8607,6 +8578,87 @@ class OvermapSDK {
     this.API_URL = apiUrl;
     this.store = store;
   }
+  /**
+   * Enqueues an API request to the offline outbox.
+   * @param requestDetails An SDKRequest object containing the details of the request.
+   * @protected
+   */
+  async enqueueRequest(requestDetails) {
+    return this._enqueueRequest(requestDetails).then((result) => {
+      if (result instanceof APIError) {
+        throw result;
+      }
+      return result;
+    });
+  }
+  /**
+   * Enqueues an API request to the Redux Offline outbox
+   * @protected
+   */
+  _enqueueRequest(requestDetails) {
+    const promise = new DeferredPromise();
+    const requestDetailsWithBaseUrl = { ...requestDetails, BASE_URL: this.API_URL };
+    if (requestDetails.immediate) {
+      const requestWithUuid = {
+        ...requestDetailsWithBaseUrl,
+        uuid: requestDetails.uuid ?? v4()
+      };
+      const fullOfflineAction = {
+        payload: requestWithUuid,
+        type: "",
+        meta: {
+          offline: {
+            effect: {
+              timestamp: (/* @__PURE__ */ new Date()).toISOString(),
+              request: requestWithUuid,
+              BASE_URL: this.API_URL
+            }
+          }
+        }
+      };
+      performRequest(fullOfflineAction, this).then((result) => {
+        promise.resolve(result.body);
+      }).catch((error2) => {
+        discard(error2, fullOfflineAction);
+        promise.reject(error2);
+      });
+    } else {
+      const innerPromise = this.store.dispatch(
+        enqueueRequest(requestDetailsWithBaseUrl)
+      );
+      const successOrUndefinedHandler = (response) => {
+        if (response) {
+          promise.resolve(response.body);
+        } else {
+          const error2 = new APIError({
+            message: "Could not get a response from the server.",
+            response,
+            discard: true
+          });
+          promise.reject(error2);
+        }
+      };
+      const errorHandler = (error2) => {
+        if (error2 instanceof APIError) {
+          error2.options.discard = true;
+        } else {
+          console.error(
+            "Received an unexpected error while processing a request:",
+            error2,
+            "\nConverting error to APIError and discarding."
+          );
+          error2 = new APIError({
+            message: "An error occurred while processing the request.",
+            innerError: error2,
+            discard: true
+          });
+        }
+        promise.reject(error2);
+      };
+      innerPromise.then(successOrUndefinedHandler, errorHandler);
+    }
+    return promise;
+  }
 }
 const makeClient = (apiUrl, store) => new OvermapSDK(apiUrl, store);
 const SDKContext = React__default.createContext({});
@@ -15223,9 +15275,9 @@ const FormBrowser = memo(
     }, [filter, maxResults, ownerFilter]);
     const userForms = useAppSelector(selectFilteredForms(ownerFilterOptions)) ?? [];
     const userFormMapping = useAppSelector(selectFormMapping);
-    const attachableUserForms = userForms.filter((form) => !form.asset_type && !form.issue_type);
+    const attachableUserForms = userForms.filter((form) => !form.component_type && !form.issue_type);
     const attachableUserFormMapping = Object.values(userFormMapping).filter(
-      (form) => !form.asset_type
+      (form) => !form.component_type
     );
     const handleToggleFavorite = useCallback(
       (form) => {
@@ -16630,13 +16682,6 @@ const index = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.definePropert
 export {
   APIError,
   AgentService,
-  AssetAttachmentService,
-  AssetService,
-  AssetStageColors,
-  AssetStageCompletionService,
-  AssetStageService,
-  AssetTypeAttachmentService,
-  AssetTypeService,
   AttachmentModel,
   AuthService,
   BaseApiService,
@@ -16648,6 +16693,13 @@ export {
   ColorPicker,
   Colors,
   ColorsToString,
+  ComponentAttachmentService,
+  ComponentService,
+  ComponentStageColors,
+  ComponentStageCompletionService,
+  ComponentStageService,
+  ComponentTypeAttachmentService,
+  ComponentTypeService,
   DEFAULT_ISSUE_PRIORITY,
   DEFAULT_ISSUE_STATUS,
   DateField,
@@ -16739,14 +16791,14 @@ export {
   acceptProjectInvite,
   addActiveProjectFormSubmissionsCount,
   addActiveProjectIssuesCount,
-  addAsset,
-  addAssetAttachment,
-  addAssetAttachments,
-  addAssetType,
-  addAssetTypeAttachment,
-  addAssetTypeAttachments,
-  addAssetsInBatches,
   addCategory,
+  addComponent,
+  addComponentAttachment,
+  addComponentAttachments,
+  addComponentType,
+  addComponentTypeAttachment,
+  addComponentTypeAttachments,
+  addComponentsInBatches,
   addConversation,
   addDocumentAttachment,
   addDocumentAttachments,
@@ -16791,14 +16843,6 @@ export {
   agentsReducer,
   agentsSlice,
   areArraysEqual,
-  assetReducer,
-  assetSlice,
-  assetStageCompletionReducer,
-  assetStageCompletionSlice,
-  assetStageReducer,
-  assetStageSlice,
-  assetTypeReducer,
-  assetTypeSlice,
   authReducer,
   authSlice,
   blobToBase64,
@@ -16808,6 +16852,14 @@ export {
   classNames$1 as classNames,
   cleanRecentIssues,
   clearTokens,
+  componentReducer,
+  componentSlice,
+  componentStageCompletionReducer,
+  componentStageCompletionSlice,
+  componentStageReducer,
+  componentStageSlice,
+  componentTypeReducer,
+  componentTypeSlice,
   constructUploadedFilePayloads,
   coordinatesAreEqual,
   coordinatesToLiteral,
@@ -16818,7 +16870,7 @@ export {
   createPointMarker,
   defaultBadgeColor,
   defaultStore,
-  deleteAssetType,
+  deleteComponentType,
   deleteForm,
   deleteFormRevision,
   deleteFormRevisionAttachment,
@@ -16867,7 +16919,7 @@ export {
   formSubmissionReducer,
   formSubmissionSlice,
   index as forms,
-  fullAssetMarkerSize,
+  fullComponentMarkerSize,
   generateBadgeColors,
   genericMemo,
   getFileIdentifier,
@@ -16927,15 +16979,15 @@ export {
   projectSlice,
   rehydratedReducer,
   rehydratedSlice,
-  removeAllAssetsOfType,
-  removeAsset,
-  removeAssetAttachment,
-  removeAssetAttachments,
-  removeAssetTypeAttachment,
-  removeAssetTypeAttachments,
+  removeAllComponentsOfType,
   removeAttachmentsOfIssue,
   removeCategory,
   removeColor,
+  removeComponent,
+  removeComponentAttachment,
+  removeComponentAttachments,
+  removeComponentTypeAttachment,
+  removeComponentTypeAttachments,
   removeDocumentAttachment,
   removeDocumentAttachments,
   removeDocuments,
@@ -16986,31 +17038,16 @@ export {
   selectActiveWorkspace,
   selectActiveWorkspaceId,
   selectAllAttachments,
+  selectAllComponentAttachments,
+  selectAllComponentTypeAttachments,
   selectAllDocumentAttachments,
   selectAllProjectAttachments,
   selectAncestorIdsOfDocument,
   selectAppearance,
-  selectAsset,
-  selectAssetAttachment,
-  selectAssetAttachmentMapping,
-  selectAssetAttachments,
-  selectAssetToAssetTypeMapping,
-  selectAssetType,
-  selectAssetTypeAttachment,
-  selectAssetTypeAttachmentMapping,
-  selectAssetTypeAttachments,
-  selectAssetTypeStagesMapping,
-  selectAssetTypes,
-  selectAssetTypesByName,
-  selectAssetTypesFromIds,
-  selectAssetTypesMapping,
-  selectAssets,
-  selectAssetsMapping,
-  selectAssetsOfAssetType,
-  selectAttachmentsOfAsset,
-  selectAttachmentsOfAssetType,
-  selectAttachmentsOfAssetTypeByType,
-  selectAttachmentsOfAssetsByType,
+  selectAttachmentsOfComponent,
+  selectAttachmentsOfComponentByType,
+  selectAttachmentsOfComponentType,
+  selectAttachmentsOfComponentTypeByType,
   selectAttachmentsOfDocument,
   selectAttachmentsOfDocumentByType,
   selectAttachmentsOfFormRevision,
@@ -17027,8 +17064,25 @@ export {
   selectCenterMapToProject,
   selectCommentMapping,
   selectCommentsOfIssue,
-  selectCompletedStageIdsForAsset,
+  selectCompletedStageIdsForComponent,
   selectCompletedStages,
+  selectComponent,
+  selectComponentAttachment,
+  selectComponentAttachmentMapping,
+  selectComponentType,
+  selectComponentTypeAttachment,
+  selectComponentTypeAttachmentMapping,
+  selectComponentTypeFromComponent,
+  selectComponentTypeFromComponents,
+  selectComponentTypeStagesMapping,
+  selectComponentTypes,
+  selectComponentTypesByName,
+  selectComponentTypesFromIds,
+  selectComponentTypesMapping,
+  selectComponents,
+  selectComponentsByType,
+  selectComponentsFromComponentType,
+  selectComponentsMapping,
   selectConversation,
   selectConversationMapping,
   selectConversations,
@@ -17053,7 +17107,7 @@ export {
   selectFilteredForms,
   selectForm,
   selectFormMapping,
-  selectFormOfAssetType,
+  selectFormOfComponentType,
   selectFormOfIssueType,
   selectFormRevision,
   selectFormRevisionMapping,
@@ -17062,16 +17116,16 @@ export {
   selectFormSubmission,
   selectFormSubmissionAttachmentsMapping,
   selectFormSubmissions,
-  selectFormSubmissionsByAssets,
+  selectFormSubmissionsByComponents,
   selectFormSubmissionsByFormRevisions,
   selectFormSubmissionsMapping,
-  selectFormSubmissionsOfAsset,
+  selectFormSubmissionsOfComponent,
   selectFormSubmissionsOfForm,
   selectFormSubmissionsOfIssue,
   selectFormsCount,
   selectGeneralFormCount,
-  selectHiddenAssetTypeIds,
   selectHiddenCategoryCount,
+  selectHiddenComponentTypeIds,
   selectIsFetchingInitialData,
   selectIsImportingProjectFile,
   selectIsLoading,
@@ -17093,7 +17147,7 @@ export {
   selectIssuesOfIssueTypeCount,
   selectLatestFormRevisionByForm,
   selectLatestFormRevisionOfForm,
-  selectLatestFormRevisionsOfAssetTypes,
+  selectLatestFormRevisionsOfComponentTypes,
   selectLatestRetryTime,
   selectLicense,
   selectLicenseForProject,
@@ -17101,8 +17155,8 @@ export {
   selectLicensesForProjectsMapping,
   selectMainWorkspace,
   selectMapStyle,
-  selectNumberOfAssetTypesMatchingCaseInsensitiveName,
-  selectNumberOfAssetsOfAssetType,
+  selectNumberOfComponentTypesMatchingCaseInsensitiveName,
+  selectNumberOfComponentsOfComponentType,
   selectOrganization,
   selectOrganizationAccess,
   selectOrganizationAccessForUser,
@@ -17143,9 +17197,9 @@ export {
   selectStageFormIdsFromStageIds,
   selectStageMapping,
   selectStages,
-  selectStagesFromAssetTypeIds,
+  selectStagesFromComponentType,
+  selectStagesFromComponentTypeIds,
   selectStagesFromStageIds,
-  selectStagesOfAssetType,
   selectTeam,
   selectTeams,
   selectTeamsMapping,
@@ -17167,14 +17221,14 @@ export {
   setActiveProjectId,
   setActiveWorkspaceId,
   setAppearance,
-  setAssetAttachment,
-  setAssetAttachments,
-  setAssetTypeAttachment,
-  setAssetTypeAttachments,
-  setAssetTypes,
-  setAssets,
   setCategories,
   setCenterMapToProject,
+  setComponentAttachment,
+  setComponentAttachments,
+  setComponentTypeAttachment,
+  setComponentTypeAttachments,
+  setComponentTypes,
+  setComponents,
   setConversation,
   setConversations,
   setCreateProjectType,
@@ -17237,18 +17291,18 @@ export {
   teamSlice,
   toFileNameSafeString,
   toOfflineIdRecord,
-  toggleAssetTypeVisibility,
+  toggleComponentTypeVisibility,
   truncate,
   unfavoriteForm,
   unhideAllCategories,
   unhideCategory,
   unlinkStageToForm,
   updateActiveOrganization,
-  updateAsset,
-  updateAssetAttachment,
-  updateAssetAttachments,
-  updateAssetTypeAttachment,
-  updateAssetTypeAttachments,
+  updateComponent,
+  updateComponentAttachment,
+  updateComponentAttachments,
+  updateComponentTypeAttachment,
+  updateComponentTypeAttachments,
   updateConversation,
   updateDocumentAttachment,
   updateDocumentAttachments,