From 72aa570c4dc659922763daffc054aa248b686c5f Mon Sep 17 00:00:00 2001
From: Kathleen Tuite <kathleen.tuite@gmail.com>
Date: Mon, 20 Jun 2022 14:38:26 -0700
Subject: [PATCH 1/4] Showing form IDs next to duplicated form names

---
 src/components/form/row.vue                | 13 ++++++-
 src/components/form/trash-row.vue          | 13 ++++++-
 src/components/project/form-row.vue        | 10 ++++++
 test/components/project/home-block.spec.js | 15 ++++++++
 test/components/project/overview.spec.js   | 42 ++++++++++++++++++++++
 5 files changed, 91 insertions(+), 2 deletions(-)

diff --git a/src/components/form/row.vue b/src/components/form/row.vue
index 17d3dac30..18acead0c 100644
--- a/src/components/form/row.vue
+++ b/src/components/form/row.vue
@@ -15,6 +15,7 @@ except according to the terms contained in the LICENSE file.
       <link-if-can :to="primaryFormPath(form)">
         {{ form.nameOrId() }}
       </link-if-can>
+      <span v-if="showIdForDuplicateName" class="duplicate-form-id">({{ form.xmlFormId }})</span>
     </td>
 
     <td v-for="reviewState of visibleReviewStates" :key="reviewState" class="review-state">
@@ -112,7 +113,7 @@ export default {
   computed: {
     // The component assumes that this data will exist when the component is
     // created.
-    ...requestData(['project']),
+    ...requestData(['project', 'forms', 'deletedForms']),
     visibleReviewStates: () => ['received', 'hasIssues', 'edited'],
     urlFilterEncode() {
       return new Map()
@@ -126,6 +127,11 @@ export default {
         this.form.xmlFormId,
         'draft/testing'
       );
+    },
+    showIdForDuplicateName() {
+      const allForms = [...this.forms || [], ...this.deletedForms || []];
+      const formNames = allForms.flatMap((form) => ((form.xmlFormId !== this.form.xmlFormId) ? form.nameOrId() : []));
+      return formNames.includes(this.form.nameOrId());
     }
   }
 };
@@ -147,6 +153,11 @@ export default {
     font-size: 18px;
   }
 
+  .duplicate-form-id {
+    font-family: $font-family-monospace;
+    padding-left: 6px;
+  }
+
   .review-state, .total-submissions, .not-published {
     a { @include text-link; }
     text-align: right;
diff --git a/src/components/form/trash-row.vue b/src/components/form/trash-row.vue
index 004e389e7..11b637b86 100644
--- a/src/components/form/trash-row.vue
+++ b/src/components/form/trash-row.vue
@@ -13,6 +13,7 @@ except according to the terms contained in the LICENSE file.
   <tr class="form-trash-row">
     <td class="name">
       <span class="form-name">{{ form.nameOrId() }}</span>
+      <span v-if="showIdForDuplicateName" class="duplicate-form-id">({{ form.xmlFormId }})</span>
     </td>
     <td class="deleted">
       <i18n-t tag="div" keypath="deletedDate" class="deleted-date">
@@ -67,7 +68,7 @@ export default {
   computed: {
     // The component assumes that this data will exist when the component is
     // created.
-    ...requestData(['forms']),
+    ...requestData(['forms', 'deletedForms']),
     activeFormIds() {
       // returns ids of existing forms to disable restoring deleted
       // forms with conflicting ids (also prevented on backend)
@@ -82,6 +83,11 @@ export default {
       if (this.disabled)
         return this.$t('disabled.conflict');
       return null;
+    },
+    showIdForDuplicateName() {
+      const allForms = [...this.forms || [], ...this.deletedForms || []];
+      const formNames = allForms.flatMap((form) => ((form.xmlFormId !== this.form.xmlFormId) ? form.nameOrId() : []));
+      return formNames.includes(this.form.nameOrId());
     }
   },
   methods: {
@@ -108,6 +114,11 @@ export default {
     font-size: 18px;
   }
 
+  .duplicate-form-id {
+    font-family: $font-family-monospace;
+    padding-left: 6px;
+  }
+
   .deleted {
     width: 300px;
     text-align: right;
diff --git a/src/components/project/form-row.vue b/src/components/project/form-row.vue
index e1df4ae5a..7b87284ed 100644
--- a/src/components/project/form-row.vue
+++ b/src/components/project/form-row.vue
@@ -26,6 +26,7 @@ except according to the terms contained in the LICENSE file.
           {{ form.nameOrId() }}
         </template>
       </template>
+      <span v-if="showIdForDuplicateName" class="duplicate-form-id">({{ form.xmlFormId }})</span>
     </td>
     <template v-if="form.publishedAt != null">
       <td v-for="reviewState of visibleReviewStates" :key="reviewState" class="review-state">
@@ -137,6 +138,10 @@ export default {
     enketoPath() {
       const encodedId = encodeURIComponent(this.form.enketoId);
       return `${enketoBasePath}/${encodedId}`;
+    },
+    showIdForDuplicateName() {
+      const formNames = this.project.formList.map((form) => (form.xmlFormId !== this.form.xmlFormId ? form.nameOrId() : null));
+      return formNames.includes(this.form.nameOrId());
     }
   }
 };
@@ -153,6 +158,11 @@ export default {
     a { @include text-link; }
   }
 
+  .duplicate-form-id {
+    font-family: $font-family-monospace;
+    padding-left: 6px;
+  }
+
   .review-state, .total-submissions, .not-published {
     text-align: right;
     padding-right: 10px;
diff --git a/test/components/project/home-block.spec.js b/test/components/project/home-block.spec.js
index 54b2b3f76..4f67af66f 100644
--- a/test/components/project/home-block.spec.js
+++ b/test/components/project/home-block.spec.js
@@ -125,4 +125,19 @@ describe('ProjectHomeBlock', () => {
     const rows = block.findAllComponents(FormRow);
     rows.map((row) => row.props().form.name).should.eql(['a', 'c', 'd', 'e']);
   });
+
+  it('shows form ID in parentheses next to duplicated form names', () => {
+    const project = testData.extendedProjects.createPast(1).last();
+    testData.extendedForms.createPast(1, { name: 'Same Name', xmlFormId: 'a' });
+    testData.extendedForms.createPast(1, { name: 'Same Name', xmlFormId: 'b' });
+    testData.extendedForms.createPast(1, { name: 'Different Name', xmlFormId: 'c' });
+    project.formList.push(...testData.extendedForms.sorted().map((form) => new Form(form)));
+    const block = mountComponent();
+    const rows = block.findAllComponents(FormRow);
+    rows.map((row) => row.find('.form-name').text()).should.eql([
+      'Same Name(a)',
+      'Same Name(b)',
+      'Different Name'
+    ]);
+  });
 });
diff --git a/test/components/project/overview.spec.js b/test/components/project/overview.spec.js
index d4144a503..5c1749000 100644
--- a/test/components/project/overview.spec.js
+++ b/test/components/project/overview.spec.js
@@ -1,4 +1,6 @@
 import ProjectOverviewDescription from '../../../src/components/project/overview/description.vue';
+import FormList from '../../../src/components/form/list.vue';
+import FormRow from '../../../src/components/form/row.vue';
 import FormTrashList from '../../../src/components/form/trash-list.vue';
 import FormTrashRow from '../../../src/components/form/trash-row.vue';
 
@@ -101,4 +103,44 @@ describe('ProjectOverview', () => {
         });
     });
   });
+
+  describe('duplicate form names', () => {
+    it('shows form ID in parentheses next to form names that are duplicated', async () => {
+      mockLogin();
+      testData.extendedForms.createPast(1, { name: 'Same Name', xmlFormId: 'foo' });
+      testData.extendedForms.createPast(1, { name: 'Same Name', xmlFormId: 'bar' });
+      testData.extendedForms.createPast(1, { name: 'Different Name', xmlFormId: 'baz' });
+      const app = await load('/projects/1', {}, {});
+      const rows = app.getComponent(FormList).findAllComponents(FormRow);
+      rows.map((row) => row.find('.name').text()).should.eql([
+        'Different Name',
+        'Same Name(foo)',
+        'Same Name(bar)'
+      ]);
+    });
+
+    it('shows form ID even when form is in separate closed table', async () => {
+      mockLogin();
+      testData.extendedForms.createPast(1, { name: 'Same Name', xmlFormId: 'foo', state: 'closed' });
+      testData.extendedForms.createPast(1, { name: 'Same Name', xmlFormId: 'bar', state: 'open' });
+      const app = await load('/projects/1', {}, {});
+      const rows = app.getComponent(FormList).findAllComponents(FormRow);
+      rows.map((row) => row.find('.name').text()).should.eql([
+        'Same Name(bar)',
+        'Same Name(foo)'
+      ]);
+    });
+
+    it('shows form ID even when duplicate form name is in trash', async () => {
+      mockLogin();
+      testData.extendedForms.createPast(1, { name: 'Same Name', xmlFormId: 'foo' });
+      const app = await load('/projects/1', {}, {
+        deletedForms: () => [{ name: 'Same Name', xmlFormId: 'bar', deletedAt: new Date().toISOString() }]
+      });
+      const formList = app.getComponent(FormList);
+      formList.find('.duplicate-form-id').text().should.equal('(foo)');
+      const trashList = app.getComponent(FormTrashList);
+      trashList.find('.duplicate-form-id').text().should.equal('(bar)');
+    });
+  });
 });

From 1067775ab963607023815b7e696ce57f30bc4e14 Mon Sep 17 00:00:00 2001
From: Kathleen Tuite <kathleen.tuite@gmail.com>
Date: Wed, 22 Jun 2022 15:21:39 -0700
Subject: [PATCH 2/4] Performance fix for Form List form names

---
 src/components/form/row.vue              |  8 +++++---
 src/components/form/trash-row.vue        |  8 +++++---
 src/store/modules/request/keys.js        | 10 ++++++++++
 test/components/form/trash-row.spec.js   | 10 +++++-----
 test/components/project/overview.spec.js | 12 ++++++++++++
 5 files changed, 37 insertions(+), 11 deletions(-)

diff --git a/src/components/form/row.vue b/src/components/form/row.vue
index 18acead0c..83604d743 100644
--- a/src/components/form/row.vue
+++ b/src/components/form/row.vue
@@ -82,6 +82,8 @@ except according to the terms contained in the LICENSE file.
 </template>
 
 <script>
+import { mapGetters } from 'vuex';
+
 import DateTime from '../date-time.vue';
 import EnketoFill from '../enketo/fill.vue';
 import EnketoPreview from '../enketo/preview.vue';
@@ -114,6 +116,7 @@ export default {
     // The component assumes that this data will exist when the component is
     // created.
     ...requestData(['project', 'forms', 'deletedForms']),
+    ...mapGetters(['duplicateFormNames']),
     visibleReviewStates: () => ['received', 'hasIssues', 'edited'],
     urlFilterEncode() {
       return new Map()
@@ -129,9 +132,8 @@ export default {
       );
     },
     showIdForDuplicateName() {
-      const allForms = [...this.forms || [], ...this.deletedForms || []];
-      const formNames = allForms.flatMap((form) => ((form.xmlFormId !== this.form.xmlFormId) ? form.nameOrId() : []));
-      return formNames.includes(this.form.nameOrId());
+      const name = this.form.nameOrId().toLowerCase();
+      return this.duplicateFormNames.has(name);
     }
   }
 };
diff --git a/src/components/form/trash-row.vue b/src/components/form/trash-row.vue
index 11b637b86..1c3c35a97 100644
--- a/src/components/form/trash-row.vue
+++ b/src/components/form/trash-row.vue
@@ -51,6 +51,8 @@ except according to the terms contained in the LICENSE file.
 </template>
 
 <script>
+import { mapGetters } from 'vuex';
+
 import DateTime from '../date-time.vue';
 import Form from '../../presenters/form';
 import { requestData } from '../../store/modules/request';
@@ -69,6 +71,7 @@ export default {
     // The component assumes that this data will exist when the component is
     // created.
     ...requestData(['forms', 'deletedForms']),
+    ...mapGetters(['duplicateFormNames']),
     activeFormIds() {
       // returns ids of existing forms to disable restoring deleted
       // forms with conflicting ids (also prevented on backend)
@@ -85,9 +88,8 @@ export default {
       return null;
     },
     showIdForDuplicateName() {
-      const allForms = [...this.forms || [], ...this.deletedForms || []];
-      const formNames = allForms.flatMap((form) => ((form.xmlFormId !== this.form.xmlFormId) ? form.nameOrId() : []));
-      return formNames.includes(this.form.nameOrId());
+      const name = this.form.nameOrId().toLowerCase();
+      return this.duplicateFormNames.has(name);
     }
   },
   methods: {
diff --git a/src/store/modules/request/keys.js b/src/store/modules/request/keys.js
index 945ac926b..5d6f89cac 100644
--- a/src/store/modules/request/keys.js
+++ b/src/store/modules/request/keys.js
@@ -197,6 +197,16 @@ const dataGetters = {
         result.push(audit);
     }
     return result;
+  },
+
+  // Returns a set containing just the form names that appear more than once
+  // in a project. Used on project overview to show form ID next to form name
+  // when form names are duplicated.
+  duplicateFormNames: ({ data: { forms, deletedForms } }) => {
+    const allForms = [...forms || [], ...deletedForms || []];
+    const formNames = allForms.map((form) => (form.nameOrId().toLowerCase()));
+    const findDuplicates = a => a.filter((item, index) => a.indexOf(item) !== index);
+    return new Set(findDuplicates(formNames));
   }
 };
 export const getters = dataGetters;
diff --git a/test/components/form/trash-row.spec.js b/test/components/form/trash-row.spec.js
index 927ad4cb0..8551f5469 100644
--- a/test/components/form/trash-row.spec.js
+++ b/test/components/form/trash-row.spec.js
@@ -46,21 +46,21 @@ describe('FormTrashRow', () => {
     beforeEach(mockLogin);
 
     it('shows the submission count', () => {
-      const formData = { submissions: 12345 };
+      const formData = { name: 'a form', submissions: 12345 };
       const cell = mountComponent(formData).get('.total-submissions');
       cell.text().should.equal('12,345');
       cell.find('span').attributes().title.should.equal('Total');
     });
 
     it('shows the submission count when 0', () => {
-      const formData = { submissions: 0 };
+      const formData = { name: 'a form', submissions: 0 };
       const text = mountComponent(formData).get('.total-submissions').text();
       text.should.equal('0');
     });
 
     it('shows the time since last submission', () => {
       const lastSubmission = new Date().toISOString();
-      const formData = { submissions: 1, lastSubmission };
+      const formData = { name: 'a form', submissions: 1, lastSubmission };
       const row = mountComponent(formData);
       const cell = row.get('.last-submission');
       cell.text().should.match(/ago$/);
@@ -71,7 +71,7 @@ describe('FormTrashRow', () => {
     });
 
     it('does not render time if there is no last submission', () => {
-      const formData = { submissions: 0 };
+      const formData = { name: 'a form', submissions: 0 };
       const cell = mountComponent(formData).get('.last-submission');
       cell.text().should.equal('(none)');
       cell.find('span').attributes().title.should.equal('Latest Submission');
@@ -82,7 +82,7 @@ describe('FormTrashRow', () => {
     beforeEach(mockLogin);
 
     it('shows the undelete button', () => {
-      const button = mountComponent({}).get('.form-trash-row-restore-button');
+      const button = mountComponent({ name: 'foo' }).get('.form-trash-row-restore-button');
       button.element.tagName.should.equal('BUTTON');
       button.element.disabled.should.be.false();
     });
diff --git a/test/components/project/overview.spec.js b/test/components/project/overview.spec.js
index 5c1749000..1114a540e 100644
--- a/test/components/project/overview.spec.js
+++ b/test/components/project/overview.spec.js
@@ -119,6 +119,18 @@ describe('ProjectOverview', () => {
       ]);
     });
 
+    it('considers different capitalizations to be the same and shows form ID', async () => {
+      mockLogin();
+      testData.extendedForms.createPast(1, { name: 'Same Name', xmlFormId: 'foo' });
+      testData.extendedForms.createPast(1, { name: 'same NAME', xmlFormId: 'bar' });
+      const app = await load('/projects/1', {}, {});
+      const rows = app.getComponent(FormList).findAllComponents(FormRow);
+      rows.map((row) => row.find('.name').text()).should.eql([
+        'same NAME(bar)',
+        'Same Name(foo)'
+      ]);
+    });
+
     it('shows form ID even when form is in separate closed table', async () => {
       mockLogin();
       testData.extendedForms.createPast(1, { name: 'Same Name', xmlFormId: 'foo', state: 'closed' });

From 81dde69af8c97c2e02b122299f3b839358466e27 Mon Sep 17 00:00:00 2001
From: Kathleen Tuite <kathleen.tuite@gmail.com>
Date: Mon, 27 Jun 2022 10:51:36 -0700
Subject: [PATCH 3/4] Performance fix for Project List form names, too

---
 src/components/form/row.vue                |  2 +-
 src/components/form/trash-row.vue          |  2 +-
 src/components/project/form-row.vue        | 11 +++++++--
 src/store/modules/request/keys.js          | 28 +++++++++++++++++++---
 test/components/project/home-block.spec.js | 15 ------------
 test/components/project/list.spec.js       | 26 ++++++++++++++++++++
 6 files changed, 62 insertions(+), 22 deletions(-)

diff --git a/src/components/form/row.vue b/src/components/form/row.vue
index 83604d743..ea7c4eab2 100644
--- a/src/components/form/row.vue
+++ b/src/components/form/row.vue
@@ -132,7 +132,7 @@ export default {
       );
     },
     showIdForDuplicateName() {
-      const name = this.form.nameOrId().toLowerCase();
+      const name = this.form.nameOrId().toLocaleLowerCase();
       return this.duplicateFormNames.has(name);
     }
   }
diff --git a/src/components/form/trash-row.vue b/src/components/form/trash-row.vue
index 1c3c35a97..d605323f5 100644
--- a/src/components/form/trash-row.vue
+++ b/src/components/form/trash-row.vue
@@ -88,7 +88,7 @@ export default {
       return null;
     },
     showIdForDuplicateName() {
-      const name = this.form.nameOrId().toLowerCase();
+      const name = this.form.nameOrId().toLocaleLowerCase();
       return this.duplicateFormNames.has(name);
     }
   },
diff --git a/src/components/project/form-row.vue b/src/components/project/form-row.vue
index 7b87284ed..df5f8c2fc 100644
--- a/src/components/project/form-row.vue
+++ b/src/components/project/form-row.vue
@@ -85,11 +85,14 @@ except according to the terms contained in the LICENSE file.
 </template>
 
 <script>
+import { mapGetters } from 'vuex';
+
 import DateTime from '../date-time.vue';
 import Form from '../../presenters/form';
 import Project from '../../presenters/project';
 import routes from '../../mixins/routes';
 
+import { requestData } from '../../store/modules/request';
 import useReviewState from '../../composables/review-state';
 import { enketoBasePath } from '../../util/util';
 
@@ -112,6 +115,7 @@ export default {
     return { reviewStateIcon };
   },
   computed: {
+    ...mapGetters(['duplicateFormNamesPerProject']),
     canLinkToFormOverview() {
       return this.project.permits('form.update');
     },
@@ -140,8 +144,11 @@ export default {
       return `${enketoBasePath}/${encodedId}`;
     },
     showIdForDuplicateName() {
-      const formNames = this.project.formList.map((form) => (form.xmlFormId !== this.form.xmlFormId ? form.nameOrId() : null));
-      return formNames.includes(this.form.nameOrId());
+      const formNames = this.duplicateFormNamesPerProject[this.project.id];
+      if (formNames) {
+        return formNames.has(this.form.nameOrId().toLocaleLowerCase());
+      }
+      return false;
     }
   }
 };
diff --git a/src/store/modules/request/keys.js b/src/store/modules/request/keys.js
index 5d6f89cac..fc079620a 100644
--- a/src/store/modules/request/keys.js
+++ b/src/store/modules/request/keys.js
@@ -204,9 +204,31 @@ const dataGetters = {
   // when form names are duplicated.
   duplicateFormNames: ({ data: { forms, deletedForms } }) => {
     const allForms = [...forms || [], ...deletedForms || []];
-    const formNames = allForms.map((form) => (form.nameOrId().toLowerCase()));
-    const findDuplicates = a => a.filter((item, index) => a.indexOf(item) !== index);
-    return new Set(findDuplicates(formNames));
+    const seenNames = new Set();
+    const dupeNames = new Set();
+    for (const form of allForms) {
+      const formName = form.nameOrId().toLocaleLowerCase();
+      if (seenNames.has(formName)) dupeNames.add(formName);
+      seenNames.add(formName);
+    }
+    return dupeNames;
+  },
+
+  // Returns an object of Sets containing duplicate project names for use
+  // by the Project list page.
+  duplicateFormNamesPerProject: ({ data: { projects } }) => {
+    if (projects == null) return {};
+    const dupeNamesByProject = {};
+    for (const project of projects) {
+      const seenNames = new Set();
+      dupeNamesByProject[project.id] = new Set();
+      for (const form of project.formList) {
+        const formName = form.nameOrId().toLocaleLowerCase();
+        if (seenNames.has(formName)) dupeNamesByProject[project.id].add(formName);
+        seenNames.add(formName);
+      }
+    }
+    return dupeNamesByProject;
   }
 };
 export const getters = dataGetters;
diff --git a/test/components/project/home-block.spec.js b/test/components/project/home-block.spec.js
index 4f67af66f..54b2b3f76 100644
--- a/test/components/project/home-block.spec.js
+++ b/test/components/project/home-block.spec.js
@@ -125,19 +125,4 @@ describe('ProjectHomeBlock', () => {
     const rows = block.findAllComponents(FormRow);
     rows.map((row) => row.props().form.name).should.eql(['a', 'c', 'd', 'e']);
   });
-
-  it('shows form ID in parentheses next to duplicated form names', () => {
-    const project = testData.extendedProjects.createPast(1).last();
-    testData.extendedForms.createPast(1, { name: 'Same Name', xmlFormId: 'a' });
-    testData.extendedForms.createPast(1, { name: 'Same Name', xmlFormId: 'b' });
-    testData.extendedForms.createPast(1, { name: 'Different Name', xmlFormId: 'c' });
-    project.formList.push(...testData.extendedForms.sorted().map((form) => new Form(form)));
-    const block = mountComponent();
-    const rows = block.findAllComponents(FormRow);
-    rows.map((row) => row.find('.form-name').text()).should.eql([
-      'Same Name(a)',
-      'Same Name(b)',
-      'Different Name'
-    ]);
-  });
 });
diff --git a/test/components/project/list.spec.js b/test/components/project/list.spec.js
index 9bba0f9f7..9a1cc38f5 100644
--- a/test/components/project/list.spec.js
+++ b/test/components/project/list.spec.js
@@ -314,5 +314,31 @@ describe('ProjectList', () => {
       blocks[1].findAllComponents(FormRow).length.should.equal(2);
     });
   });
+
+  describe('duplicate form names', () => {
+    beforeEach(mockLogin);
+
+    it('calculates duplicate form names per project', () => {
+      createProjectsWithForms(
+        [{ name: 'Project 1' }, { name: 'Project 2' }],
+        [
+          [{ name: 'A', xmlFormId: 'a_1' }, { name: 'A', xmlFormId: 'a_2' }, { name: 'B', xmlFormId: 'b_1' }],
+          [{ name: 'C', xmlFormId: 'c_1' }, { name: 'c', xmlFormId: 'c_2' }, { name: 'B', xmlFormId: 'b_1' }]
+        ]
+      );
+      const component = mountComponent();
+      const blocks = component.findAllComponents(ProjectHomeBlock);
+      blocks[0].findAllComponents(FormRow).map((row) => row.find('.form-name').text()).should.eql([
+        'A(a_1)',
+        'A(a_2)',
+        'B'
+      ]);
+      blocks[1].findAllComponents(FormRow).map((row) => row.find('.form-name').text()).should.eql([
+        'B',
+        'c(c_2)',
+        'C(c_1)'
+      ]);
+    });
+  });
 });
 

From 2d86ae5dbee232b19b66974787f5c73ff6e657e3 Mon Sep 17 00:00:00 2001
From: Kathleen Tuite <kathleen.tuite@gmail.com>
Date: Mon, 27 Jun 2022 10:55:51 -0700
Subject: [PATCH 4/4] Linter fix

---
 src/components/project/form-row.vue | 1 -
 1 file changed, 1 deletion(-)

diff --git a/src/components/project/form-row.vue b/src/components/project/form-row.vue
index df5f8c2fc..ad9b5340f 100644
--- a/src/components/project/form-row.vue
+++ b/src/components/project/form-row.vue
@@ -92,7 +92,6 @@ import Form from '../../presenters/form';
 import Project from '../../presenters/project';
 import routes from '../../mixins/routes';
 
-import { requestData } from '../../store/modules/request';
 import useReviewState from '../../composables/review-state';
 import { enketoBasePath } from '../../util/util';