@overmap-ai/core 1.0.38 → 1.0.39

package/dist/overmap-core.umd.cjs

@@ -1673,6 +1673,22 @@ var __publicField = (obj, key, value) => {
         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;
       }
     }
   });
@@ -1717,7 +1733,22 @@ var __publicField = (obj, key, value) => {
       return stageIds.map((offline_id) => stageMapping[offline_id]).filter((stage) => !!stage);
     })
   );
-  const { addStages, updateStages, removeStages } = componentStageSlice.actions;
+  const selectStageFormIdsFromStageIds = restructureCreateSelectorWithArgs(
+    toolkit.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: {},
@@ -3013,7 +3044,7 @@ var __publicField = (obj, key, value) => {
           delete LATEST_REVISION_CACHE[userFormRevision.offline_id];
         }
       },
-      addUserFormSubmission: (state, action) => {
+      updateOrCreateUserFormSubmission: (state, action) => {
         state.submissions[action.payload.offline_id] = action.payload;
       },
       addUserFormSubmissionAttachment: (state, action) => {
@@ -3102,7 +3133,7 @@ var __publicField = (obj, key, value) => {
     addUserForm,
     addUserForms,
     addUserFormRevisions,
-    addUserFormSubmission,
+    updateOrCreateUserFormSubmission,
     addUserFormSubmissions,
     deleteUserFormSubmission,
     deleteUserFormSubmissions,
@@ -3194,7 +3225,6 @@ var __publicField = (obj, key, value) => {
   const selectSubmissionMapping = (state) => state.userFormReducer.submissions;
   const selectSubmissions = toolkit.createSelector([selectSubmissionMapping], (submissions) => Object.values(submissions));
   const selectRevisionMapping = (state) => state.userFormReducer.revisions;
-  const selectRevisionAttachmentsMapping = (state) => state.userFormReducer.revisionAttachments;
   const selectRevisions = toolkit.createSelector([selectRevisionMapping], (revisions) => Object.values(revisions));
   const selectRevisionsForForm = restructureCreateSelectorWithArgs(
     toolkit.createSelector([selectRevisions, (_state, formId2) => formId2], (revisions, formId2) => {
@@ -3237,6 +3267,33 @@ var __publicField = (obj, key, value) => {
   const selectUserFormMapping = (state) => {
     return state.userFormReducer.userForms;
   };
+  const selectComponentTypeForm = restructureCreateSelectorWithArgs(
+    toolkit.createSelector(
+      [selectUserFormMapping, (_state, componentTypeId) => componentTypeId],
+      (userForms, componentTypeId) => {
+        return Object.values(userForms).find((userForm) => userForm.component_type === componentTypeId);
+      }
+    )
+  );
+  const selectLatestRevisionsFromComponentTypeIds = restructureCreateSelectorWithArgs(
+    toolkit.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 = toolkit.createSelector([selectRevisionMapping], (revisions) => {
     const latestRevisions = {};
     for (const revision of Object.values(revisions)) {
@@ -3248,22 +3305,12 @@ var __publicField = (obj, key, value) => {
     }
     return latestRevisions;
   });
-  const selectAllRevisionAttachmentsByLatestRevisionId = toolkit.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 = toolkit.createSelector([selectUserFormMapping], (userForms) => {
     return Object.keys(userForms).length;
   });
+  const selectNumberOfGeneralUserForms = toolkit.createSelector([selectUserFormMapping], (userForms) => {
+    return Object.values(userForms).filter((form) => !form.component_type).length;
+  });
   const userFormReducer = userFormSlice.reducer;
   const initialState$1 = {
     emailDomains: {}
@@ -4629,6 +4676,39 @@ var __publicField = (obj, key, value) => {
         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({
@@ -5414,7 +5494,7 @@ var __publicField = (obj, key, value) => {
         });
       });
     }
-    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.");
       }
@@ -5432,6 +5512,7 @@ var __publicField = (obj, key, value) => {
         favorite: true,
         submitted_at: (/* @__PURE__ */ new Date()).toISOString(),
         created_by: currentUser.id,
+        ...componentTypeId && { component_type: componentTypeId },
         ...ownerAttrs
       };
       const { payloadWithoutImage, images } = await separateImageFromFields(offlineRevisionPayload);
@@ -5451,8 +5532,12 @@ var __publicField = (obj, key, value) => {
         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);
@@ -5464,7 +5549,7 @@ var __publicField = (obj, key, value) => {
       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) {
@@ -5475,13 +5560,14 @@ var __publicField = (obj, key, value) => {
         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);
@@ -5629,6 +5715,43 @@ var __publicField = (obj, key, value) => {
     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();
@@ -5642,51 +5765,26 @@ var __publicField = (obj, key, value) => {
         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));
@@ -5694,6 +5792,30 @@ var __publicField = (obj, key, value) => {
       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();
@@ -5709,7 +5831,7 @@ var __publicField = (obj, key, value) => {
         });
       } catch (e) {
         if (submission) {
-          store.dispatch(addUserFormSubmission(submission));
+          store.dispatch(updateOrCreateUserFormSubmission(submission));
         }
         throw e;
       }
@@ -6219,19 +6341,19 @@ var __publicField = (obj, key, value) => {
     }
     return /* @__PURE__ */ jsxRuntime.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,
@@ -6345,14 +6467,14 @@ var __publicField = (obj, key, value) => {
   }
   __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,
@@ -7614,15 +7736,15 @@ var __publicField = (obj, key, value) => {
     }
     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;
@@ -7763,6 +7885,26 @@ var __publicField = (obj, key, value) => {
     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__namespace.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__namespace.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 },
@@ -9054,21 +9196,10 @@ var __publicField = (obj, key, value) => {
   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);
@@ -9082,11 +9213,11 @@ var __publicField = (obj, key, value) => {
     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 } = blocks.useToast();
@@ -9564,14 +9695,18 @@ var __publicField = (obj, key, value) => {
       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) => {
@@ -9713,46 +9848,8 @@ var __publicField = (obj, key, value) => {
       },
       [name, resolvedFile]
     );
-    return /* @__PURE__ */ jsxRuntime.jsx(Card, { children: /* @__PURE__ */ jsxRuntime.jsxs(blocks.Flex, { direction: { initial: "column", sm: "row" }, gap: "3", justify: "between", children: [
-      /* @__PURE__ */ jsxRuntime.jsxs(blocks.Flex, { direction: "row", gap: "3", align: "center", grow: "1", shrink: "0", children: [
-        /* @__PURE__ */ jsxRuntime.jsxs(blocks.Flex, { direction: "column", gap: "2", children: [
-          /* @__PURE__ */ jsxRuntime.jsx(
-            blocks.IconButton,
-            {
-              variant: "soft",
-              "aria-label": `Download ${name}`,
-              onClick: handleDownload,
-              disabled: !resolvedFile,
-              children: /* @__PURE__ */ jsxRuntime.jsx(DownloadIcon, {})
-            }
-          ),
-          /* @__PURE__ */ jsxRuntime.jsx(
-            blocks.IconButton,
-            {
-              severity: "info",
-              variant: "soft",
-              "aria-label": `Remove ${name}`,
-              disabled,
-              onClick: onRemove,
-              children: /* @__PURE__ */ jsxRuntime.jsx(Cross1Icon, {})
-            }
-          )
-        ] }),
-        /* @__PURE__ */ jsxRuntime.jsxs(
-          blocks.Flex,
-          {
-            className: classNames$1(styles$4.nameContainer, { [styles$4.hasPreview]: !!url }),
-            direction: "column",
-            gap: "1",
-            children: [
-              /* @__PURE__ */ jsxRuntime.jsx(blocks.Text, { className: styles$4.useEllipsis, children: name }),
-              /* @__PURE__ */ jsxRuntime.jsx(blocks.Text, { size: "1", children: size }),
-              error2 && /* @__PURE__ */ jsxRuntime.jsx(blocks.Text, { size: "1", severity: "danger", children: error2 })
-            ]
-          }
-        )
-      ] }),
-      url && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    return /* @__PURE__ */ jsxRuntime.jsxs(Card, { className: styles$4.displayFileContainer, size: "1", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(Inset, { clip: "border-box", side: "top", pb: "0", children: url && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
         /* @__PURE__ */ jsxRuntime.jsx(
           "img",
           {
@@ -9773,8 +9870,38 @@ var __publicField = (obj, key, value) => {
             setShowPreview
           }
         )
-      ] })
-    ] }) });
+      ] }) }),
+      /* @__PURE__ */ jsxRuntime.jsx(blocks.Flex, { className: styles$4.infoContainer, children: /* @__PURE__ */ jsxRuntime.jsxs(blocks.Flex, { align: "center", width: "100%", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(blocks.Flex, { className: styles$4.nameContainer, align: "center", gap: "1", grow: "1", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(blocks.Text, { className: styles$4.useEllipsis, size: "1", children: name }),
+          /* @__PURE__ */ jsxRuntime.jsx(blocks.Text, { size: "1", className: styles$4.fileSizeText, children: `(${size})` }),
+          error2 && /* @__PURE__ */ jsxRuntime.jsx(blocks.Text, { size: "1", severity: "danger", children: error2 })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs(blocks.Flex, { align: "center", gap: "2", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            blocks.IconButton,
+            {
+              variant: "ghost",
+              "aria-label": `Download ${name}`,
+              onClick: handleDownload,
+              disabled: !resolvedFile,
+              children: /* @__PURE__ */ jsxRuntime.jsx(DownloadIcon, {})
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            blocks.IconButton,
+            {
+              severity: "info",
+              variant: "ghost",
+              "aria-label": `Remove ${name}`,
+              disabled,
+              onClick: onRemove,
+              children: /* @__PURE__ */ jsxRuntime.jsx(Cross1Icon, {})
+            }
+          )
+        ] })
+      ] }) })
+    ] });
   });
   DisplayFile.displayName = "DisplayFile";
   const emptyUploadField = {
@@ -10197,10 +10324,12 @@ var __publicField = (obj, key, value) => {
   };
   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 React.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;
@@ -10232,7 +10361,8 @@ var __publicField = (obj, key, value) => {
         // if the title isn't provided, hide it by default
         hideTitle = !schema.title,
         hideDescription,
-        className
+        className,
+        buttonProps
       } = props;
       const { readonly } = schema.meta;
       const formId2 = React.useMemo(() => crypto.randomUUID(), []);
@@ -10267,8 +10397,8 @@ var __publicField = (obj, key, value) => {
         ] }) }),
         inputs,
         !readonly && /* @__PURE__ */ jsxRuntime.jsxs(blocks.Flex, { className: styles$6.floatingButtonContainer, align: "center", justify: "end", gap: "2", children: [
-          cancelText && /* @__PURE__ */ jsxRuntime.jsx(blocks.Button, { type: "button", variant: "solid", onClick: onCancel, children: cancelText }),
-          /* @__PURE__ */ jsxRuntime.jsx(blocks.Button, { type: "submit", disabled: !formik$1.isValid, children: submitText })
+          cancelText && /* @__PURE__ */ jsxRuntime.jsx(blocks.Button, { severity: "info", ...buttonProps, type: "button", onClick: onCancel, children: cancelText }),
+          /* @__PURE__ */ jsxRuntime.jsx(blocks.Button, { ...buttonProps, type: "submit", disabled: !formik$1.isValid, children: submitText })
         ] })
       ] }) }) });
     })
@@ -10284,6 +10414,9 @@ var __publicField = (obj, key, value) => {
         );
       }
       const revisionWithImages = useAttachImagesToFormRevisionFields(revision);
+      if (!revisionWithImages) {
+        throw new Error("Expected revisionWithImages to be defined");
+      }
       const schema = React.useMemo(() => {
         return formRevisionToSchema(revisionWithImages, { readonly: true });
       }, [revisionWithImages]);
@@ -10340,6 +10473,10 @@ var __publicField = (obj, key, value) => {
       }, [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 = React.useCallback(
         (form) => {
           if (form.favorite) {
@@ -10353,7 +10490,7 @@ var __publicField = (obj, key, value) => {
       const options = React.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;
@@ -10364,13 +10501,13 @@ var __publicField = (obj, key, value) => {
           }
         }
         return Object.entries(accumulator).map(([value, label]) => ({ itemContent: label, value }));
-      }, [userFormMapping, sdk.store]);
+      }, [sdk.store, attachableUserFormMapping]);
       const handleChange = React.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__ */ jsxRuntime.jsxs(blocks.Flex, { ref, direction: "column", gap: "2", children: [
         /* @__PURE__ */ jsxRuntime.jsxs(blocks.Flex, { gap: "2", grow: "1", children: [
           /* @__PURE__ */ jsxRuntime.jsx(Box, { grow: "1", asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(TextField$1.Root, { size: "3", children: /* @__PURE__ */ jsxRuntime.jsx(TextField$1.Input, { placeholder: "Filter", value: filter, onChange: handleChange }) }) }),
@@ -10385,7 +10522,7 @@ var __publicField = (obj, key, value) => {
             }
           )
         ] }),
-        userForms.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(blocks.ButtonList.Root, { children: userForms.map((form) => /* @__PURE__ */ jsxRuntime.jsx(
+        attachableUserForms.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(blocks.ButtonList.Root, { children: attachableUserForms.map((form) => /* @__PURE__ */ jsxRuntime.jsx(
           FormBrowserEntry,
           {
             ...entryProps,
@@ -10457,7 +10594,7 @@ var __publicField = (obj, key, value) => {
     submissionsContainer,
     stopHorizontalOverflow
   };
-  const FormSubmissionBrowserEntry = React.memo(function FormSubmissionBrowserEntry2(props) {
+  const FormSubmissionBrowserEntry = React.memo((props) => {
     var _a2;
     const { submission, onSubmissionClick, compact, labelType, rowDecorator } = props;
     const currentUser = useAppSelector(selectCurrentUser);
@@ -10501,11 +10638,12 @@ var __publicField = (obj, key, value) => {
     }
     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 = React.memo(function FormSubmissionBrowser2(props) {
+  const FormSubmissionBrowser = React.memo((props) => {
     const {
       formId: formId2,
       submissions: propSubmissions,
@@ -10551,6 +10689,7 @@ var __publicField = (obj, key, value) => {
       }
     );
   });
+  FormSubmissionBrowser.displayName = "FormSubmissionBrowser";
   const PatchField = React.memo((props) => {
     const { name, render } = props;
     const { submitForm } = formik.useFormikContext();
@@ -10574,19 +10713,19 @@ var __publicField = (obj, key, value) => {
   const PatchFormProvider = React.memo(
     React.forwardRef((props, ref) => {
       const { children, schema, values, onPatch, onError, requiresDiff = true, onDirtyChange, ...rest } = props;
-      const initialValues2 = React.useMemo(() => initialFormValues(schema.fields, values), [schema.fields, values]);
+      const initialValues = React.useMemo(() => initialFormValues(schema.fields, values), [schema.fields, values]);
       const getDiff = React.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 = React.useCallback(
         (values2) => {
@@ -10612,7 +10751,7 @@ var __publicField = (obj, key, value) => {
         [schema, onDirtyChange, onError, getDiff]
       );
       const formik$1 = formik.useFormik({
-        initialValues: initialValues2,
+        initialValues,
         onSubmit: handlePatch,
         validate,
         // only validate the entire form on submit
@@ -10630,9 +10769,9 @@ var __publicField = (obj, key, value) => {
       const { errors, resetForm } = formik$1;
       React.useEffect(() => {
         if (hasKeys(errors)) {
-          resetForm({ values: initialValues2, errors: {} });
+          resetForm({ values: initialValues, errors: {} });
         }
-      }, [errors, initialValues2, resetForm]);
+      }, [errors, initialValues, resetForm]);
       return /* @__PURE__ */ jsxRuntime.jsx(formik.FormikProvider, { value: formik$1, children: /* @__PURE__ */ jsxRuntime.jsx("form", { ...rest, ref, onSubmit: formik$1.handleSubmit, onChange: handleChange, children }) });
     })
   );
@@ -10740,21 +10879,21 @@ var __publicField = (obj, key, value) => {
     ] });
   });
   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,
@@ -10836,19 +10975,24 @@ var __publicField = (obj, key, value) => {
     const { parentPath, index: index2, initial, conditionalSourceFields } = props;
     const { values, setFieldValue, errors } = formik.useFormikContext();
     const fieldTypeItems = useFieldTypeItems();
+    const containerRef = React.useRef(null);
     const RADIX_SM_MIN_WIDTH = 576;
-    const [isLargeScreen, setIsLargeScreen] = React.useState(
-      window.matchMedia(`(min-width: ${RADIX_SM_MIN_WIDTH}px)`).matches
+    const [isLargeContainer, setIsLargeContainer] = React.useState(
+      containerRef.current && containerRef.current.getBoundingClientRect().width >= RADIX_SM_MIN_WIDTH
     );
     React.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] = React.useState(void 0);
     const [showImagePreview, setShowImagePreview] = React.useState(false);
@@ -10925,7 +11069,7 @@ var __publicField = (obj, key, value) => {
         const fieldObject = fieldCls.getFieldCreationSchema(
           `${parentPath}.${index2}`
         );
-        if (isLargeScreen) {
+        if (isLargeContainer) {
           directlyShownFields2 = [
             ...directlyShownFields2,
             ...fieldObject.filter((field) => field.showDirectly).map((field) => field.field)
@@ -10939,7 +11083,7 @@ var __publicField = (obj, key, value) => {
         }
       }
       return [directlyShownFields2, popoverFields2];
-    }, [fieldCls, conditionalSourceFields, parentPath, index2, isLargeScreen]);
+    }, [fieldCls, conditionalSourceFields, parentPath, index2, isLargeContainer]);
     const directlyShownInputs = useFieldInputs(directlyShownFields, {
       formId,
       disabled: false,
@@ -10959,7 +11103,7 @@ var __publicField = (obj, key, value) => {
     });
     const deserializedField = React.useMemo(() => deserialize(initial), [initial]);
     const previewInput2 = useFieldInput(deserializedField, { formId, disabled: true, showInputOnly: true });
-    return /* @__PURE__ */ jsxRuntime.jsxs(blocks.Flex, { align: "center", grow: "1", children: [
+    return /* @__PURE__ */ jsxRuntime.jsxs(blocks.Flex, { ref: containerRef, align: "center", grow: "1", children: [
       /* @__PURE__ */ jsxRuntime.jsxs(blocks.Flex, { direction: "column", width: "100%", children: [
         fieldCls === FieldSection && /* @__PURE__ */ jsxRuntime.jsxs(blocks.Flex, { direction: "column", gap: "1", children: [
           directlyShownFields.length > 0 && directlyShownInputs,
@@ -11038,7 +11182,7 @@ var __publicField = (obj, key, value) => {
               blocks.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);
@@ -11061,7 +11205,7 @@ var __publicField = (obj, key, value) => {
               blocks.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);
@@ -11081,7 +11225,7 @@ var __publicField = (obj, key, value) => {
   });
   FieldBuilder.displayName = "FieldBuilder";
   const FieldWithActions = React.memo((props) => {
-    const { field, index: index2, sectionIndex, takenLabels, remove: remove2 } = props;
+    const { field, index: index2, sectionIndex, remove: remove2 } = props;
     const { setFieldValue, values } = formik.useFormikContext();
     const { reorderField } = useFieldReordering();
     const { showError } = blocks.useToast();
@@ -11098,10 +11242,10 @@ var __publicField = (obj, key, value) => {
       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 = React.useCallback(
       (direction) => {
         const srcSectionIndex = sectionIndex;
@@ -11183,12 +11327,11 @@ var __publicField = (obj, key, value) => {
   FieldWithActions.displayName = "FieldWithActions";
   const FieldSectionWithActions = React.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 } = formik.useFormikContext();
     const alertDialog = blocks.useAlertDialog();
     const { reorderSection } = useFieldReordering();
-    const takenFieldLabels = getTakenFieldLabels(values.fields);
     const removeSectionConditions = React.useCallback(
       (sectionsToUpdate, allSections) => {
         for (const section of sectionsToUpdate) {
@@ -11292,18 +11435,15 @@ var __publicField = (obj, key, value) => {
     );
     const duplicateSection = React.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 = React.useCallback(
       (type) => {
         createNewField(
@@ -11327,7 +11467,7 @@ var __publicField = (obj, key, value) => {
           mb: "4",
           children: /* @__PURE__ */ jsxRuntime.jsxs(blocks.Flex, { gap: "3", justify: "between", align: "center", children: [
             /* @__PURE__ */ jsxRuntime.jsxs(blocks.Flex, { direction: "column", gap: "2", grow: "1", children: [
-              /* @__PURE__ */ jsxRuntime.jsx(FieldBuilder, { ...editSectionProps }),
+              !fieldsOnly && /* @__PURE__ */ jsxRuntime.jsx(FieldBuilder, { ...editSectionProps }),
               /* @__PURE__ */ jsxRuntime.jsx(
                 dnd.Droppable,
                 {
@@ -11350,8 +11490,7 @@ var __publicField = (obj, key, value) => {
                             sectionIndex,
                             remove: () => {
                               removeField(i);
-                            },
-                            takenLabels: takenFieldLabels
+                            }
                           },
                           child.identifier
                         )),
@@ -11372,7 +11511,7 @@ var __publicField = (obj, key, value) => {
                 }
               )
             ] }),
-            /* @__PURE__ */ jsxRuntime.jsx(
+            !fieldsOnly && /* @__PURE__ */ jsxRuntime.jsx(
               FieldActions,
               {
                 index: sectionIndex,
@@ -11449,7 +11588,8 @@ var __publicField = (obj, key, value) => {
         return [section, i];
     }
   };
-  const FieldsEditor = React.memo(() => {
+  const FieldsEditor = React.memo((props) => {
+    const { fieldsOnly } = props;
     const { values, setFieldValue } = formik.useFormikContext();
     const [dropState, dispatch] = React.useReducer(reducer, values.fields, initializer);
     const { reorderSection, reorderField } = useFieldReordering();
@@ -11502,8 +11642,16 @@ var __publicField = (obj, key, value) => {
         gap: "0",
         children: [
           values.fields.map((field, index2) => /* @__PURE__ */ jsxRuntime.jsxs(React.Fragment, { children: [
-            /* @__PURE__ */ jsxRuntime.jsx(FieldSectionWithActions, { field, index: index2, dropState }),
-            /* @__PURE__ */ jsxRuntime.jsxs(
+            /* @__PURE__ */ jsxRuntime.jsx(
+              FieldSectionWithActions,
+              {
+                field,
+                index: index2,
+                dropState,
+                fieldsOnly
+              }
+            ),
+            !fieldsOnly && /* @__PURE__ */ jsxRuntime.jsxs(
               blocks.Button,
               {
                 className: styles$1.addSectionButton,
@@ -11526,17 +11674,22 @@ var __publicField = (obj, key, value) => {
     ) }) });
   });
   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 = React.memo(
     React.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 } = blocks.useToast();
       const validate = React.useCallback(
         (form) => {
@@ -11582,8 +11735,17 @@ var __publicField = (obj, key, value) => {
         },
         [showError]
       );
+      const initialValues = React.useMemo(
+        () => ({
+          title: initialTitle ?? "",
+          description: "",
+          fields: [{ ...emptySection(makeIdentifier(null, "")), label: "" }]
+        }),
+        [initialTitle]
+      );
+      const revisionWithImages = useAttachImagesToFormRevisionFields(revision);
       const formik$1 = formik.useFormik({
-        initialValues: wrapRootFieldsWithFieldSection(revision) ?? initialValues,
+        initialValues: wrapRootFieldsWithFieldSection(revisionWithImages) ?? initialValues,
         validate,
         onSubmit: onSave,
         validateOnChange: false,
@@ -11591,7 +11753,7 @@ var __publicField = (obj, key, value) => {
       });
       const previewSchema = React.useMemo(() => formRevisionToSchema(formik$1.values), [formik$1.values]);
       return /* @__PURE__ */ jsxRuntime.jsx(Tabs.Root, { ref, defaultValue: "edit", children: /* @__PURE__ */ jsxRuntime.jsxs(blocks.Flex, { direction: "column", gap: "2", children: [
-        /* @__PURE__ */ jsxRuntime.jsxs(Tabs.List, { className: styles$7.tabsList, children: [
+        showTabs && /* @__PURE__ */ jsxRuntime.jsxs(Tabs.List, { className: classNames$1(styles$7.tabsList, tabsListClassName), children: [
           /* @__PURE__ */ jsxRuntime.jsx(Tabs.Trigger, { className: styles$7.tabTrigger, value: "edit", children: /* @__PURE__ */ jsxRuntime.jsxs(blocks.Flex, { align: "center", gap: "2", children: [
             /* @__PURE__ */ jsxRuntime.jsx(Pencil1Icon, {}),
             "Edit"
@@ -11602,7 +11764,7 @@ var __publicField = (obj, key, value) => {
           ] }) })
         ] }),
         /* @__PURE__ */ jsxRuntime.jsxs(Tabs.Content, { value: "edit", children: [
-          /* @__PURE__ */ jsxRuntime.jsxs(blocks.Text, { children: [
+          showExplainerText && /* @__PURE__ */ jsxRuntime.jsxs(blocks.Text, { children: [
             "Create your form using various field types. Sections can be",
             " ",
             /* @__PURE__ */ jsxRuntime.jsx("strong", { children: "conditionally rendered" }),
@@ -11612,60 +11774,62 @@ var __publicField = (obj, key, value) => {
           ] }),
           /* @__PURE__ */ jsxRuntime.jsx(blocks.Flex, { asChild: true, direction: "column", gap: "2", mt: "3", children: /* @__PURE__ */ jsxRuntime.jsxs("form", { id: formId, onSubmit: formik$1.handleSubmit, children: [
             /* @__PURE__ */ jsxRuntime.jsxs(formik.FormikProvider, { value: formik$1, children: [
-              /* @__PURE__ */ jsxRuntime.jsx(
-                PatchField,
-                {
-                  name: "title",
-                  render: ({ setValue, value, meta }) => /* @__PURE__ */ jsxRuntime.jsx(InputWithHelpText, { severity: "danger", helpText: meta.error ?? null, children: /* @__PURE__ */ jsxRuntime.jsx(
-                    blocks.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__ */ jsxRuntime.jsx(
-                PatchField,
-                {
-                  name: "description",
-                  render: ({ setValue, value }) => /* @__PURE__ */ jsxRuntime.jsx(
-                    blocks.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__ */ jsxRuntime.jsx(FieldsEditor, {}),
+              showFormTitle && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  PatchField,
+                  {
+                    name: "title",
+                    render: ({ setValue, value, meta }) => /* @__PURE__ */ jsxRuntime.jsx(InputWithHelpText, { severity: "danger", helpText: meta.error ?? null, children: /* @__PURE__ */ jsxRuntime.jsx(
+                      blocks.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__ */ jsxRuntime.jsx(
+                  PatchField,
+                  {
+                    name: "description",
+                    render: ({ setValue, value }) => /* @__PURE__ */ jsxRuntime.jsx(
+                      blocks.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__ */ jsxRuntime.jsx(FieldsEditor, { fieldsOnly }),
               /* @__PURE__ */ jsxRuntime.jsx(blocks.Text, { severity: "danger", size: "1", children: typeof formik$1.errors.fields === "string" && formik$1.errors.fields })
             ] }),
             /* @__PURE__ */ jsxRuntime.jsxs(blocks.Flex, { className: styles$7.floatingButtonContainer, align: "center", justify: "end", gap: "2", children: [
-              /* @__PURE__ */ jsxRuntime.jsx(blocks.Button, { type: "button", variant: "solid", severity: "info", onClick: onCancel, children: "Cancel" }),
+              onCancel && /* @__PURE__ */ jsxRuntime.jsx(blocks.Button, { type: "button", variant: "solid", severity: "info", onClick: onCancel, children: "Cancel" }),
               /* @__PURE__ */ jsxRuntime.jsx(blocks.Button, { type: "submit", children: "Save form" })
             ] })
           ] }) })
         ] }),
-        /* @__PURE__ */ jsxRuntime.jsx(Tabs.Content, { value: "preview", children: /* @__PURE__ */ jsxRuntime.jsx(FormRenderer, { schema: previewSchema, onSubmit: previewSubmit }) })
+        /* @__PURE__ */ jsxRuntime.jsx(Tabs.Content, { value: "preview", children: /* @__PURE__ */ jsxRuntime.jsx(FormRenderer, { schema: previewSchema, onSubmit: previewSubmit, hideTitle: !showFormTitle }) })
       ] }) });
     })
   );
@@ -11816,7 +11980,6 @@ var __publicField = (obj, key, value) => {
   exports2.addUserFormRevision = addUserFormRevision;
   exports2.addUserFormRevisionAttachment = addUserFormRevisionAttachment;
   exports2.addUserFormRevisions = addUserFormRevisions;
-  exports2.addUserFormSubmission = addUserFormSubmission;
   exports2.addUserFormSubmissionAttachment = addUserFormSubmissionAttachment;
   exports2.addUserFormSubmissions = addUserFormSubmissions;
   exports2.addUserForms = addUserForms;
@@ -11901,6 +12064,7 @@ var __publicField = (obj, key, value) => {
   exports2.issueReducer = issueReducer;
   exports2.issueSlice = issueSlice;
   exports2.issueToSearchResult = issueToSearchResult;
+  exports2.linkStageToForm = linkStageToForm;
   exports2.literalToCoordinates = literalToCoordinates;
   exports2.logOnlyOnce = logOnlyOnce;
   exports2.makeClient = makeClient;
@@ -11977,7 +12141,6 @@ var __publicField = (obj, key, value) => {
   exports2.selectActiveWorkspace = selectActiveWorkspace;
   exports2.selectActiveWorkspaceId = selectActiveWorkspaceId;
   exports2.selectAllAttachments = selectAllAttachments;
-  exports2.selectAllRevisionAttachmentsByLatestRevisionId = selectAllRevisionAttachmentsByLatestRevisionId;
   exports2.selectAppearance = selectAppearance;
   exports2.selectCategories = selectCategories;
   exports2.selectCategoriesOfWorkspace = selectCategoriesOfWorkspace;
@@ -11991,6 +12154,7 @@ var __publicField = (obj, key, value) => {
   exports2.selectCompletedStages = selectCompletedStages;
   exports2.selectComponent = selectComponent;
   exports2.selectComponentType = selectComponentType;
+  exports2.selectComponentTypeForm = selectComponentTypeForm;
   exports2.selectComponentTypeFromComponent = selectComponentTypeFromComponent;
   exports2.selectComponentTypeFromComponents = selectComponentTypeFromComponents;
   exports2.selectComponentTypes = selectComponentTypes;
@@ -12028,10 +12192,12 @@ var __publicField = (obj, key, value) => {
   exports2.selectLatestFormRevision = selectLatestFormRevision;
   exports2.selectLatestRetryTime = selectLatestRetryTime;
   exports2.selectLatestRevisionByFormId = selectLatestRevisionByFormId;
+  exports2.selectLatestRevisionsFromComponentTypeIds = selectLatestRevisionsFromComponentTypeIds;
   exports2.selectMainWorkspace = selectMainWorkspace;
   exports2.selectMapStyle = selectMapStyle;
   exports2.selectNumberOfComponentTypesMatchingCaseInsensitiveName = selectNumberOfComponentTypesMatchingCaseInsensitiveName;
   exports2.selectNumberOfComponentsOfComponentType = selectNumberOfComponentsOfComponentType;
+  exports2.selectNumberOfGeneralUserForms = selectNumberOfGeneralUserForms;
   exports2.selectNumberOfUserForms = selectNumberOfUserForms;
   exports2.selectOrganization = selectOrganization;
   exports2.selectOrganizationAccess = selectOrganizationAccess;
@@ -12065,6 +12231,7 @@ var __publicField = (obj, key, value) => {
   exports2.selectSortedOrganizationUsers = selectSortedOrganizationUsers;
   exports2.selectSortedProjectUsers = selectSortedProjectUsers;
   exports2.selectSortedProjects = selectSortedProjects;
+  exports2.selectStageFormIdsFromStageIds = selectStageFormIdsFromStageIds;
   exports2.selectStageMapping = selectStageMapping;
   exports2.selectStages = selectStages;
   exports2.selectStagesFromComponentType = selectStagesFromComponentType;
@@ -12140,11 +12307,13 @@ var __publicField = (obj, key, value) => {
   exports2.unfavoriteForm = unfavoriteForm;
   exports2.unhideAllCategories = unhideAllCategories;
   exports2.unhideCategory = unhideCategory;
+  exports2.unlinkStageToForm = unlinkStageToForm;
   exports2.updateActiveOrganization = updateActiveOrganization;
   exports2.updateAttachment = updateAttachment;
   exports2.updateComponent = updateComponent;
   exports2.updateIssue = updateIssue;
   exports2.updateOrCreateProject = updateOrCreateProject;
+  exports2.updateOrCreateUserFormSubmission = updateOrCreateUserFormSubmission;
   exports2.updateOrganizationAccess = updateOrganizationAccess;
   exports2.updateProjectAccess = updateProjectAccess;
   exports2.updateStages = updateStages;