@overmap-ai/core 1.0.38 → 1.0.39

package/dist/overmap-core.js

@@ -1677,6 +1677,22 @@ const componentStageSlice = createSlice({
       action.payload.forEach((id) => {
         delete state.stages[id];
       });
+    },
+    linkStageToForm: (state, action) => {
+      const { stageId, formId: formId2 } = action.payload;
+      const stage = state.stages[stageId];
+      if (!stage) {
+        throw new Error("No stage exists with the id " + stageId);
+      }
+      stage.user_form = formId2;
+    },
+    unlinkStageToForm: (state, action) => {
+      const { stageId } = action.payload;
+      const stage = state.stages[stageId];
+      if (!stage) {
+        throw new Error("No stage exists with the id " + stageId);
+      }
+      delete stage.user_form;
     }
   }
 });
@@ -1721,7 +1737,22 @@ const selectStagesFromStageIds = restructureCreateSelectorWithArgs(
     return stageIds.map((offline_id) => stageMapping[offline_id]).filter((stage) => !!stage);
   })
 );
-const { addStages, updateStages, removeStages } = componentStageSlice.actions;
+const selectStageFormIdsFromStageIds = restructureCreateSelectorWithArgs(
+  createSelector([selectStageMapping, (_state, stageIds) => stageIds], (stageMapping, stageIds) => {
+    const ret = {};
+    for (const stageId of stageIds) {
+      const stage = stageMapping[stageId];
+      if (!stage) {
+        throw new Error("No stage exists with the id " + stageId);
+      }
+      if (stage.user_form) {
+        ret[stageId] = stage.user_form;
+      }
+    }
+    return ret;
+  })
+);
+const { addStages, updateStages, removeStages, linkStageToForm, unlinkStageToForm } = componentStageSlice.actions;
 const componentStageReducer = componentStageSlice.reducer;
 const initialState$g = {
   componentTypes: {},
@@ -3017,7 +3048,7 @@ const userFormSlice = createSlice({
         delete LATEST_REVISION_CACHE[userFormRevision.offline_id];
       }
     },
-    addUserFormSubmission: (state, action) => {
+    updateOrCreateUserFormSubmission: (state, action) => {
       state.submissions[action.payload.offline_id] = action.payload;
     },
     addUserFormSubmissionAttachment: (state, action) => {
@@ -3106,7 +3137,7 @@ const {
   addUserForm,
   addUserForms,
   addUserFormRevisions,
-  addUserFormSubmission,
+  updateOrCreateUserFormSubmission,
   addUserFormSubmissions,
   deleteUserFormSubmission,
   deleteUserFormSubmissions,
@@ -3198,7 +3229,6 @@ const selectUserForm = (formId2) => (state) => {
 const selectSubmissionMapping = (state) => state.userFormReducer.submissions;
 const selectSubmissions = createSelector([selectSubmissionMapping], (submissions) => Object.values(submissions));
 const selectRevisionMapping = (state) => state.userFormReducer.revisions;
-const selectRevisionAttachmentsMapping = (state) => state.userFormReducer.revisionAttachments;
 const selectRevisions = createSelector([selectRevisionMapping], (revisions) => Object.values(revisions));
 const selectRevisionsForForm = restructureCreateSelectorWithArgs(
   createSelector([selectRevisions, (_state, formId2) => formId2], (revisions, formId2) => {
@@ -3241,6 +3271,33 @@ const selectSubmissionsForComponent = restructureCreateSelectorWithArgs(
 const selectUserFormMapping = (state) => {
   return state.userFormReducer.userForms;
 };
+const selectComponentTypeForm = restructureCreateSelectorWithArgs(
+  createSelector(
+    [selectUserFormMapping, (_state, componentTypeId) => componentTypeId],
+    (userForms, componentTypeId) => {
+      return Object.values(userForms).find((userForm) => userForm.component_type === componentTypeId);
+    }
+  )
+);
+const selectLatestRevisionsFromComponentTypeIds = restructureCreateSelectorWithArgs(
+  createSelector(
+    [
+      selectUserFormMapping,
+      selectRevisionMapping,
+      (_state, componentTypeIds) => componentTypeIds
+    ],
+    (userForms, revisions, componentTypeIds) => {
+      const componentTypeIdsSet = new Set(componentTypeIds);
+      const ret = {};
+      for (const form of Object.values(userForms)) {
+        if (form.component_type && componentTypeIdsSet.has(form.component_type)) {
+          ret[form.component_type] = _selectLatestFormRevision(revisions, form.offline_id);
+        }
+      }
+      return ret;
+    }
+  )
+);
 const selectLatestRevisionByFormId = createSelector([selectRevisionMapping], (revisions) => {
   const latestRevisions = {};
   for (const revision of Object.values(revisions)) {
@@ -3252,22 +3309,12 @@ const selectLatestRevisionByFormId = createSelector([selectRevisionMapping], (re
   }
   return latestRevisions;
 });
-const selectAllRevisionAttachmentsByLatestRevisionId = createSelector(
-  [selectUserFormMapping, selectRevisionMapping, selectRevisionAttachmentsMapping],
-  (forms, revisions, attachments) => {
-    const mappedAttachments = {};
-    for (const form of Object.values(forms)) {
-      const latestRevision = _selectLatestFormRevision(revisions, form.offline_id);
-      if (attachments[latestRevision.offline_id] !== void 0) {
-        mappedAttachments[latestRevision.offline_id] = attachments[latestRevision.offline_id];
-      }
-    }
-    return mappedAttachments;
-  }
-);
 const selectNumberOfUserForms = createSelector([selectUserFormMapping], (userForms) => {
   return Object.keys(userForms).length;
 });
+const selectNumberOfGeneralUserForms = createSelector([selectUserFormMapping], (userForms) => {
+  return Object.values(userForms).filter((form) => !form.component_type).length;
+});
 const userFormReducer = userFormSlice.reducer;
 const initialState$1 = {
   emailDomains: {}
@@ -4633,6 +4680,39 @@ class ComponentStageService extends BaseApiService {
       blocks: [componentStage.offline_id]
     });
   }
+  async linkForm(stageId, formId2) {
+    const { store } = this.client;
+    store.dispatch(linkStageToForm({ stageId, formId: formId2 }));
+    try {
+      await this.enqueueRequest({
+        description: "Link component stage to form",
+        method: HttpMethod.POST,
+        url: `/components/stages/${stageId}/associate-with-form/`,
+        payload: { user_form: formId2 },
+        blockers: [stageId, formId2],
+        blocks: [stageId]
+      });
+    } catch (e) {
+      store.dispatch(unlinkStageToForm({ stageId }));
+      throw e;
+    }
+  }
+  async unlinkForm(stageId, formId2) {
+    const { store } = this.client;
+    store.dispatch(unlinkStageToForm({ stageId }));
+    try {
+      await this.enqueueRequest({
+        description: "Unlink component stage from form",
+        method: HttpMethod.DELETE,
+        url: `/components/stages/${stageId}/associate-with-form/`,
+        blockers: [stageId, formId2],
+        blocks: [stageId]
+      });
+    } catch (e) {
+      store.dispatch(linkStageToForm({ stageId, formId: formId2 }));
+      throw e;
+    }
+  }
   async refreshStore() {
     const { store } = this.client;
     const result = await this.enqueueRequest({
@@ -5418,7 +5498,7 @@ class UserFormService extends BaseApiService {
       });
     });
   }
-  async add(state, initialRevision, url, ownerUser, ownerOrganization) {
+  async add(state, initialRevision, url, ownerUser, ownerOrganization, componentTypeId) {
     if (!!ownerUser === !!ownerOrganization) {
       throw new Error("Exactly one of ownerUser and ownerOrganization must be defined.");
     }
@@ -5436,6 +5516,7 @@ class UserFormService extends BaseApiService {
       favorite: true,
       submitted_at: (/* @__PURE__ */ new Date()).toISOString(),
       created_by: currentUser.id,
+      ...componentTypeId && { component_type: componentTypeId },
       ...ownerAttrs
     };
     const { payloadWithoutImage, images } = await separateImageFromFields(offlineRevisionPayload);
@@ -5455,8 +5536,12 @@ class UserFormService extends BaseApiService {
       queryParams: activeWorkspaceId ? {
         workspace_id: activeWorkspaceId
       } : void 0,
-      payload: { ...offlineFormPayload, initial_revision: payloadWithoutImage },
-      blockers: [],
+      payload: {
+        ...offlineFormPayload,
+        ...componentTypeId && { component_type: componentTypeId },
+        initial_revision: payloadWithoutImage
+      },
+      blockers: componentTypeId ? [componentTypeId] : [],
       blocks: [offlineFormPayload.offline_id, payloadWithoutImage.offline_id]
     });
     const attachImagesPromises = this.getAttachImagePromises(images, offlineRevisionPayload.offline_id);
@@ -5468,7 +5553,7 @@ class UserFormService extends BaseApiService {
     const settledPromise = Promise.all([formPromise, ...attachImagesPromises]).then(() => formPromise);
     return [retForm, retRevision, formPromise, settledPromise];
   }
-  async addForOrganization(initialRevision) {
+  async addForOrganization(initialRevision, componentTypeId) {
     const state = this.client.store.getState();
     const activeOrganizationId = state.organizationReducer.activeOrganizationId;
     if (!activeOrganizationId) {
@@ -5479,13 +5564,14 @@ class UserFormService extends BaseApiService {
       initialRevision,
       `/forms/in-organization/${activeOrganizationId}/`,
       void 0,
-      activeOrganizationId
+      activeOrganizationId,
+      componentTypeId
     );
   }
-  async addForCurrentUser(initialRevision) {
+  async addForCurrentUser(initialRevision, componentTypeId) {
     const state = this.client.store.getState();
     const currentUser = state.userReducer.currentUser;
-    return await this.add(state, initialRevision, "/forms/my-forms/", currentUser.id);
+    return await this.add(state, initialRevision, "/forms/my-forms/", currentUser.id, void 0, componentTypeId);
   }
   async createRevision(formId2, revision) {
     const offlineRevision = offline(revision);
@@ -5633,6 +5719,43 @@ const separateFilesFromValues = (payload) => {
   return { payloadWithoutFiles, files };
 };
 class UserFormSubmissionService extends BaseApiService {
+  constructor() {
+    super(...arguments);
+    // Attach files to submission, after uploading them to S3
+    __publicField(this, "getAttachFilesPromises", (files, payload) => {
+      const { store } = this.client;
+      return Object.entries(files).map(async ([key, fileArray]) => {
+        const attachResults = [];
+        for (const file of fileArray) {
+          const sha1 = await hashFile(file);
+          await this.client.files.addCache(file, sha1);
+          const [fileProps] = await this.client.files.uploadFileToS3(sha1);
+          const submissionAttachmentPayload = offline({
+            ...fileProps,
+            submission: payload.offline_id,
+            field_identifier: key
+          });
+          const attach = await this.enqueueRequest({
+            description: "Attach file to form submission",
+            method: HttpMethod.POST,
+            url: `/forms/submission/${payload.offline_id}/attachments/`,
+            payload: submissionAttachmentPayload,
+            blockers: [payload.component, payload.component_stage, payload.issue, payload.form_revision].filter(
+              (x) => x !== void 0
+            ),
+            blocks: [submissionAttachmentPayload.offline_id]
+          });
+          const offlinePayload = {
+            ...submissionAttachmentPayload,
+            file: URL.createObjectURL(file)
+          };
+          store.dispatch(addUserFormSubmissionAttachment(offlinePayload));
+          attachResults.push(attach);
+        }
+        return attachResults;
+      });
+    });
+  }
   add(payload) {
     const { store } = this.client;
     const state = store.getState();
@@ -5646,51 +5769,26 @@ class UserFormSubmissionService extends BaseApiService {
       method: HttpMethod.POST,
       url: `/forms/revisions/${payload.form_revision}/respond/`,
       payload: { ...payloadWithoutFiles, project: activeProjectId },
-      blockers: [payload.issue, payload.component].filter((x) => x !== void 0),
+      blockers: [payload.issue, payload.component, payload.component_stage].filter(
+        (x) => x !== void 0
+      ),
       blocks: [payload.offline_id]
     });
-    const attachFilesPromises = Object.entries(files).map(async ([key, fileArray]) => {
-      const attachResults = [];
-      for (const file of fileArray) {
-        const sha1 = await hashFile(file);
-        await this.client.files.addCache(file, sha1);
-        const [fileProps] = await this.client.files.uploadFileToS3(sha1);
-        const submissionAttachmentPayload = offline({
-          ...fileProps,
-          submission: payload.offline_id,
-          field_identifier: key
-        });
-        const attach = await this.enqueueRequest({
-          description: "Attach file to form submission",
-          method: HttpMethod.POST,
-          url: `/forms/submission/${payload.offline_id}/attachments/`,
-          payload: submissionAttachmentPayload,
-          blockers: [payload.component, payload.issue, payload.form_revision].filter(
-            (x) => x !== void 0
-          ),
-          blocks: [submissionAttachmentPayload.offline_id]
-        });
-        const offlinePayload = {
-          ...submissionAttachmentPayload,
-          file: URL.createObjectURL(file)
-        };
-        store.dispatch(addUserFormSubmissionAttachment(offlinePayload));
-        attachResults.push(attach);
-      }
-      return attachResults;
-    });
+    const attachFilesPromises = this.getAttachFilesPromises(files, payload);
+    const now = (/* @__PURE__ */ new Date()).toISOString();
     const fullOfflineResult = {
       ...payload,
       created_by: state.userReducer.currentUser.id,
-      created_at: (/* @__PURE__ */ new Date()).toISOString()
+      created_at: now,
+      updated_at: now
     };
     const offlineResultWithoutFiles = {
       ...fullOfflineResult,
       ...payloadWithoutFiles
     };
-    store.dispatch(addUserFormSubmission(offlineResultWithoutFiles));
+    store.dispatch(updateOrCreateUserFormSubmission(offlineResultWithoutFiles));
     void promise.then((result) => {
-      store.dispatch(addUserFormSubmission(result));
+      store.dispatch(updateOrCreateUserFormSubmission(result));
       return result;
     }).catch(() => {
       store.dispatch(deleteUserFormSubmission(payload.offline_id));
@@ -5698,6 +5796,30 @@ class UserFormSubmissionService extends BaseApiService {
     const settledPromise = Promise.all([promise, ...attachFilesPromises]).then(() => promise);
     return [fullOfflineResult, settledPromise];
   }
+  update(submission) {
+    const { store } = this.client;
+    const { payloadWithoutFiles, files } = separateFilesFromValues(submission);
+    if (!("created_by" in payloadWithoutFiles) || !("created_at" in payloadWithoutFiles)) {
+      throw new Error("Expected payloadWithoutFiles to have created_by and created_at fields.");
+    }
+    const attachFilesPromises = this.getAttachFilesPromises(files, submission);
+    const fullResult = {
+      ...payloadWithoutFiles,
+      updated_at: (/* @__PURE__ */ new Date()).toISOString()
+    };
+    store.dispatch(updateOrCreateUserFormSubmission(fullResult));
+    const promise = this.enqueueRequest({
+      description: "Patch form submission",
+      method: HttpMethod.PATCH,
+      url: `/forms/submissions/${submission.offline_id}/`,
+      payload: fullResult,
+      blockers: [fullResult.issue, fullResult.component, fullResult.component_stage].filter(
+        (x) => x !== void 0
+      ),
+      blocks: [fullResult.offline_id]
+    });
+    return Promise.all([promise, ...attachFilesPromises]).then(() => promise);
+  }
   async delete(submissionId) {
     const { store } = this.client;
     const state = store.getState();
@@ -5713,7 +5835,7 @@ class UserFormSubmissionService extends BaseApiService {
       });
     } catch (e) {
       if (submission) {
-        store.dispatch(addUserFormSubmission(submission));
+        store.dispatch(updateOrCreateUserFormSubmission(submission));
       }
       throw e;
     }
@@ -6223,19 +6345,19 @@ const OvermapProvider = (props) => {
   }
   return /* @__PURE__ */ jsx(OvermapContext.Provider, { value: null, children: ret });
 };
-const description$2 = "_description_p31lm_1";
-const floatingButtonContainer$2 = "_floatingButtonContainer_p31lm_5";
-const FullScreenImageContainer$2 = "_FullScreenImageContainer_p31lm_12";
-const TopBarContainer$2 = "_TopBarContainer_p31lm_22";
-const fileName$2 = "_fileName_p31lm_30";
-const longIconButton$2 = "_longIconButton_p31lm_35";
-const previewImage$3 = "_previewImage_p31lm_41";
-const FullScreenImage$2 = "_FullScreenImage_p31lm_12";
-const tabsList = "_tabsList_p31lm_60";
-const tabTrigger = "_tabTrigger_p31lm_68";
-const patchfieldBorder = "_patchfieldBorder_p31lm_72";
-const title = "_title_p31lm_72";
-const error = "_error_p31lm_88";
+const description$2 = "_description_1w0fq_1";
+const floatingButtonContainer$2 = "_floatingButtonContainer_1w0fq_5";
+const FullScreenImageContainer$2 = "_FullScreenImageContainer_1w0fq_12";
+const TopBarContainer$2 = "_TopBarContainer_1w0fq_22";
+const fileName$2 = "_fileName_1w0fq_31";
+const longIconButton$2 = "_longIconButton_1w0fq_36";
+const previewImage$3 = "_previewImage_1w0fq_42";
+const FullScreenImage$2 = "_FullScreenImage_1w0fq_12";
+const tabsList = "_tabsList_1w0fq_61";
+const tabTrigger = "_tabTrigger_1w0fq_69";
+const patchfieldBorder = "_patchfieldBorder_1w0fq_73";
+const title = "_title_1w0fq_73";
+const error = "_error_1w0fq_89";
 const styles$7 = {
   description: description$2,
   floatingButtonContainer: floatingButtonContainer$2,
@@ -6349,14 +6471,14 @@ class BaseField extends BaseFormElement {
 }
 __publicField(BaseField, "fieldTypeName");
 __publicField(BaseField, "fieldTypeDescription");
-const description$1 = "_description_1kceu_1";
-const floatingButtonContainer$1 = "_floatingButtonContainer_1kceu_5";
-const FullScreenImageContainer$1 = "_FullScreenImageContainer_1kceu_12";
-const TopBarContainer$1 = "_TopBarContainer_1kceu_22";
-const fileName$1 = "_fileName_1kceu_30";
-const longIconButton$1 = "_longIconButton_1kceu_35";
-const previewImage$2 = "_previewImage_1kceu_41";
-const FullScreenImage$1 = "_FullScreenImage_1kceu_12";
+const description$1 = "_description_10o76_1";
+const floatingButtonContainer$1 = "_floatingButtonContainer_10o76_5";
+const FullScreenImageContainer$1 = "_FullScreenImageContainer_10o76_12";
+const TopBarContainer$1 = "_TopBarContainer_10o76_22";
+const fileName$1 = "_fileName_10o76_31";
+const longIconButton$1 = "_longIconButton_10o76_36";
+const previewImage$2 = "_previewImage_10o76_42";
+const FullScreenImage$1 = "_FullScreenImage_10o76_12";
 const styles$6 = {
   description: description$1,
   floatingButtonContainer: floatingButtonContainer$1,
@@ -7618,15 +7740,15 @@ function withBreakpoints(value, classPrefix = "", valueMap) {
   }
   return classes.join(" ");
 }
-const paddingValues = ["0", "1", "2", "3", "4", "5", "6", "7", "8", "9"];
+const paddingValues$1 = ["0", "1", "2", "3", "4", "5", "6", "7", "8", "9"];
 const paddingPropDefs = {
-  p: { type: "enum", values: paddingValues, default: void 0, responsive: true },
-  px: { type: "enum", values: paddingValues, default: void 0, responsive: true },
-  py: { type: "enum", values: paddingValues, default: void 0, responsive: true },
-  pt: { type: "enum", values: paddingValues, default: void 0, responsive: true },
-  pr: { type: "enum", values: paddingValues, default: void 0, responsive: true },
-  pb: { type: "enum", values: paddingValues, default: void 0, responsive: true },
-  pl: { type: "enum", values: paddingValues, default: void 0, responsive: true }
+  p: { type: "enum", values: paddingValues$1, default: void 0, responsive: true },
+  px: { type: "enum", values: paddingValues$1, default: void 0, responsive: true },
+  py: { type: "enum", values: paddingValues$1, default: void 0, responsive: true },
+  pt: { type: "enum", values: paddingValues$1, default: void 0, responsive: true },
+  pr: { type: "enum", values: paddingValues$1, default: void 0, responsive: true },
+  pb: { type: "enum", values: paddingValues$1, default: void 0, responsive: true },
+  pl: { type: "enum", values: paddingValues$1, default: void 0, responsive: true }
 };
 function extractPaddingProps(props) {
   const { p = layoutPropDefs.p.default, px = layoutPropDefs.px.default, py = layoutPropDefs.py.default, pt = layoutPropDefs.pt.default, pr = layoutPropDefs.pr.default, pb = layoutPropDefs.pb.default, pl = layoutPropDefs.pl.default, ...rest } = props;
@@ -7767,6 +7889,26 @@ const flexPropDefs = {
   wrap: { type: "enum", values: wrapValues, default: void 0, responsive: true },
   gap: { type: "enum", values: gapValues, default: void 0, responsive: true }
 };
+const sides = ["all", "x", "y", "top", "bottom", "left", "right"];
+const clipValues = ["border-box", "padding-box"];
+const paddingValues = ["current", "0"];
+const insetPropDefs = {
+  side: { type: "enum", values: sides, default: "all", responsive: true },
+  clip: { type: "enum", values: clipValues, default: "border-box", responsive: true },
+  p: { type: "enum", values: paddingValues, default: void 0, responsive: true },
+  px: { type: "enum", values: paddingValues, default: void 0, responsive: true },
+  py: { type: "enum", values: paddingValues, default: void 0, responsive: true },
+  pt: { type: "enum", values: paddingValues, default: void 0, responsive: true },
+  pr: { type: "enum", values: paddingValues, default: void 0, responsive: true },
+  pb: { type: "enum", values: paddingValues, default: void 0, responsive: true },
+  pl: { type: "enum", values: paddingValues, default: void 0, responsive: true }
+};
+const Inset = React.forwardRef((props, forwardedRef) => {
+  const { rest: marginRest, ...marginProps } = extractMarginProps(props);
+  const { className, side = insetPropDefs.side.default, clip = insetPropDefs.clip.default, p, px, py, pt, pr, pb, pl, ...insetProps } = marginRest;
+  return React.createElement("div", { ...insetProps, ref: forwardedRef, className: classNames("rt-Inset", className, withBreakpoints(side, "rt-r-side"), withBreakpoints(clip, "rt-r-clip"), withBreakpoints(p, "rt-r-p"), withBreakpoints(px, "rt-r-px"), withBreakpoints(py, "rt-r-py"), withBreakpoints(pt, "rt-r-pt"), withBreakpoints(pr, "rt-r-pr"), withBreakpoints(pb, "rt-r-pb"), withBreakpoints(pl, "rt-r-pl"), withMarginProps(marginProps)) });
+});
+Inset.displayName = "Inset";
 const sizes$4 = ["1", "2", "3", "4", "5", "6", "7", "8", "9"];
 const headingPropDefs = {
   size: { type: "enum", values: sizes$4, default: "6", responsive: true },
@@ -9058,21 +9200,10 @@ const findFieldByIdentifier = (fields, identifier) => {
 const makeConditionalSourceFields = (sections, index2) => {
   return sections.filter((_, i) => i < index2).flatMap((field) => field.fields);
 };
-const getTakenFieldLabels = (fields) => {
-  return fields.flatMap((field) => [...field.fields.map((f) => f.label), field.label]).filter((id) => id !== null);
-};
-const incrementFieldLabel = (label, takenLabels) => {
-  let count = 1;
-  let newLabel = `${label} (${count})`;
-  while (takenLabels.includes(newLabel)) {
-    newLabel = `${label} (${++count})`;
-  }
-  return newLabel;
-};
-const createNewField = (parentPath, index2, initialValues2, values, setFieldValue) => {
-  const { label } = initialValues2;
+const createNewField = (parentPath, index2, initialValues, values, setFieldValue) => {
+  const { label } = initialValues;
   const newField = {
-    ...initialValues2,
+    ...initialValues,
     identifier: makeIdentifier(null, label)
   };
   const parent = get(values, parentPath);
@@ -9086,11 +9217,11 @@ const createNewField = (parentPath, index2, initialValues2, values, setFieldValu
   void setFieldValue(parentPath, updatedFields).then();
 };
 const createNewEmptySection = (index2, values, setFieldValue) => {
-  const initialValues2 = {
+  const initialValues = {
     ...emptySection(),
     label: ""
   };
-  createNewField("fields", index2, initialValues2, values, setFieldValue);
+  createNewField("fields", index2, initialValues, values, setFieldValue);
 };
 const useFieldReordering = () => {
   const { showError } = useToast();
@@ -9568,14 +9699,18 @@ class FieldInputClonerField extends CustomField {
     super(options, FieldInputCloner);
   }
 }
-const previewImage$1 = "_previewImage_ebhyt_1";
-const nameContainer = "_nameContainer_ebhyt_9";
-const hasPreview = "_hasPreview_ebhyt_14";
-const useEllipsis = "_useEllipsis_ebhyt_19";
+const displayFileContainer = "_displayFileContainer_1vdfw_1";
+const infoContainer = "_infoContainer_1vdfw_6";
+const previewImage$1 = "_previewImage_1vdfw_10";
+const fileSizeText = "_fileSizeText_1vdfw_19";
+const nameContainer = "_nameContainer_1vdfw_24";
+const useEllipsis = "_useEllipsis_1vdfw_28";
 const styles$4 = {
+  displayFileContainer,
+  infoContainer,
   previewImage: previewImage$1,
+  fileSizeText,
   nameContainer,
-  hasPreview,
   useEllipsis
 };
 const convertBytesToLargestUnit = (bytes) => {
@@ -9717,46 +9852,8 @@ const DisplayFile = memo((props) => {
     },
     [name, resolvedFile]
   );
-  return /* @__PURE__ */ jsx(Card, { children: /* @__PURE__ */ jsxs(Flex, { direction: { initial: "column", sm: "row" }, gap: "3", justify: "between", children: [
-    /* @__PURE__ */ jsxs(Flex, { direction: "row", gap: "3", align: "center", grow: "1", shrink: "0", children: [
-      /* @__PURE__ */ jsxs(Flex, { direction: "column", gap: "2", children: [
-        /* @__PURE__ */ jsx(
-          IconButton,
-          {
-            variant: "soft",
-            "aria-label": `Download ${name}`,
-            onClick: handleDownload,
-            disabled: !resolvedFile,
-            children: /* @__PURE__ */ jsx(DownloadIcon, {})
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          IconButton,
-          {
-            severity: "info",
-            variant: "soft",
-            "aria-label": `Remove ${name}`,
-            disabled,
-            onClick: onRemove,
-            children: /* @__PURE__ */ jsx(Cross1Icon, {})
-          }
-        )
-      ] }),
-      /* @__PURE__ */ jsxs(
-        Flex,
-        {
-          className: classNames$1(styles$4.nameContainer, { [styles$4.hasPreview]: !!url }),
-          direction: "column",
-          gap: "1",
-          children: [
-            /* @__PURE__ */ jsx(Text, { className: styles$4.useEllipsis, children: name }),
-            /* @__PURE__ */ jsx(Text, { size: "1", children: size }),
-            error2 && /* @__PURE__ */ jsx(Text, { size: "1", severity: "danger", children: error2 })
-          ]
-        }
-      )
-    ] }),
-    url && /* @__PURE__ */ jsxs(Fragment, { children: [
+  return /* @__PURE__ */ jsxs(Card, { className: styles$4.displayFileContainer, size: "1", children: [
+    /* @__PURE__ */ jsx(Inset, { clip: "border-box", side: "top", pb: "0", children: url && /* @__PURE__ */ jsxs(Fragment, { children: [
       /* @__PURE__ */ jsx(
         "img",
         {
@@ -9777,8 +9874,38 @@ const DisplayFile = memo((props) => {
           setShowPreview
         }
       )
-    ] })
-  ] }) });
+    ] }) }),
+    /* @__PURE__ */ jsx(Flex, { className: styles$4.infoContainer, children: /* @__PURE__ */ jsxs(Flex, { align: "center", width: "100%", children: [
+      /* @__PURE__ */ jsxs(Flex, { className: styles$4.nameContainer, align: "center", gap: "1", grow: "1", children: [
+        /* @__PURE__ */ jsx(Text, { className: styles$4.useEllipsis, size: "1", children: name }),
+        /* @__PURE__ */ jsx(Text, { size: "1", className: styles$4.fileSizeText, children: `(${size})` }),
+        error2 && /* @__PURE__ */ jsx(Text, { size: "1", severity: "danger", children: error2 })
+      ] }),
+      /* @__PURE__ */ jsxs(Flex, { align: "center", gap: "2", children: [
+        /* @__PURE__ */ jsx(
+          IconButton,
+          {
+            variant: "ghost",
+            "aria-label": `Download ${name}`,
+            onClick: handleDownload,
+            disabled: !resolvedFile,
+            children: /* @__PURE__ */ jsx(DownloadIcon, {})
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          IconButton,
+          {
+            severity: "info",
+            variant: "ghost",
+            "aria-label": `Remove ${name}`,
+            disabled,
+            onClick: onRemove,
+            children: /* @__PURE__ */ jsx(Cross1Icon, {})
+          }
+        )
+      ] })
+    ] }) })
+  ] });
 });
 DisplayFile.displayName = "DisplayFile";
 const emptyUploadField = {
@@ -10201,10 +10328,12 @@ const initialFormValues = (fields, values) => {
 };
 const useAttachImagesToFormRevisionFields = (revision) => {
   const { sdk } = useSDK();
-  const attachments = useAppSelector(selectRevisionAttachments(revision.offline_id));
+  const attachments = useAppSelector(selectRevisionAttachments((revision == null ? void 0 : revision.offline_id) ?? ""));
   return useMemo(() => {
+    if (!revision || !attachments)
+      return revision;
     const revisionCopy = structuredClone(revision);
-    for (const attachment of attachments ?? []) {
+    for (const attachment of attachments) {
       const filePromise = sdk.files.fetchFileFromUrl(attachment.file, attachment.file_sha1, attachment.file_name);
       let sectionIndex = -1;
       let fieldIndex = -1;
@@ -10236,7 +10365,8 @@ const FormRenderer = memo(
       // if the title isn't provided, hide it by default
       hideTitle = !schema.title,
       hideDescription,
-      className
+      className,
+      buttonProps
     } = props;
     const { readonly } = schema.meta;
     const formId2 = useMemo(() => crypto.randomUUID(), []);
@@ -10271,8 +10401,8 @@ const FormRenderer = memo(
       ] }) }),
       inputs,
       !readonly && /* @__PURE__ */ jsxs(Flex, { className: styles$6.floatingButtonContainer, align: "center", justify: "end", gap: "2", children: [
-        cancelText && /* @__PURE__ */ jsx(Button, { type: "button", variant: "solid", onClick: onCancel, children: cancelText }),
-        /* @__PURE__ */ jsx(Button, { type: "submit", disabled: !formik.isValid, children: submitText })
+        cancelText && /* @__PURE__ */ jsx(Button, { severity: "info", ...buttonProps, type: "button", onClick: onCancel, children: cancelText }),
+        /* @__PURE__ */ jsx(Button, { ...buttonProps, type: "submit", disabled: !formik.isValid, children: submitText })
       ] })
     ] }) }) });
   })
@@ -10288,6 +10418,9 @@ const FormSubmissionViewer = memo(
       );
     }
     const revisionWithImages = useAttachImagesToFormRevisionFields(revision);
+    if (!revisionWithImages) {
+      throw new Error("Expected revisionWithImages to be defined");
+    }
     const schema = useMemo(() => {
       return formRevisionToSchema(revisionWithImages, { readonly: true });
     }, [revisionWithImages]);
@@ -10344,6 +10477,10 @@ const FormBrowser = memo(
     }, [filter, maxResults, ownerFilter]);
     const userForms = useAppSelector(selectFilteredUserForms(ownerFilterOptions)) ?? [];
     const userFormMapping = useAppSelector(selectUserFormMapping);
+    const attachableUserForms = userForms.filter((form) => !form.component_type);
+    const attachableUserFormMapping = Object.values(userFormMapping).filter(
+      (form) => !form.component_type
+    );
     const handleToggleFavorite = useCallback(
       (form) => {
         if (form.favorite) {
@@ -10357,7 +10494,7 @@ const FormBrowser = memo(
     const options = useMemo(() => {
       const state = sdk.store.getState();
       const accumulator = {};
-      for (const form of Object.values(userFormMapping)) {
+      for (const form of attachableUserFormMapping) {
         const organization = selectOrganization(form.owner_organization || -1)(state);
         if (organization) {
           accumulator[`${orgOptionPrefix}${organization.id}`] = organization.name;
@@ -10368,13 +10505,13 @@ const FormBrowser = memo(
         }
       }
       return Object.entries(accumulator).map(([value, label]) => ({ itemContent: label, value }));
-    }, [userFormMapping, sdk.store]);
+    }, [sdk.store, attachableUserFormMapping]);
     const handleChange = useCallback((e) => {
       setFilter(e.currentTarget.value);
     }, []);
-    const numberOfForms = useAppSelector(selectNumberOfUserForms) || 0;
-    const numberOfHiddenForms = numberOfForms - userForms.length;
-    const overflowMessage = userForms.length == maxResults && numberOfHiddenForms > 0 ? `Only the first ${maxResults} results are shown (${numberOfHiddenForms} hidden)` : numberOfHiddenForms > 0 && `${numberOfHiddenForms} hidden forms`;
+    const numberOfForms = useAppSelector(selectNumberOfGeneralUserForms) || 0;
+    const numberOfHiddenForms = numberOfForms - attachableUserForms.length;
+    const overflowMessage = attachableUserForms.length == maxResults && numberOfHiddenForms > 0 ? `Only the first ${maxResults} results are shown (${numberOfHiddenForms} hidden)` : numberOfHiddenForms > 0 && `${numberOfHiddenForms} hidden forms`;
     return /* @__PURE__ */ jsxs(Flex, { ref, direction: "column", gap: "2", children: [
       /* @__PURE__ */ jsxs(Flex, { gap: "2", grow: "1", children: [
         /* @__PURE__ */ jsx(Box, { grow: "1", asChild: true, children: /* @__PURE__ */ jsx(TextField$1.Root, { size: "3", children: /* @__PURE__ */ jsx(TextField$1.Input, { placeholder: "Filter", value: filter, onChange: handleChange }) }) }),
@@ -10389,7 +10526,7 @@ const FormBrowser = memo(
           }
         )
       ] }),
-      userForms.length > 0 && /* @__PURE__ */ jsx(ButtonList.Root, { children: userForms.map((form) => /* @__PURE__ */ jsx(
+      attachableUserForms.length > 0 && /* @__PURE__ */ jsx(ButtonList.Root, { children: attachableUserForms.map((form) => /* @__PURE__ */ jsx(
         FormBrowserEntry,
         {
           ...entryProps,
@@ -10461,7 +10598,7 @@ const styles$2 = {
   submissionsContainer,
   stopHorizontalOverflow
 };
-const FormSubmissionBrowserEntry = memo(function FormSubmissionBrowserEntry2(props) {
+const FormSubmissionBrowserEntry = memo((props) => {
   var _a2;
   const { submission, onSubmissionClick, compact, labelType, rowDecorator } = props;
   const currentUser = useAppSelector(selectCurrentUser);
@@ -10505,11 +10642,12 @@ const FormSubmissionBrowserEntry = memo(function FormSubmissionBrowserEntry2(pro
   }
   return row;
 });
+FormSubmissionBrowserEntry.displayName = "FormSubmissionBrowserEntry";
 const getCreatedAtOrSubmittedAtDate = (submission) => {
   const date = "created_at" in submission ? submission.created_at : submission.submitted_at;
   return new Date(date);
 };
-const FormSubmissionBrowser = memo(function FormSubmissionBrowser2(props) {
+const FormSubmissionBrowser = memo((props) => {
   const {
     formId: formId2,
     submissions: propSubmissions,
@@ -10555,6 +10693,7 @@ const FormSubmissionBrowser = memo(function FormSubmissionBrowser2(props) {
     }
   );
 });
+FormSubmissionBrowser.displayName = "FormSubmissionBrowser";
 const PatchField = memo((props) => {
   const { name, render } = props;
   const { submitForm } = useFormikContext();
@@ -10578,19 +10717,19 @@ PatchField.displayName = "PatchField";
 const PatchFormProvider = memo(
   forwardRef((props, ref) => {
     const { children, schema, values, onPatch, onError, requiresDiff = true, onDirtyChange, ...rest } = props;
-    const initialValues2 = useMemo(() => initialFormValues(schema.fields, values), [schema.fields, values]);
+    const initialValues = useMemo(() => initialFormValues(schema.fields, values), [schema.fields, values]);
     const getDiff = useCallback(
       (values2) => {
         const diff = {};
         for (const key in values2) {
           const value = values2[key];
-          if (value !== initialValues2[key] && value !== void 0) {
+          if (value !== initialValues[key] && value !== void 0) {
             diff[key] = value;
           }
         }
         return diff;
       },
-      [initialValues2]
+      [initialValues]
     );
     const handlePatch = useCallback(
       (values2) => {
@@ -10616,7 +10755,7 @@ const PatchFormProvider = memo(
       [schema, onDirtyChange, onError, getDiff]
     );
     const formik = useFormik({
-      initialValues: initialValues2,
+      initialValues,
       onSubmit: handlePatch,
       validate,
       // only validate the entire form on submit
@@ -10634,9 +10773,9 @@ const PatchFormProvider = memo(
     const { errors, resetForm } = formik;
     useEffect(() => {
       if (hasKeys(errors)) {
-        resetForm({ values: initialValues2, errors: {} });
+        resetForm({ values: initialValues, errors: {} });
       }
-    }, [errors, initialValues2, resetForm]);
+    }, [errors, initialValues, resetForm]);
     return /* @__PURE__ */ jsx(FormikProvider, { value: formik, children: /* @__PURE__ */ jsx("form", { ...rest, ref, onSubmit: formik.handleSubmit, onChange: handleChange, children }) });
   })
 );
@@ -10744,21 +10883,21 @@ const FieldActions = memo((props) => {
   ] });
 });
 FieldActions.displayName = "FieldActions";
-const description = "_description_o5qyx_1";
-const floatingButtonContainer = "_floatingButtonContainer_o5qyx_5";
-const FullScreenImageContainer = "_FullScreenImageContainer_o5qyx_12";
-const TopBarContainer = "_TopBarContainer_o5qyx_22";
-const fileName = "_fileName_o5qyx_30";
-const longIconButton = "_longIconButton_o5qyx_35";
-const previewImage = "_previewImage_o5qyx_41";
-const FullScreenImage = "_FullScreenImage_o5qyx_12";
-const popoverInputsContainer = "_popoverInputsContainer_o5qyx_60";
-const imageContainer = "_imageContainer_o5qyx_64";
-const deleteImageButton = "_deleteImageButton_o5qyx_69";
-const typeBadge = "_typeBadge_o5qyx_80";
-const previewInput = "_previewInput_o5qyx_85";
-const directInput = "_directInput_o5qyx_89";
-const grow = "_grow_o5qyx_94";
+const description = "_description_6795p_1";
+const floatingButtonContainer = "_floatingButtonContainer_6795p_5";
+const FullScreenImageContainer = "_FullScreenImageContainer_6795p_12";
+const TopBarContainer = "_TopBarContainer_6795p_22";
+const fileName = "_fileName_6795p_31";
+const longIconButton = "_longIconButton_6795p_36";
+const previewImage = "_previewImage_6795p_42";
+const FullScreenImage = "_FullScreenImage_6795p_12";
+const popoverInputsContainer = "_popoverInputsContainer_6795p_61";
+const imageContainer = "_imageContainer_6795p_65";
+const deleteImageButton = "_deleteImageButton_6795p_70";
+const typeBadge = "_typeBadge_6795p_81";
+const previewInput = "_previewInput_6795p_86";
+const directInput = "_directInput_6795p_90";
+const grow = "_grow_6795p_95";
 const styles = {
   description,
   floatingButtonContainer,
@@ -10840,19 +10979,24 @@ const FieldBuilder = memo((props) => {
   const { parentPath, index: index2, initial, conditionalSourceFields } = props;
   const { values, setFieldValue, errors } = useFormikContext();
   const fieldTypeItems = useFieldTypeItems();
+  const containerRef = useRef(null);
   const RADIX_SM_MIN_WIDTH = 576;
-  const [isLargeScreen, setIsLargeScreen] = useState(
-    window.matchMedia(`(min-width: ${RADIX_SM_MIN_WIDTH}px)`).matches
+  const [isLargeContainer, setIsLargeContainer] = useState(
+    containerRef.current && containerRef.current.getBoundingClientRect().width >= RADIX_SM_MIN_WIDTH
   );
   useEffect(() => {
-    const mediaQuery = window.matchMedia(`(min-width: ${RADIX_SM_MIN_WIDTH}px)`);
-    const handleMediaQueryChange = (event) => {
-      setIsLargeScreen(event.matches);
-    };
-    mediaQuery.addEventListener("change", handleMediaQueryChange);
-    return () => {
-      mediaQuery.removeEventListener("change", handleMediaQueryChange);
-    };
+    const container = containerRef.current;
+    if (container) {
+      const observer = new ResizeObserver((entries) => {
+        if (entries[0]) {
+          setIsLargeContainer(entries[0].contentRect.width >= RADIX_SM_MIN_WIDTH);
+        }
+      });
+      observer.observe(container);
+      return () => {
+        observer.disconnect();
+      };
+    }
   }, []);
   const [resolvedImage, setResolvedImage] = useState(void 0);
   const [showImagePreview, setShowImagePreview] = useState(false);
@@ -10929,7 +11073,7 @@ const FieldBuilder = memo((props) => {
       const fieldObject = fieldCls.getFieldCreationSchema(
         `${parentPath}.${index2}`
       );
-      if (isLargeScreen) {
+      if (isLargeContainer) {
         directlyShownFields2 = [
           ...directlyShownFields2,
           ...fieldObject.filter((field) => field.showDirectly).map((field) => field.field)
@@ -10943,7 +11087,7 @@ const FieldBuilder = memo((props) => {
       }
     }
     return [directlyShownFields2, popoverFields2];
-  }, [fieldCls, conditionalSourceFields, parentPath, index2, isLargeScreen]);
+  }, [fieldCls, conditionalSourceFields, parentPath, index2, isLargeContainer]);
   const directlyShownInputs = useFieldInputs(directlyShownFields, {
     formId,
     disabled: false,
@@ -10963,7 +11107,7 @@ const FieldBuilder = memo((props) => {
   });
   const deserializedField = useMemo(() => deserialize(initial), [initial]);
   const previewInput2 = useFieldInput(deserializedField, { formId, disabled: true, showInputOnly: true });
-  return /* @__PURE__ */ jsxs(Flex, { align: "center", grow: "1", children: [
+  return /* @__PURE__ */ jsxs(Flex, { ref: containerRef, align: "center", grow: "1", children: [
     /* @__PURE__ */ jsxs(Flex, { direction: "column", width: "100%", children: [
       fieldCls === FieldSection && /* @__PURE__ */ jsxs(Flex, { direction: "column", gap: "1", children: [
         directlyShownFields.length > 0 && directlyShownInputs,
@@ -11042,7 +11186,7 @@ const FieldBuilder = memo((props) => {
             Input,
             {
               className: styles.grow,
-              placeholder: `Enter a ${type === "section" ? "section" : "field"} label`,
+              placeholder: type === "section" ? "Enter a section label (optional)" : "Enter your question",
               value,
               onChange: (event) => {
                 setValue(event.target.value);
@@ -11065,7 +11209,7 @@ const FieldBuilder = memo((props) => {
             TextArea,
             {
               className: styles.grow,
-              placeholder: `Enter a ${type === "section" ? "section" : "field"} description`,
+              placeholder: `Enter a ${type === "section" ? "section" : "field"} description (optional)`,
               value,
               onChange: (event) => {
                 setValue(event.target.value);
@@ -11085,7 +11229,7 @@ const FieldBuilder = memo((props) => {
 });
 FieldBuilder.displayName = "FieldBuilder";
 const FieldWithActions = memo((props) => {
-  const { field, index: index2, sectionIndex, takenLabels, remove: remove2 } = props;
+  const { field, index: index2, sectionIndex, remove: remove2 } = props;
   const { setFieldValue, values } = useFormikContext();
   const { reorderField } = useFieldReordering();
   const { showError } = useToast();
@@ -11102,10 +11246,10 @@ const FieldWithActions = memo((props) => {
     const label = field.label ?? "Unlabelled field";
     const duplicatedField = {
       ...field,
-      label: incrementFieldLabel(label, takenLabels)
+      label
     };
     createNewField(parentPath, index2 + 1, duplicatedField, values, setFieldValue);
-  }, [field, takenLabels, parentPath, index2, values, setFieldValue]);
+  }, [field, parentPath, index2, values, setFieldValue]);
   const moveField = useCallback(
     (direction) => {
       const srcSectionIndex = sectionIndex;
@@ -11187,12 +11331,11 @@ const FieldWithActions = memo((props) => {
 FieldWithActions.displayName = "FieldWithActions";
 const FieldSectionWithActions = memo((props) => {
   var _a2;
-  const { field, index: sectionIndex, dropState } = props;
+  const { field, index: sectionIndex, dropState, fieldsOnly } = props;
   const isDropDisabled = (_a2 = dropState[field.identifier]) == null ? void 0 : _a2.disabled;
   const { setFieldValue, values } = useFormikContext();
   const alertDialog = useAlertDialog();
   const { reorderSection } = useFieldReordering();
-  const takenFieldLabels = getTakenFieldLabels(values.fields);
   const removeSectionConditions = useCallback(
     (sectionsToUpdate, allSections) => {
       for (const section of sectionsToUpdate) {
@@ -11296,18 +11439,15 @@ const FieldSectionWithActions = memo((props) => {
   );
   const duplicateSection = useCallback(() => {
     const fieldLabel = field.label ?? "Untitled section";
-    const newSectionLabel = incrementFieldLabel(fieldLabel, takenFieldLabels);
-    const newFields = field.fields.map((f) => {
-      const newLabel = incrementFieldLabel(f.label, takenFieldLabels);
+    const newFields = field.fields.map((oldField) => {
       return {
-        ...f,
-        label: newLabel,
-        identifier: makeIdentifier(null, newLabel)
+        ...oldField,
+        identifier: makeIdentifier(null, oldField.label)
       };
     });
-    const duplicatedField = { ...field, label: newSectionLabel, fields: newFields };
+    const duplicatedField = { ...field, label: fieldLabel, fields: newFields };
     createNewField("fields", sectionIndex + 1, duplicatedField, values, setFieldValue);
-  }, [field, takenFieldLabels, sectionIndex, values, setFieldValue]);
+  }, [field, sectionIndex, values, setFieldValue]);
   const handleCreateField = useCallback(
     (type) => {
       createNewField(
@@ -11331,7 +11471,7 @@ const FieldSectionWithActions = memo((props) => {
         mb: "4",
         children: /* @__PURE__ */ jsxs(Flex, { gap: "3", justify: "between", align: "center", children: [
           /* @__PURE__ */ jsxs(Flex, { direction: "column", gap: "2", grow: "1", children: [
-            /* @__PURE__ */ jsx(FieldBuilder, { ...editSectionProps }),
+            !fieldsOnly && /* @__PURE__ */ jsx(FieldBuilder, { ...editSectionProps }),
             /* @__PURE__ */ jsx(
               Droppable,
               {
@@ -11354,8 +11494,7 @@ const FieldSectionWithActions = memo((props) => {
                           sectionIndex,
                           remove: () => {
                             removeField(i);
-                          },
-                          takenLabels: takenFieldLabels
+                          }
                         },
                         child.identifier
                       )),
@@ -11376,7 +11515,7 @@ const FieldSectionWithActions = memo((props) => {
               }
             )
           ] }),
-          /* @__PURE__ */ jsx(
+          !fieldsOnly && /* @__PURE__ */ jsx(
             FieldActions,
             {
               index: sectionIndex,
@@ -11453,7 +11592,8 @@ const findSection = (fields, sectionId) => {
       return [section, i];
   }
 };
-const FieldsEditor = memo(() => {
+const FieldsEditor = memo((props) => {
+  const { fieldsOnly } = props;
   const { values, setFieldValue } = useFormikContext();
   const [dropState, dispatch] = useReducer(reducer, values.fields, initializer);
   const { reorderSection, reorderField } = useFieldReordering();
@@ -11506,8 +11646,16 @@ const FieldsEditor = memo(() => {
       gap: "0",
       children: [
         values.fields.map((field, index2) => /* @__PURE__ */ jsxs(Fragment$1, { children: [
-          /* @__PURE__ */ jsx(FieldSectionWithActions, { field, index: index2, dropState }),
-          /* @__PURE__ */ jsxs(
+          /* @__PURE__ */ jsx(
+            FieldSectionWithActions,
+            {
+              field,
+              index: index2,
+              dropState,
+              fieldsOnly
+            }
+          ),
+          !fieldsOnly && /* @__PURE__ */ jsxs(
             Button,
             {
               className: styles$1.addSectionButton,
@@ -11530,17 +11678,22 @@ const FieldsEditor = memo(() => {
   ) }) });
 });
 FieldsEditor.displayName = "FieldsEditor";
-const initialValues = {
-  title: "",
-  description: "",
-  fields: [{ ...emptySection(makeIdentifier(null, "")), label: "" }]
-};
 const previewSubmit = () => {
   alert("This is a form preview, your data will not be saved.");
 };
 const FormBuilder = memo(
   forwardRef((props, ref) => {
-    const { onCancel, onSave, revision } = props;
+    const {
+      onCancel,
+      onSave,
+      revision,
+      initialTitle,
+      showExplainerText = true,
+      showFormTitle = true,
+      fieldsOnly = false,
+      showTabs = true,
+      tabsListClassName
+    } = props;
     const { showError } = useToast();
     const validate = useCallback(
       (form) => {
@@ -11586,8 +11739,17 @@ const FormBuilder = memo(
       },
       [showError]
     );
+    const initialValues = useMemo(
+      () => ({
+        title: initialTitle ?? "",
+        description: "",
+        fields: [{ ...emptySection(makeIdentifier(null, "")), label: "" }]
+      }),
+      [initialTitle]
+    );
+    const revisionWithImages = useAttachImagesToFormRevisionFields(revision);
     const formik = useFormik({
-      initialValues: wrapRootFieldsWithFieldSection(revision) ?? initialValues,
+      initialValues: wrapRootFieldsWithFieldSection(revisionWithImages) ?? initialValues,
       validate,
       onSubmit: onSave,
       validateOnChange: false,
@@ -11595,7 +11757,7 @@ const FormBuilder = memo(
     });
     const previewSchema = useMemo(() => formRevisionToSchema(formik.values), [formik.values]);
     return /* @__PURE__ */ jsx(Tabs.Root, { ref, defaultValue: "edit", children: /* @__PURE__ */ jsxs(Flex, { direction: "column", gap: "2", children: [
-      /* @__PURE__ */ jsxs(Tabs.List, { className: styles$7.tabsList, children: [
+      showTabs && /* @__PURE__ */ jsxs(Tabs.List, { className: classNames$1(styles$7.tabsList, tabsListClassName), children: [
         /* @__PURE__ */ jsx(Tabs.Trigger, { className: styles$7.tabTrigger, value: "edit", children: /* @__PURE__ */ jsxs(Flex, { align: "center", gap: "2", children: [
           /* @__PURE__ */ jsx(Pencil1Icon, {}),
           "Edit"
@@ -11606,7 +11768,7 @@ const FormBuilder = memo(
         ] }) })
       ] }),
       /* @__PURE__ */ jsxs(Tabs.Content, { value: "edit", children: [
-        /* @__PURE__ */ jsxs(Text, { children: [
+        showExplainerText && /* @__PURE__ */ jsxs(Text, { children: [
           "Create your form using various field types. Sections can be",
           " ",
           /* @__PURE__ */ jsx("strong", { children: "conditionally rendered" }),
@@ -11616,60 +11778,62 @@ const FormBuilder = memo(
         ] }),
         /* @__PURE__ */ jsx(Flex, { asChild: true, direction: "column", gap: "2", mt: "3", children: /* @__PURE__ */ jsxs("form", { id: formId, onSubmit: formik.handleSubmit, children: [
           /* @__PURE__ */ jsxs(FormikProvider, { value: formik, children: [
-            /* @__PURE__ */ jsx(
-              PatchField,
-              {
-                name: "title",
-                render: ({ setValue, value, meta }) => /* @__PURE__ */ jsx(InputWithHelpText, { severity: "danger", helpText: meta.error ?? null, children: /* @__PURE__ */ jsx(
-                  Input,
-                  {
-                    className: classNames$1(styles$7.title, {
-                      [styles$7.error]: meta.error
-                    }),
-                    placeholder: "Form title",
-                    value,
-                    onChange: (event) => {
-                      setValue(event.target.value);
-                    },
-                    maxLength: 100,
-                    showInputLength: false,
-                    variant: "ghost",
-                    size: "large"
-                  }
-                ) })
-              }
-            ),
-            /* @__PURE__ */ jsx(
-              PatchField,
-              {
-                name: "description",
-                render: ({ setValue, value }) => /* @__PURE__ */ jsx(
-                  TextArea,
-                  {
-                    className: styles$7.description,
-                    placeholder: "Explain the purpose of this form",
-                    value,
-                    onChange: (event) => {
-                      setValue(event.target.value);
-                    },
-                    resize: "vertical",
-                    maxLength: 1e3,
-                    showInputLength: false,
-                    variant: "ghost"
-                  }
-                )
-              }
-            ),
-            /* @__PURE__ */ jsx(FieldsEditor, {}),
+            showFormTitle && /* @__PURE__ */ jsxs(Fragment, { children: [
+              /* @__PURE__ */ jsx(
+                PatchField,
+                {
+                  name: "title",
+                  render: ({ setValue, value, meta }) => /* @__PURE__ */ jsx(InputWithHelpText, { severity: "danger", helpText: meta.error ?? null, children: /* @__PURE__ */ jsx(
+                    Input,
+                    {
+                      className: classNames$1(styles$7.title, {
+                        [styles$7.error]: meta.error
+                      }),
+                      placeholder: "Form title",
+                      value,
+                      onChange: (event) => {
+                        setValue(event.target.value);
+                      },
+                      maxLength: 100,
+                      showInputLength: false,
+                      variant: "ghost",
+                      size: "large"
+                    }
+                  ) })
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                PatchField,
+                {
+                  name: "description",
+                  render: ({ setValue, value }) => /* @__PURE__ */ jsx(
+                    TextArea,
+                    {
+                      className: styles$7.description,
+                      placeholder: "Explain the purpose of this form",
+                      value,
+                      onChange: (event) => {
+                        setValue(event.target.value);
+                      },
+                      resize: "vertical",
+                      maxLength: 1e3,
+                      showInputLength: false,
+                      variant: "ghost"
+                    }
+                  )
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsx(FieldsEditor, { fieldsOnly }),
             /* @__PURE__ */ jsx(Text, { severity: "danger", size: "1", children: typeof formik.errors.fields === "string" && formik.errors.fields })
           ] }),
           /* @__PURE__ */ jsxs(Flex, { className: styles$7.floatingButtonContainer, align: "center", justify: "end", gap: "2", children: [
-            /* @__PURE__ */ jsx(Button, { type: "button", variant: "solid", severity: "info", onClick: onCancel, children: "Cancel" }),
+            onCancel && /* @__PURE__ */ jsx(Button, { type: "button", variant: "solid", severity: "info", onClick: onCancel, children: "Cancel" }),
             /* @__PURE__ */ jsx(Button, { type: "submit", children: "Save form" })
           ] })
         ] }) })
       ] }),
-      /* @__PURE__ */ jsx(Tabs.Content, { value: "preview", children: /* @__PURE__ */ jsx(FormRenderer, { schema: previewSchema, onSubmit: previewSubmit }) })
+      /* @__PURE__ */ jsx(Tabs.Content, { value: "preview", children: /* @__PURE__ */ jsx(FormRenderer, { schema: previewSchema, onSubmit: previewSubmit, hideTitle: !showFormTitle }) })
     ] }) });
   })
 );
@@ -11821,7 +11985,6 @@ export {
   addUserFormRevision,
   addUserFormRevisionAttachment,
   addUserFormRevisions,
-  addUserFormSubmission,
   addUserFormSubmissionAttachment,
   addUserFormSubmissions,
   addUserForms,
@@ -11906,6 +12069,7 @@ export {
   issueReducer,
   issueSlice,
   issueToSearchResult,
+  linkStageToForm,
   literalToCoordinates,
   logOnlyOnce,
   makeClient,
@@ -11982,7 +12146,6 @@ export {
   selectActiveWorkspace,
   selectActiveWorkspaceId,
   selectAllAttachments,
-  selectAllRevisionAttachmentsByLatestRevisionId,
   selectAppearance,
   selectCategories,
   selectCategoriesOfWorkspace,
@@ -11996,6 +12159,7 @@ export {
   selectCompletedStages,
   selectComponent,
   selectComponentType,
+  selectComponentTypeForm,
   selectComponentTypeFromComponent,
   selectComponentTypeFromComponents,
   selectComponentTypes,
@@ -12033,10 +12197,12 @@ export {
   selectLatestFormRevision,
   selectLatestRetryTime,
   selectLatestRevisionByFormId,
+  selectLatestRevisionsFromComponentTypeIds,
   selectMainWorkspace,
   selectMapStyle,
   selectNumberOfComponentTypesMatchingCaseInsensitiveName,
   selectNumberOfComponentsOfComponentType,
+  selectNumberOfGeneralUserForms,
   selectNumberOfUserForms,
   selectOrganization,
   selectOrganizationAccess,
@@ -12070,6 +12236,7 @@ export {
   selectSortedOrganizationUsers,
   selectSortedProjectUsers,
   selectSortedProjects,
+  selectStageFormIdsFromStageIds,
   selectStageMapping,
   selectStages,
   selectStagesFromComponentType,
@@ -12145,11 +12312,13 @@ export {
   unfavoriteForm,
   unhideAllCategories,
   unhideCategory,
+  unlinkStageToForm,
   updateActiveOrganization,
   updateAttachment,
   updateComponent,
   updateIssue,
   updateOrCreateProject,
+  updateOrCreateUserFormSubmission,
   updateOrganizationAccess,
   updateProjectAccess,
   updateStages,