rsvp fields mandated fields are authorable now

adobecom · Aug 19, 2024 · 8cbcff0 · 8cbcff0
1 parent 05c2511
commit 8cbcff0
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 3 deletions.
diff --git a/ecc/blocks/form-handler/controllers/registration-fields-component-controller.js b/ecc/blocks/form-handler/controllers/registration-fields-component-controller.js
@@ -2,7 +2,7 @@
 export function onSubmit(component, props) {
   if (component.closest('.fragment')?.classList.contains('hidden')) return;
 
-  const defaultFields = ['firstName', 'lastName', 'email', 'jobTitle'];
+  const defaultFields = component.dataset.mandatedfields?.split(',');
 
   const rsvpFormFields = {
     visible: [...defaultFields, ...Array.from(component.querySelectorAll('sp-checkbox.check-appear[checked]')).map((f) => f.name)],

diff --git a/ecc/blocks/registration-fields-component/registration-fields-component.js b/ecc/blocks/registration-fields-component/registration-fields-component.js
@@ -10,7 +10,11 @@ function convertString(input) {
   return result;
 }
 
-async function decorateRSVPFields(row) {
+async function decorateRSVPFields(el) {
+  const row = el.querySelector(':scope > div:last-of-type');
+
+  if (!row) return;
+
   row.classList.add('rsvp-checkboxes');
   const configSheetLocation = row.querySelector('a')?.href;
   const config = await fetch(configSheetLocation)
@@ -30,6 +34,8 @@ async function decorateRSVPFields(row) {
   row.innerHTML = '';
   row.append(fieldConfigTable);
 
+  el.dataset.mandatedfields = config.data.filter((f) => f.Required === 'x').map((f) => f.Field);
+
   config.data.filter((f) => f.Required !== 'x' && f.Type !== 'submit').forEach((field) => {
     const fieldRow = createTag('tr', { class: 'field-row' }, '', { parent: tbody });
     const tds = [];
@@ -46,5 +52,5 @@ async function decorateRSVPFields(row) {
 export default async function init(el) {
   el.classList.add('form-component');
   generateToolTip(el.querySelector(':scope > div:first-of-type'));
-  await decorateRSVPFields(el.querySelector(':scope > div:last-of-type'));
+  await decorateRSVPFields(el);
 }