From 739169310b381a659759e332ce3cea3e50ebd0d8 Mon Sep 17 00:00:00 2001
From: Qiyun Dai <pianoquin@gmail.com>
Date: Fri, 13 Sep 2024 19:56:26 -0500
Subject: [PATCH 01/12] split response and payload update

---
 .../checkbox-component-controller.js          |  6 ++++-
 .../event-agenda-component-controller.js      |  6 ++++-
 ...ent-community-link-component-controller.js |  6 ++++-
 .../event-format-component-controller.js      |  6 ++++-
 .../event-info-component-controller.js        |  6 ++++-
 .../event-partners-component-controller.js    |  6 ++++-
 .../event-topics-component-controller.js      |  6 ++++-
 .../img-upload-component-controller.js        |  6 ++++-
 .../product-promotion-component-controller.js |  6 ++++-
 .../profile-component-controller.js           |  6 ++++-
 ...gistration-details-component-controller.js |  6 ++++-
 ...egistration-fields-component-controller.js |  6 ++++-
 .../terms-conditions-component-controller.js  |  6 ++++-
 .../venue-info-component-controller.js        |  6 ++++-
 ecc/blocks/form-handler/form-handler.js       | 26 ++++++++++++++++---
 15 files changed, 92 insertions(+), 18 deletions(-)

diff --git a/ecc/blocks/form-handler/controllers/checkbox-component-controller.js b/ecc/blocks/form-handler/controllers/checkbox-component-controller.js
index ff78c213..59674058 100644
--- a/ecc/blocks/form-handler/controllers/checkbox-component-controller.js
+++ b/ecc/blocks/form-handler/controllers/checkbox-component-controller.js
@@ -40,7 +40,11 @@ export default function init(component, props) {
   });
 }
 
-export async function onUpdate(_component, _props) {
+export async function onPayloadUpdate(_component, _props) {
+  // Do nothing
+}
+
+export async function onRespUpdate(_component, _props) {
   // Do nothing
 }
 
diff --git a/ecc/blocks/form-handler/controllers/event-agenda-component-controller.js b/ecc/blocks/form-handler/controllers/event-agenda-component-controller.js
index c3865d02..59759f2d 100644
--- a/ecc/blocks/form-handler/controllers/event-agenda-component-controller.js
+++ b/ecc/blocks/form-handler/controllers/event-agenda-component-controller.js
@@ -17,7 +17,11 @@ export function onSubmit(component, props) {
   props.payload = { ...props.payload, ...agendaInfo };
 }
 
-export async function onUpdate(_component, _props) {
+export async function onPayloadUpdate(_component, _props) {
+  // Do nothing
+}
+
+export async function onRespUpdate(_component, _props) {
   // Do nothing
 }
 
diff --git a/ecc/blocks/form-handler/controllers/event-community-link-component-controller.js b/ecc/blocks/form-handler/controllers/event-community-link-component-controller.js
index 77c76d85..ac54ce5b 100644
--- a/ecc/blocks/form-handler/controllers/event-community-link-component-controller.js
+++ b/ecc/blocks/form-handler/controllers/event-community-link-component-controller.js
@@ -16,7 +16,11 @@ export function onSubmit(component, props) {
   }
 }
 
-export async function onUpdate(_component, _props) {
+export async function onPayloadUpdate(_component, _props) {
+  // Do nothing
+}
+
+export async function onRespUpdate(_component, _props) {
   // Do nothing
 }
 
diff --git a/ecc/blocks/form-handler/controllers/event-format-component-controller.js b/ecc/blocks/form-handler/controllers/event-format-component-controller.js
index bd527715..ee5d7673 100644
--- a/ecc/blocks/form-handler/controllers/event-format-component-controller.js
+++ b/ecc/blocks/form-handler/controllers/event-format-component-controller.js
@@ -52,7 +52,7 @@ function initStepLock(component) {
   onFormatChange();
 }
 
-export async function onUpdate(component, props) {
+export async function onPayloadUpdate(component, props) {
   const { seriesId } = props.payload;
   if (seriesId) {
     const partnerSelectorGroups = document.querySelectorAll('partner-selector-group');
@@ -67,6 +67,10 @@ export async function onUpdate(component, props) {
   }
 }
 
+export async function onRespUpdate(_component, _props) {
+  // Do nothing
+}
+
 async function populateSeriesOptions(props, component) {
   const seriesSelect = component.querySelector('#series-select-input');
   if (!seriesSelect) return;
diff --git a/ecc/blocks/form-handler/controllers/event-info-component-controller.js b/ecc/blocks/form-handler/controllers/event-info-component-controller.js
index d7538031..12b7aebd 100644
--- a/ecc/blocks/form-handler/controllers/event-info-component-controller.js
+++ b/ecc/blocks/form-handler/controllers/event-info-component-controller.js
@@ -342,10 +342,14 @@ export function onSubmit(component, props) {
   props.payload = { ...props.payload, ...eventInfo };
 }
 
-export async function onUpdate(component, props) {
+export async function onPayloadUpdate(component, props) {
   // do nothing
 }
 
+export async function onRespUpdate(_component, _props) {
+  // Do nothing
+}
+
 function checkEventDuplication(event, compareMetrics) {
   const titleMatch = event.title === compareMetrics.title;
   const startDateMatch = event.localStartDate === compareMetrics.startDate;
diff --git a/ecc/blocks/form-handler/controllers/event-partners-component-controller.js b/ecc/blocks/form-handler/controllers/event-partners-component-controller.js
index 1ecaa5d7..a250fdeb 100644
--- a/ecc/blocks/form-handler/controllers/event-partners-component-controller.js
+++ b/ecc/blocks/form-handler/controllers/event-partners-component-controller.js
@@ -95,7 +95,7 @@ export async function onSubmit(component, props) {
   props.payload = { ...props.payload, showSponsors };
 }
 
-export async function onUpdate(component, props) {
+export async function onPayloadUpdate(component, props) {
   if (!PARTNERS_SERIES_ID || PARTNERS_SERIES_ID !== props.eventDataResp.seriesId) {
     const partnersGroup = component.querySelector('partner-selector-group');
 
@@ -108,6 +108,10 @@ export async function onUpdate(component, props) {
   }
 }
 
+export async function onRespUpdate(_component, _props) {
+  // Do nothing
+}
+
 export default async function init(component, props) {
   const eventData = props.eventDataResp;
   const partnersGroup = component.querySelector('partner-selector-group');
diff --git a/ecc/blocks/form-handler/controllers/event-topics-component-controller.js b/ecc/blocks/form-handler/controllers/event-topics-component-controller.js
index 1488807a..f0de27df 100644
--- a/ecc/blocks/form-handler/controllers/event-topics-component-controller.js
+++ b/ecc/blocks/form-handler/controllers/event-topics-component-controller.js
@@ -9,7 +9,11 @@ export function onSubmit(component, props) {
   props.payload = { ...props.payload, topics, fullTopicsValue };
 }
 
-export async function onUpdate(_component, _props) {
+export async function onPayloadUpdate(_component, _props) {
+  // Do nothing
+}
+
+export async function onRespUpdate(_component, _props) {
   // Do nothing
 }
 
diff --git a/ecc/blocks/form-handler/controllers/img-upload-component-controller.js b/ecc/blocks/form-handler/controllers/img-upload-component-controller.js
index 1138f0e4..9b2f1c47 100644
--- a/ecc/blocks/form-handler/controllers/img-upload-component-controller.js
+++ b/ecc/blocks/form-handler/controllers/img-upload-component-controller.js
@@ -38,10 +38,14 @@ function updateImgUploadComponentConfigs(component) {
   component.dataset.configs = JSON.stringify(configs);
 }
 
-export async function onUpdate(component, props) {
+export async function onPayloadUpdate(component, props) {
   updateImgUploadComponentConfigs(component);
 }
 
+export async function onRespUpdate(_component, _props) {
+  // Do nothing
+}
+
 export default async function init(component, props) {
   const type = getComponentImageType(component);
   const dropzones = component.querySelectorAll('image-dropzone');
diff --git a/ecc/blocks/form-handler/controllers/product-promotion-component-controller.js b/ecc/blocks/form-handler/controllers/product-promotion-component-controller.js
index 65b5046d..ff1e3566 100644
--- a/ecc/blocks/form-handler/controllers/product-promotion-component-controller.js
+++ b/ecc/blocks/form-handler/controllers/product-promotion-component-controller.js
@@ -100,10 +100,14 @@ async function updateProductSelector(component, props) {
   });
 }
 
-export async function onUpdate(component, props) {
+export async function onPayloadUpdate(component, props) {
   await updateProductSelector(component, props);
 }
 
+export async function onRespUpdate(_component, _props) {
+  // Do nothing
+}
+
 export default async function init(component, props) {
   const eventData = props.eventDataResp;
   const productGroup = component.querySelector('product-selector-group');
diff --git a/ecc/blocks/form-handler/controllers/profile-component-controller.js b/ecc/blocks/form-handler/controllers/profile-component-controller.js
index 999eb50b..fd63b307 100644
--- a/ecc/blocks/form-handler/controllers/profile-component-controller.js
+++ b/ecc/blocks/form-handler/controllers/profile-component-controller.js
@@ -101,7 +101,7 @@ export async function onSubmit(component, props) {
   }
 }
 
-export async function onUpdate(component, props) {
+export async function onPayloadUpdate(component, props) {
   const containers = component.querySelectorAll('profile-container');
   containers.forEach(async (container) => {
     if (props.payload.seriesId && props.payload.seriesId !== container.seriesId) {
@@ -113,6 +113,10 @@ export async function onUpdate(component, props) {
   });
 }
 
+export async function onRespUpdate(_component, _props) {
+  // Do nothing
+}
+
 async function prefillProfiles(props) {
   const d = await props.eventDataResp;
   if (d?.eventId && d.seriesId) {
diff --git a/ecc/blocks/form-handler/controllers/registration-details-component-controller.js b/ecc/blocks/form-handler/controllers/registration-details-component-controller.js
index d19f3fad..cde7c625 100644
--- a/ecc/blocks/form-handler/controllers/registration-details-component-controller.js
+++ b/ecc/blocks/form-handler/controllers/registration-details-component-controller.js
@@ -59,7 +59,11 @@ export function onSubmit(component, props) {
   props.payload = { ...props.payload, ...rsvpData };
 }
 
-export async function onUpdate(component, props) {
+export async function onPayloadUpdate(component, props) {
+  // Do nothing
+}
+
+export async function onRespUpdate(component, props) {
   if (!props.eventDataResp) return;
 
   if (props.eventDataResp.cloudType === 'CreativeCloud') {
diff --git a/ecc/blocks/form-handler/controllers/registration-fields-component-controller.js b/ecc/blocks/form-handler/controllers/registration-fields-component-controller.js
index 6fc20673..353d6bb5 100644
--- a/ecc/blocks/form-handler/controllers/registration-fields-component-controller.js
+++ b/ecc/blocks/form-handler/controllers/registration-fields-component-controller.js
@@ -12,7 +12,11 @@ export function onSubmit(component, props) {
   props.payload = { ...props.payload, rsvpFormFields };
 }
 
-export async function onUpdate(_component, _props) {
+export async function onPayloadUpdate(_component, _props) {
+  // Do nothing
+}
+
+export async function onRespUpdate(_component, _props) {
   // Do nothing
 }
 
diff --git a/ecc/blocks/form-handler/controllers/terms-conditions-component-controller.js b/ecc/blocks/form-handler/controllers/terms-conditions-component-controller.js
index ce84b020..1e776f0c 100644
--- a/ecc/blocks/form-handler/controllers/terms-conditions-component-controller.js
+++ b/ecc/blocks/form-handler/controllers/terms-conditions-component-controller.js
@@ -63,12 +63,16 @@ async function loadPreview(component, templateId) {
   }
 }
 
-export async function onUpdate(component, props) {
+export async function onPayloadUpdate(component, props) {
   const { templateId } = props.payload;
   if (!templateId) return;
   await loadPreview(component, templateId);
 }
 
+export async function onRespUpdate(_component, _props) {
+  // Do nothing
+}
+
 export default async function init(component, props) {
   const { templateId } = props.payload;
   if (!templateId) return;
diff --git a/ecc/blocks/form-handler/controllers/venue-info-component-controller.js b/ecc/blocks/form-handler/controllers/venue-info-component-controller.js
index 284d08d0..e2c00d7f 100644
--- a/ecc/blocks/form-handler/controllers/venue-info-component-controller.js
+++ b/ecc/blocks/form-handler/controllers/venue-info-component-controller.js
@@ -112,10 +112,14 @@ export async function onSubmit(component, props) {
   // do nothing. Depend on eventUpdated event.
 }
 
-export async function onUpdate(component, props) {
+export async function onPayloadUpdate(component, props) {
   // do nothing
 }
 
+export async function onRespUpdate(_component, _props) {
+  // Do nothing
+}
+
 export default async function init(component, props) {
   const eventData = props.eventDataResp;
 
diff --git a/ecc/blocks/form-handler/form-handler.js b/ecc/blocks/form-handler/form-handler.js
index 972d3632..bb898551 100644
--- a/ecc/blocks/form-handler/form-handler.js
+++ b/ecc/blocks/form-handler/form-handler.js
@@ -294,14 +294,31 @@ async function handleEventUpdate(props) {
   await Promise.all(allComponentPromises);
 }
 
-async function updateComponents(props) {
+async function updateComponentsOnPayloadChange(props) {
   const allComponentPromises = VANILLA_COMPONENTS.map(async (comp) => {
     const mappedComponents = props.el.querySelectorAll(`.${comp}-component`);
     if (!mappedComponents.length) return {};
 
     const promises = Array.from(mappedComponents).map(async (component) => {
-      const { onUpdate } = await import(`./controllers/${comp}-component-controller.js`);
-      const componentPayload = await onUpdate(component, props);
+      const { onPayloadUpdate } = await import(`./controllers/${comp}-component-controller.js`);
+      const componentPayload = await onPayloadUpdate(component, props);
+      return componentPayload;
+    });
+
+    return Promise.all(promises);
+  });
+
+  await Promise.all(allComponentPromises);
+}
+
+async function updateComponentsOnRespChange(props) {
+  const allComponentPromises = VANILLA_COMPONENTS.map(async (comp) => {
+    const mappedComponents = props.el.querySelectorAll(`.${comp}-component`);
+    if (!mappedComponents.length) return {};
+
+    const promises = Array.from(mappedComponents).map(async (component) => {
+      const { onRespUpdate } = await import(`./controllers/${comp}-component-controller.js`);
+      const componentPayload = await onRespUpdate(component, props);
       return componentPayload;
     });
 
@@ -760,13 +777,14 @@ async function buildECCForm(el) {
 
         case 'payload': {
           setPayloadCache(value);
-          updateComponents(target);
+          updateComponentsOnPayloadChange(target);
           initRequiredFieldsValidation(target);
           break;
         }
 
         case 'eventDataResp': {
           setResponseCache(value);
+          updateComponentsOnRespChange(target);
           updateCtas(target);
           if (value.error) {
             props.el.classList.add('show-error');

From 1ea09275395616661d932e4dc982a5839cdee0b4 Mon Sep 17 00:00:00 2001
From: Qiyun Dai <pianoquin@gmail.com>
Date: Thu, 19 Sep 2024 17:18:15 -0500
Subject: [PATCH 02/12] Update event-community-link-component.js

---
 .../event-community-link-component.js                          | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/ecc/blocks/event-community-link-component/event-community-link-component.js b/ecc/blocks/event-community-link-component/event-community-link-component.js
index 9b2c210a..02f964dc 100644
--- a/ecc/blocks/event-community-link-component/event-community-link-component.js
+++ b/ecc/blocks/event-community-link-component/event-community-link-component.js
@@ -1,3 +1,4 @@
+import { LINK_REGEX } from '../../constants/constants.js';
 import { LIBS } from '../../scripts/scripts.js';
 import { generateToolTip } from '../../scripts/utils.js';
 
@@ -14,7 +15,7 @@ async function decorateFields(row) {
     id: 'community-url-details',
     class: 'text-input',
     placeholder: text,
-    pattern: '^https:\\/\\/[a-z0-9]+([\\-\\.]{1}[a-z0-9]+)*\\.[a-z]{2,5}(:[0-9]{1,5})?(\\/.*)?$',
+    pattern: LINK_REGEX,
     size: 'xl',
   });
 

From 756040a7b8f050119fe3ae48f07bce14cb819b81 Mon Sep 17 00:00:00 2001
From: Qiyun Dai <pianoquin@gmail.com>
Date: Mon, 23 Sep 2024 10:29:49 -0500
Subject: [PATCH 03/12] making bio optional

---
 ecc/components/profile/profile.js | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/ecc/components/profile/profile.js b/ecc/components/profile/profile.js
index cb814a9d..28090e31 100644
--- a/ecc/components/profile/profile.js
+++ b/ecc/components/profile/profile.js
@@ -169,7 +169,7 @@ export class Profile extends LitElement {
 
   saveDisabled() {
     // eslint-disable-next-line max-len
-    return !this.profile.firstName || !this.profile.lastName || !this.profile.title || !this.profile.bio;
+    return !this.profile.firstName || !this.profile.lastName || !this.profile.title;
   }
 
   renderNameFieldWithSearchIntegrated() {
@@ -269,7 +269,7 @@ export class Profile extends LitElement {
     };
 
     const bioData = {
-      value: this.profile?.bio,
+      value: this.profile?.bio ?? '',
       placeholder: fieldLabelsJSON.bio,
       helperText: fieldLabelsJSON.bioSubText,
     };
@@ -397,7 +397,7 @@ export class Profile extends LitElement {
     : nothing}
     <div>
         <h5>${this.profile.title}</h5>
-        <p>${this.profile.bio}</p>
+        ${this.profile.bio ? html`<p>${this.profile.bio}</p>` : nothing}
     </div>
     ${this.profile?.socialMedia?.length ? html`
     <div class="social-media">

From 3eaa10a47a9d244fb4dde2c207fc3606b6bea902 Mon Sep 17 00:00:00 2001
From: Qiyun Dai <pianoquin@gmail.com>
Date: Tue, 24 Sep 2024 11:53:49 -0500
Subject: [PATCH 04/12] Add x-api-key header

---
 ecc/scripts/esp-controller.js | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/ecc/scripts/esp-controller.js b/ecc/scripts/esp-controller.js
index dbc25b44..c6db76b7 100644
--- a/ecc/scripts/esp-controller.js
+++ b/ecc/scripts/esp-controller.js
@@ -62,12 +62,16 @@ function waitForAdobeIMS() {
   });
 }
 
-async function constructRequestOptions(method, body = null) {
+export async function constructRequestOptions(method, body = null) {
   await waitForAdobeIMS();
 
   const headers = new Headers();
   const authToken = window.adobeIMS?.getAccessToken()?.token;
+
+  if (!authToken) window.lana?.log('Error: Failed to get Adobe IMS auth token');
+
   headers.append('Authorization', `Bearer ${authToken}`);
+  headers.append('x-api-key', 'acom_event_service');
   headers.append('content-type', 'application/json');
 
   const options = {

From d20aa90f6672cb38794ecccfe46612aaab30baef Mon Sep 17 00:00:00 2001
From: Qiyun Dai <pianoquin@gmail.com>
Date: Tue, 24 Sep 2024 14:23:40 -0500
Subject: [PATCH 05/12] Timeslot fix for midnight options (#221)

---
 .../event-info-component-controller.js        | 20 ++++++++++++++-----
 ecc/scripts/utils.js                          |  2 +-
 2 files changed, 16 insertions(+), 6 deletions(-)

diff --git a/ecc/blocks/form-handler/controllers/event-info-component-controller.js b/ecc/blocks/form-handler/controllers/event-info-component-controller.js
index 12b7aebd..74802260 100644
--- a/ecc/blocks/form-handler/controllers/event-info-component-controller.js
+++ b/ecc/blocks/form-handler/controllers/event-info-component-controller.js
@@ -380,7 +380,7 @@ export default async function init(component, props) {
     BlockMediator.set('eventDupMetrics', { ...BlockMediator.get('eventDupMetrics'), title: eventTitleInput.value });
   });
 
-  endTimeInput.addEventListener('change', () => {
+  const updateEndTimeOptions = () => {
     if (datePicker.dataset.startDate !== datePicker.dataset.endDate) return;
     const allOptions = startTimeInput.querySelectorAll('sp-menu-item');
     allOptions.forEach((option) => {
@@ -390,9 +390,9 @@ export default async function init(component, props) {
         option.disabled = false;
       }
     });
-  });
+  };
 
-  startTimeInput.addEventListener('change', () => {
+  const updateStartTimeOptions = () => {
     if (datePicker.dataset.startDate !== datePicker.dataset.endDate) return;
     const allOptions = endTimeInput.querySelectorAll('sp-menu-item');
     allOptions.forEach((option) => {
@@ -402,9 +402,9 @@ export default async function init(component, props) {
         option.disabled = false;
       }
     });
-  });
+  };
 
-  datePicker.addEventListener('change', () => {
+  const updateTimeOptionsBasedOnDate = () => {
     if (datePicker.dataset.startDate !== datePicker.dataset.endDate) {
       startTimeInput?.querySelectorAll('sp-menu-item')?.forEach((option) => {
         option.disabled = false;
@@ -413,7 +413,13 @@ export default async function init(component, props) {
         option.disabled = false;
       });
     }
+  };
+
+  endTimeInput.addEventListener('change', updateEndTimeOptions);
+  startTimeInput.addEventListener('change', updateStartTimeOptions);
 
+  datePicker.addEventListener('change', () => {
+    updateTimeOptionsBasedOnDate();
     BlockMediator.set('eventDupMetrics', { ...BlockMediator.get('eventDupMetrics'), startDate: datePicker.dataset.startDate });
   });
 
@@ -477,6 +483,10 @@ export default async function init(component, props) {
     });
     component.classList.add('prefilled');
   }
+
+  updateEndTimeOptions();
+  updateStartTimeOptions();
+  updateTimeOptionsBasedOnDate();
 }
 
 export function onEventUpdate(component, props) {
diff --git a/ecc/scripts/utils.js b/ecc/scripts/utils.js
index 01744da4..f171fd06 100644
--- a/ecc/scripts/utils.js
+++ b/ecc/scripts/utils.js
@@ -47,7 +47,7 @@ export function convertTo24HourFormat(timeStr) {
   if (period === 'PM' && hours !== 12) {
     hours += 12;
   } else if (period === 'AM' && hours === 12) {
-    hours = 24;
+    hours = 0;
   }
 
   const formattedHours = hours.toString().padStart(2, '0');

From c037f2ed8eed5f04e6442e48b6269bb7c4489859 Mon Sep 17 00:00:00 2001
From: Qiyun Dai <pianoquin@gmail.com>
Date: Tue, 24 Sep 2024 18:38:52 -0500
Subject: [PATCH 06/12] add specific hidden CSS for img upload progress wrapper
 (#223)

---
 ecc/blocks/img-upload-component/img-upload-component.css | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/ecc/blocks/img-upload-component/img-upload-component.css b/ecc/blocks/img-upload-component/img-upload-component.css
index b4ca214a..ecd11b52 100644
--- a/ecc/blocks/img-upload-component/img-upload-component.css
+++ b/ecc/blocks/img-upload-component/img-upload-component.css
@@ -97,6 +97,10 @@
   top: 0;
 }
 
+.img-upload-component .progress-wrapper.hidden {
+  display: none;
+}
+
 @media (min-width: 900px) {
   .img-upload-component .image-dropzones {
     grid-template-columns: 1fr 1fr 1fr;

From 2d34042ccc67b3002612849e4cb4c2b3d0c956fe Mon Sep 17 00:00:00 2001
From: Qiyun Dai <pianoquin@gmail.com>
Date: Tue, 24 Sep 2024 18:50:47 -0500
Subject: [PATCH 07/12] remove bio for valid speaker check (#224)

---
 ecc/components/profile-container/profile-container.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/ecc/components/profile-container/profile-container.js b/ecc/components/profile-container/profile-container.js
index eba817cb..4e6a3449 100644
--- a/ecc/components/profile-container/profile-container.js
+++ b/ecc/components/profile-container/profile-container.js
@@ -45,7 +45,7 @@ export class ProfileContainer extends LitElement {
   }
 
   isValidSpeaker(profile) {
-    return profile.firstName && profile.lastName && profile.title && profile.bio;
+    return profile.firstName && profile.lastName && profile.title;
   }
 
   getProfiles() {

From f216bfb5509482d9d203abdef0a32d96cc75b3f0 Mon Sep 17 00:00:00 2001
From: Qiyun Dai <pianoquin@gmail.com>
Date: Wed, 25 Sep 2024 11:24:12 -0500
Subject: [PATCH 08/12] Update Event to ESL (#225)

---
 ecc/scripts/esp-controller.js | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/ecc/scripts/esp-controller.js b/ecc/scripts/esp-controller.js
index c6db76b7..cc5816e1 100644
--- a/ecc/scripts/esp-controller.js
+++ b/ecc/scripts/esp-controller.js
@@ -531,7 +531,7 @@ export async function updateSpeaker(profile, seriesId) {
 }
 
 export async function updateEvent(eventId, payload) {
-  const { host } = getAPIConfig().esp[ECC_ENV];
+  const { host } = getAPIConfig().esl[ECC_ENV];
   const raw = JSON.stringify({ ...payload, liveUpdate: false });
   const options = await constructRequestOptions('PUT', raw);
 
@@ -544,7 +544,7 @@ export async function updateEvent(eventId, payload) {
       return { ok: response.ok, status: response.status, error: data };
     }
 
-    return data;
+    return data.espProvider || data;
   } catch (error) {
     window.lana?.log(`Failed to update event ${eventId}. Error:`, error);
     return { ok: false, status: 'Network Error', error: error.message };
@@ -552,7 +552,7 @@ export async function updateEvent(eventId, payload) {
 }
 
 export async function publishEvent(eventId, payload) {
-  const { host } = getAPIConfig().esp[ECC_ENV];
+  const { host } = getAPIConfig().esl[ECC_ENV];
   const raw = JSON.stringify({ ...payload, published: true, liveUpdate: true });
   const options = await constructRequestOptions('PUT', raw);
 
@@ -565,7 +565,7 @@ export async function publishEvent(eventId, payload) {
       return { ok: response.ok, status: response.status, error: data };
     }
 
-    return data;
+    return data.espProvider || data;
   } catch (error) {
     window.lana?.log(`Failed to publish event ${eventId}. Error:`, error);
     return { ok: false, status: 'Network Error', error: error.message };
@@ -573,7 +573,7 @@ export async function publishEvent(eventId, payload) {
 }
 
 export async function unpublishEvent(eventId, payload) {
-  const { host } = getAPIConfig().esp[ECC_ENV];
+  const { host } = getAPIConfig().esl[ECC_ENV];
   const raw = JSON.stringify({ ...payload, published: false, liveUpdate: true });
   const options = await constructRequestOptions('PUT', raw);
 
@@ -586,7 +586,7 @@ export async function unpublishEvent(eventId, payload) {
       return { ok: response.ok, status: response.status, error: data };
     }
 
-    return data;
+    return data.espProvider || data;
   } catch (error) {
     window.lana?.log(`Failed to unpublish event ${eventId}. Error:`, error);
     return { ok: false, status: 'Network Error', error: error.message };

From 1ff44639fb150203f2b87100063a9b60236b1a2a Mon Sep 17 00:00:00 2001
From: Apoorva Ganapathy <161405340+apganapa-adobe@users.noreply.github.com>
Date: Wed, 25 Sep 2024 12:38:01 -0600
Subject: [PATCH 09/12] Revert "Update Event to ESL (#225)" (#226)

This reverts commit f216bfb5509482d9d203abdef0a32d96cc75b3f0.
---
 ecc/scripts/esp-controller.js | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/ecc/scripts/esp-controller.js b/ecc/scripts/esp-controller.js
index cc5816e1..c6db76b7 100644
--- a/ecc/scripts/esp-controller.js
+++ b/ecc/scripts/esp-controller.js
@@ -531,7 +531,7 @@ export async function updateSpeaker(profile, seriesId) {
 }
 
 export async function updateEvent(eventId, payload) {
-  const { host } = getAPIConfig().esl[ECC_ENV];
+  const { host } = getAPIConfig().esp[ECC_ENV];
   const raw = JSON.stringify({ ...payload, liveUpdate: false });
   const options = await constructRequestOptions('PUT', raw);
 
@@ -544,7 +544,7 @@ export async function updateEvent(eventId, payload) {
       return { ok: response.ok, status: response.status, error: data };
     }
 
-    return data.espProvider || data;
+    return data;
   } catch (error) {
     window.lana?.log(`Failed to update event ${eventId}. Error:`, error);
     return { ok: false, status: 'Network Error', error: error.message };
@@ -552,7 +552,7 @@ export async function updateEvent(eventId, payload) {
 }
 
 export async function publishEvent(eventId, payload) {
-  const { host } = getAPIConfig().esl[ECC_ENV];
+  const { host } = getAPIConfig().esp[ECC_ENV];
   const raw = JSON.stringify({ ...payload, published: true, liveUpdate: true });
   const options = await constructRequestOptions('PUT', raw);
 
@@ -565,7 +565,7 @@ export async function publishEvent(eventId, payload) {
       return { ok: response.ok, status: response.status, error: data };
     }
 
-    return data.espProvider || data;
+    return data;
   } catch (error) {
     window.lana?.log(`Failed to publish event ${eventId}. Error:`, error);
     return { ok: false, status: 'Network Error', error: error.message };
@@ -573,7 +573,7 @@ export async function publishEvent(eventId, payload) {
 }
 
 export async function unpublishEvent(eventId, payload) {
-  const { host } = getAPIConfig().esl[ECC_ENV];
+  const { host } = getAPIConfig().esp[ECC_ENV];
   const raw = JSON.stringify({ ...payload, published: false, liveUpdate: true });
   const options = await constructRequestOptions('PUT', raw);
 
@@ -586,7 +586,7 @@ export async function unpublishEvent(eventId, payload) {
       return { ok: response.ok, status: response.status, error: data };
     }
 
-    return data.espProvider || data;
+    return data;
   } catch (error) {
     window.lana?.log(`Failed to unpublish event ${eventId}. Error:`, error);
     return { ok: false, status: 'Network Error', error: error.message };

From b1e7a6fb5333ee13f0d3cd2af910280da19446b7 Mon Sep 17 00:00:00 2001
From: Qiyun Dai <pianoquin@gmail.com>
Date: Wed, 25 Sep 2024 14:50:50 -0500
Subject: [PATCH 10/12] Add the x-api-key to image upload call

---
 ecc/scripts/esp-controller.js | 1 +
 1 file changed, 1 insertion(+)

diff --git a/ecc/scripts/esp-controller.js b/ecc/scripts/esp-controller.js
index c6db76b7..256f19e3 100644
--- a/ecc/scripts/esp-controller.js
+++ b/ecc/scripts/esp-controller.js
@@ -100,6 +100,7 @@ export async function uploadImage(file, configs, tracker, imageId = null) {
     xhr.open(method, url);
     xhr.setRequestHeader('x-image-alt-text', configs.altText || '');
     xhr.setRequestHeader('x-image-kind', configs.type);
+    xhr.setRequestHeader('x-api-key', 'acom_event_service');
     xhr.setRequestHeader('Authorization', `Bearer ${authToken}`);
 
     if (tracker) {

From 5e9c003f2df07f7d54afae919817efec90f0ae7c Mon Sep 17 00:00:00 2001
From: Qiyun Dai <pianoquin@gmail.com>
Date: Thu, 26 Sep 2024 15:04:38 -0500
Subject: [PATCH 11/12] [HOTFIX] Blank page on latest Chrome version (small)
 (#229)

---
 .../attendee-management-table.js              | 12 +--
 ecc/blocks/ecc-dashboard/ecc-dashboard.js     |  9 +--
 .../event-format-component-controller.js      |  3 +-
 .../event-info-component-controller.js        |  3 +-
 .../terms-conditions-component-controller.js  |  8 +-
 .../venue-info-component-controller.js        |  6 +-
 ecc/blocks/form-handler/form-handler.js       |  9 +--
 ecc/scripts/esp-controller.js                 | 74 +++++++++----------
 ecc/scripts/scripts.js                        | 30 +-------
 ecc/scripts/utils.js                          | 37 +++++++---
 ecc/styles/styles.css                         |  2 +-
 11 files changed, 81 insertions(+), 112 deletions(-)

diff --git a/ecc/blocks/attendee-management-table/attendee-management-table.js b/ecc/blocks/attendee-management-table/attendee-management-table.js
index da21c865..caa4f0c3 100644
--- a/ecc/blocks/attendee-management-table/attendee-management-table.js
+++ b/ecc/blocks/attendee-management-table/attendee-management-table.js
@@ -1,7 +1,7 @@
 /* eslint-disable max-len */
 import { getAllEventAttendees, getEvents } from '../../scripts/esp-controller.js';
 import { ALLOWED_ACCOUNT_TYPES } from '../../constants/constants.js';
-import { DEV_MODE, LIBS, MILO_CONFIG } from '../../scripts/scripts.js';
+import { LIBS } from '../../scripts/scripts.js';
 import {
   getIcon,
   buildNoAccessScreen,
@@ -418,7 +418,6 @@ function buildBackToDashboardBtn(props, config) {
   if (!sidePanel) return;
 
   const url = new URL(`${window.location.origin}${config['event-dashboard-url']}`);
-  if (DEV_MODE) url.searchParams.set('devMode', true);
   const backBtn = createTag('a', { class: 'back-btn', href: url.toString() }, 'Back', { parent: sidePanel });
   backBtn.prepend(getIcon('chev-left'));
 }
@@ -554,20 +553,11 @@ export default async function init(el) {
     import(`${miloLibs}/features/spectrum-web-components/dist/link.js`),
   ]);
 
-  const { search } = window.location;
-  const urlParams = new URLSearchParams(search);
-  const devMode = urlParams.get('devMode');
-
   const config = readBlockConfig(el);
   el.innerHTML = '';
   buildLoadingScreen(el);
   const profile = BlockMediator.get('imsProfile');
 
-  if (devMode === 'true' && ['stage', 'local'].includes(MILO_CONFIG.env.name)) {
-    buildDashboard(el, config);
-    return;
-  }
-
   if (profile) {
     if (profile.noProfile || !ALLOWED_ACCOUNT_TYPES.includes(profile.account_type)) {
       buildNoAccessScreen(el);
diff --git a/ecc/blocks/ecc-dashboard/ecc-dashboard.js b/ecc/blocks/ecc-dashboard/ecc-dashboard.js
index bc81fe88..85a920ef 100644
--- a/ecc/blocks/ecc-dashboard/ecc-dashboard.js
+++ b/ecc/blocks/ecc-dashboard/ecc-dashboard.js
@@ -7,7 +7,7 @@ import {
   unpublishEvent,
 } from '../../scripts/esp-controller.js';
 import { ALLOWED_ACCOUNT_TYPES } from '../../constants/constants.js';
-import { LIBS, MILO_CONFIG, DEV_MODE } from '../../scripts/scripts.js';
+import { LIBS } from '../../scripts/scripts.js';
 import { getIcon, buildNoAccessScreen, getEventPageHost, readBlockConfig } from '../../scripts/utils.js';
 import { quickFilter } from '../form-handler/data-handler.js';
 import BlockMediator from '../../scripts/deps/block-mediator.min.js';
@@ -388,7 +388,6 @@ function buildStatusTag(event) {
 function buildEventTitleTag(config, eventObj) {
   const url = new URL(`${window.location.origin}${config['create-form-url']}`);
   url.searchParams.set('eventId', eventObj.eventId);
-  if (DEV_MODE) url.searchParams.set('devMode', true);
   const eventTitleTag = createTag('a', { class: 'event-title-link', href: url.toString() }, eventObj.title);
   return eventTitleTag;
 }
@@ -407,7 +406,6 @@ function buildRSVPTag(config, eventObj) {
 
   const url = new URL(`${window.location.origin}${config['attendee-dashboard-url']}`);
   url.searchParams.set('eventId', eventObj.eventId);
-  if (DEV_MODE) url.searchParams.set('devMode', true);
 
   const rsvpTag = createTag('a', { class: 'rsvp-tag', href: url }, text);
   return rsvpTag;
@@ -709,11 +707,6 @@ export default async function init(el) {
   buildLoadingScreen(el);
   const profile = BlockMediator.get('imsProfile');
 
-  if (DEV_MODE === true && ['stage', 'local'].includes(MILO_CONFIG.env.name)) {
-    buildDashboard(el, config);
-    return;
-  }
-
   if (profile) {
     if (profile.noProfile || !ALLOWED_ACCOUNT_TYPES.includes(profile.account_type)) {
       buildNoAccessScreen(el);
diff --git a/ecc/blocks/form-handler/controllers/event-format-component-controller.js b/ecc/blocks/form-handler/controllers/event-format-component-controller.js
index ee5d7673..8ac4697c 100644
--- a/ecc/blocks/form-handler/controllers/event-format-component-controller.js
+++ b/ecc/blocks/form-handler/controllers/event-format-component-controller.js
@@ -1,6 +1,7 @@
 /* eslint-disable no-unused-vars */
 import { getSeries } from '../../../scripts/esp-controller.js';
-import { LIBS, BlockMediator } from '../../../scripts/scripts.js';
+import BlockMediator from '../../../scripts/deps/block-mediator.min.js';
+import { LIBS } from '../../../scripts/scripts.js';
 import { changeInputValue } from '../../../scripts/utils.js';
 
 const { createTag } = await import(`${LIBS}/utils/utils.js`);
diff --git a/ecc/blocks/form-handler/controllers/event-info-component-controller.js b/ecc/blocks/form-handler/controllers/event-info-component-controller.js
index 74802260..b86323dd 100644
--- a/ecc/blocks/form-handler/controllers/event-info-component-controller.js
+++ b/ecc/blocks/form-handler/controllers/event-info-component-controller.js
@@ -1,7 +1,8 @@
 /* eslint-disable no-unused-vars */
 /* eslint-disable no-use-before-define */
 import { getEvents } from '../../../scripts/esp-controller.js';
-import { BlockMediator, LIBS } from '../../../scripts/scripts.js';
+import BlockMediator from '../../../scripts/deps/block-mediator.min.js';
+import { LIBS } from '../../../scripts/scripts.js';
 import { changeInputValue } from '../../../scripts/utils.js';
 
 const { createTag, getConfig } = await import(`${LIBS}/utils/utils.js`);
diff --git a/ecc/blocks/form-handler/controllers/terms-conditions-component-controller.js b/ecc/blocks/form-handler/controllers/terms-conditions-component-controller.js
index 1e776f0c..9c9f7303 100644
--- a/ecc/blocks/form-handler/controllers/terms-conditions-component-controller.js
+++ b/ecc/blocks/form-handler/controllers/terms-conditions-component-controller.js
@@ -1,10 +1,8 @@
 /* eslint-disable no-unused-vars */
-import { ECC_ENV, LIBS } from '../../../scripts/scripts.js';
+import { LIBS } from '../../../scripts/scripts.js';
 import HtmlSanitizer from '../../../scripts/deps/html-sanitizer.js';
-import { fetchThrottledMemoizedText, getEventPageHost } from '../../../scripts/utils.js';
-import { getFilteredCachedResponse } from '../data-handler.js';
+import { fetchThrottledMemoizedText, getECCEnv } from '../../../scripts/utils.js';
 
-const { customFetch } = await import(`${LIBS}/utils/helpers.js`);
 const { createTag } = await import(`${LIBS}/utils/utils.js`);
 
 function buildTerms(terms) {
@@ -37,7 +35,7 @@ async function loadPreview(component, templateId) {
 
   let host;
   if (window.location.href.includes('.hlx.')) {
-    host = window.location.origin.replace(window.location.hostname, `${ECC_ENV}--events-milo--adobecom.hlx.page`);
+    host = window.location.origin.replace(window.location.hostname, `${getECCEnv()}--events-milo--adobecom.hlx.page`);
   } else {
     host = window.location.origin;
   }
diff --git a/ecc/blocks/form-handler/controllers/venue-info-component-controller.js b/ecc/blocks/form-handler/controllers/venue-info-component-controller.js
index e2c00d7f..4b3a894b 100644
--- a/ecc/blocks/form-handler/controllers/venue-info-component-controller.js
+++ b/ecc/blocks/form-handler/controllers/venue-info-component-controller.js
@@ -1,7 +1,7 @@
 /* eslint-disable no-unused-vars */
 import { createVenue, replaceVenue } from '../../../scripts/esp-controller.js';
-import { BlockMediator, ECC_ENV } from '../../../scripts/scripts.js';
-import { changeInputValue, getSecret } from '../../../scripts/utils.js';
+import BlockMediator from '../../../scripts/deps/block-mediator.min.js';
+import { changeInputValue, getECCEnv, getSecret } from '../../../scripts/utils.js';
 import { buildErrorMessage } from '../form-handler.js';
 
 function togglePrefillableFieldsHiddenState(component, showPrefilledFields) {
@@ -18,7 +18,7 @@ function togglePrefillableFieldsHiddenState(component, showPrefilledFields) {
 
 async function loadGoogleMapsAPI(callback) {
   const script = document.createElement('script');
-  const apiKey = await getSecret(`${ECC_ENV}-google-places-api`);
+  const apiKey = await getSecret(`${getECCEnv()}-google-places-api`);
   script.src = `https://maps.googleapis.com/maps/api/js?key=${apiKey}&libraries=places&callback=onGoogleMapsApiLoaded`;
   script.async = true;
   script.defer = true;
diff --git a/ecc/blocks/form-handler/form-handler.js b/ecc/blocks/form-handler/form-handler.js
index bb898551..9ff3c8a4 100644
--- a/ecc/blocks/form-handler/form-handler.js
+++ b/ecc/blocks/form-handler/form-handler.js
@@ -1,5 +1,5 @@
 import { ALLOWED_ACCOUNT_TYPES } from '../../constants/constants.js';
-import { LIBS, MILO_CONFIG, DEV_MODE } from '../../scripts/scripts.js';
+import { LIBS } from '../../scripts/scripts.js';
 import {
   getIcon,
   buildNoAccessScreen,
@@ -859,13 +859,6 @@ export default async function init(el) {
 
   const profile = BlockMediator.get('imsProfile');
 
-  if (DEV_MODE === true && ['stage', 'local'].includes(MILO_CONFIG.env.name)) {
-    buildECCForm(el).then(() => {
-      el.classList.remove('loading');
-    });
-    return;
-  }
-
   if (profile) {
     if (profile.noProfile || !ALLOWED_ACCOUNT_TYPES.includes(profile.account_type)) {
       buildNoAccessScreen(el);
diff --git a/ecc/scripts/esp-controller.js b/ecc/scripts/esp-controller.js
index 256f19e3..8331a0e2 100644
--- a/ecc/scripts/esp-controller.js
+++ b/ecc/scripts/esp-controller.js
@@ -1,4 +1,4 @@
-import { ECC_ENV } from './scripts.js';
+import { getECCEnv } from './utils.js';
 
 export const getCaasTags = (() => {
   let cache;
@@ -87,7 +87,7 @@ export async function constructRequestOptions(method, body = null) {
 export async function uploadImage(file, configs, tracker, imageId = null) {
   await waitForAdobeIMS();
 
-  const { host } = getAPIConfig().esp[ECC_ENV];
+  const { host } = getAPIConfig().esp[getECCEnv()];
   const authToken = window.adobeIMS?.getAccessToken()?.token;
 
   let respJson = null;
@@ -177,7 +177,7 @@ function convertToSpeaker(speaker) {
 
 export async function deleteImage(configs, imageId) {
   await waitForAdobeIMS();
-  const { host } = getAPIConfig().esp[ECC_ENV];
+  const { host } = getAPIConfig().esp[getECCEnv()];
   const options = await constructRequestOptions('DELETE');
 
   try {
@@ -198,7 +198,7 @@ export async function deleteImage(configs, imageId) {
 }
 
 export async function createVenue(eventId, venueData) {
-  const { host } = getAPIConfig().esl[ECC_ENV];
+  const { host } = getAPIConfig().esl[getECCEnv()];
   const raw = JSON.stringify(venueData);
   const options = await constructRequestOptions('POST', raw);
 
@@ -219,7 +219,7 @@ export async function createVenue(eventId, venueData) {
 }
 
 export async function replaceVenue(eventId, venueId, venueData) {
-  const { host } = getAPIConfig().esl[ECC_ENV];
+  const { host } = getAPIConfig().esl[getECCEnv()];
   const raw = JSON.stringify(venueData);
   const options = await constructRequestOptions('PUT', raw);
 
@@ -240,7 +240,7 @@ export async function replaceVenue(eventId, venueId, venueData) {
 }
 
 export async function createEvent(payload) {
-  const { host } = getAPIConfig().esl[ECC_ENV];
+  const { host } = getAPIConfig().esl[getECCEnv()];
   const raw = JSON.stringify({ ...payload, liveUpdate: false });
   const options = await constructRequestOptions('POST', raw);
 
@@ -263,7 +263,7 @@ export async function createEvent(payload) {
 export async function createSpeaker(profile, seriesId) {
   const nSpeaker = convertToNSpeaker(profile);
 
-  const { host } = getAPIConfig().esp[ECC_ENV];
+  const { host } = getAPIConfig().esp[getECCEnv()];
   const raw = JSON.stringify({ ...nSpeaker, seriesId });
   const options = await constructRequestOptions('POST', raw);
 
@@ -284,7 +284,7 @@ export async function createSpeaker(profile, seriesId) {
 }
 
 export async function createSponsor(sponsorData, seriesId) {
-  const { host } = getAPIConfig().esp[ECC_ENV];
+  const { host } = getAPIConfig().esp[getECCEnv()];
   const raw = JSON.stringify(sponsorData);
   const options = await constructRequestOptions('POST', raw);
 
@@ -305,7 +305,7 @@ export async function createSponsor(sponsorData, seriesId) {
 }
 
 export async function updateSponsor(sponsorData, sponsorId, seriesId) {
-  const { host } = getAPIConfig().esp[ECC_ENV];
+  const { host } = getAPIConfig().esp[getECCEnv()];
   const raw = JSON.stringify(sponsorData);
   const options = await constructRequestOptions('PUT', raw);
 
@@ -326,7 +326,7 @@ export async function updateSponsor(sponsorData, sponsorId, seriesId) {
 }
 
 export async function addSponsorToEvent(sponsorData, eventId) {
-  const { host } = getAPIConfig().esp[ECC_ENV];
+  const { host } = getAPIConfig().esp[getECCEnv()];
   const raw = JSON.stringify(sponsorData);
   const options = await constructRequestOptions('POST', raw);
 
@@ -347,7 +347,7 @@ export async function addSponsorToEvent(sponsorData, eventId) {
 }
 
 export async function updateSponsorInEvent(sponsorData, sponsorId, eventId) {
-  const { host } = getAPIConfig().esp[ECC_ENV];
+  const { host } = getAPIConfig().esp[getECCEnv()];
   const raw = JSON.stringify(sponsorData);
   const options = await constructRequestOptions('PUT', raw);
 
@@ -368,7 +368,7 @@ export async function updateSponsorInEvent(sponsorData, sponsorId, eventId) {
 }
 
 export async function removeSponsorFromEvent(sponsorId, eventId) {
-  const { host } = getAPIConfig().esp[ECC_ENV];
+  const { host } = getAPIConfig().esp[getECCEnv()];
   const options = await constructRequestOptions('DELETE');
 
   try {
@@ -388,7 +388,7 @@ export async function removeSponsorFromEvent(sponsorId, eventId) {
 }
 
 export async function getSponsor(seriesId, sponsorId) {
-  const { host } = getAPIConfig().esp[ECC_ENV];
+  const { host } = getAPIConfig().esp[getECCEnv()];
   const options = await constructRequestOptions('GET');
 
   try {
@@ -408,7 +408,7 @@ export async function getSponsor(seriesId, sponsorId) {
 }
 
 export async function getSponsors(seriesId) {
-  const { host } = getAPIConfig().esp[ECC_ENV];
+  const { host } = getAPIConfig().esp[getECCEnv()];
   const options = await constructRequestOptions('GET');
 
   try {
@@ -428,7 +428,7 @@ export async function getSponsors(seriesId) {
 }
 
 export async function getSponsorImages(seriesId, sponsorId) {
-  const { host } = getAPIConfig().esp[ECC_ENV];
+  const { host } = getAPIConfig().esp[getECCEnv()];
   const options = await constructRequestOptions('GET');
 
   try {
@@ -448,7 +448,7 @@ export async function getSponsorImages(seriesId, sponsorId) {
 }
 
 export async function addSpeakerToEvent(speakerData, eventId) {
-  const { host } = getAPIConfig().esp[ECC_ENV];
+  const { host } = getAPIConfig().esp[getECCEnv()];
   const raw = JSON.stringify(speakerData);
   const options = await constructRequestOptions('POST', raw);
 
@@ -469,7 +469,7 @@ export async function addSpeakerToEvent(speakerData, eventId) {
 }
 
 export async function updateSpeakerInEvent(speakerData, speakerId, eventId) {
-  const { host } = getAPIConfig().esp[ECC_ENV];
+  const { host } = getAPIConfig().esp[getECCEnv()];
   const raw = JSON.stringify(speakerData);
   const options = await constructRequestOptions('PUT', raw);
 
@@ -490,7 +490,7 @@ export async function updateSpeakerInEvent(speakerData, speakerId, eventId) {
 }
 
 export async function removeSpeakerFromEvent(speakerId, eventId) {
-  const { host } = getAPIConfig().esp[ECC_ENV];
+  const { host } = getAPIConfig().esp[getECCEnv()];
   const options = await constructRequestOptions('DELETE');
 
   try {
@@ -511,7 +511,7 @@ export async function removeSpeakerFromEvent(speakerId, eventId) {
 
 export async function updateSpeaker(profile, seriesId) {
   const nSpeaker = convertToNSpeaker(profile);
-  const { host } = getAPIConfig().esp[ECC_ENV];
+  const { host } = getAPIConfig().esp[getECCEnv()];
   const raw = JSON.stringify({ ...nSpeaker, seriesId });
   const options = await constructRequestOptions('PUT', raw);
 
@@ -532,7 +532,7 @@ export async function updateSpeaker(profile, seriesId) {
 }
 
 export async function updateEvent(eventId, payload) {
-  const { host } = getAPIConfig().esp[ECC_ENV];
+  const { host } = getAPIConfig().esp[getECCEnv()];
   const raw = JSON.stringify({ ...payload, liveUpdate: false });
   const options = await constructRequestOptions('PUT', raw);
 
@@ -553,7 +553,7 @@ export async function updateEvent(eventId, payload) {
 }
 
 export async function publishEvent(eventId, payload) {
-  const { host } = getAPIConfig().esp[ECC_ENV];
+  const { host } = getAPIConfig().esp[getECCEnv()];
   const raw = JSON.stringify({ ...payload, published: true, liveUpdate: true });
   const options = await constructRequestOptions('PUT', raw);
 
@@ -574,7 +574,7 @@ export async function publishEvent(eventId, payload) {
 }
 
 export async function unpublishEvent(eventId, payload) {
-  const { host } = getAPIConfig().esp[ECC_ENV];
+  const { host } = getAPIConfig().esp[getECCEnv()];
   const raw = JSON.stringify({ ...payload, published: false, liveUpdate: true });
   const options = await constructRequestOptions('PUT', raw);
 
@@ -595,7 +595,7 @@ export async function unpublishEvent(eventId, payload) {
 }
 
 export async function deleteEvent(eventId) {
-  const { host } = getAPIConfig().esl[ECC_ENV];
+  const { host } = getAPIConfig().esl[getECCEnv()];
   const options = await constructRequestOptions('DELETE');
 
   try {
@@ -616,7 +616,7 @@ export async function deleteEvent(eventId) {
 }
 
 export async function getEvents() {
-  const { host } = getAPIConfig().esp[ECC_ENV];
+  const { host } = getAPIConfig().esp[getECCEnv()];
   const options = await constructRequestOptions('GET');
 
   try {
@@ -636,7 +636,7 @@ export async function getEvents() {
 }
 
 export async function getEvent(eventId) {
-  const { host } = getAPIConfig().esp[ECC_ENV];
+  const { host } = getAPIConfig().esp[getECCEnv()];
   const options = await constructRequestOptions('GET');
 
   try {
@@ -656,7 +656,7 @@ export async function getEvent(eventId) {
 }
 
 export async function getVenue(eventId) {
-  const { host } = getAPIConfig().esp[ECC_ENV];
+  const { host } = getAPIConfig().esp[getECCEnv()];
   const options = await constructRequestOptions('GET');
 
   try {
@@ -676,7 +676,7 @@ export async function getVenue(eventId) {
 }
 
 export async function getSpeaker(seriesId, speakerId) {
-  const { host } = getAPIConfig().esp[ECC_ENV];
+  const { host } = getAPIConfig().esp[getECCEnv()];
   const options = await constructRequestOptions('GET');
 
   try {
@@ -708,7 +708,7 @@ export async function getClouds() {
 }
 
 export async function getSeries() {
-  const { host } = getAPIConfig().esp[ECC_ENV];
+  const { host } = getAPIConfig().esp[getECCEnv()];
   const options = await constructRequestOptions('GET');
 
   try {
@@ -730,7 +730,7 @@ export async function getSeries() {
 export async function createAttendee(eventId, attendeeData) {
   if (!eventId || !attendeeData) return false;
 
-  const { host } = getAPIConfig().esp[ECC_ENV];
+  const { host } = getAPIConfig().esp[getECCEnv()];
   const raw = JSON.stringify(attendeeData);
   const options = await constructRequestOptions('POST', raw);
 
@@ -753,7 +753,7 @@ export async function createAttendee(eventId, attendeeData) {
 export async function updateAttendee(eventId, attendeeId, attendeeData) {
   if (!eventId || !attendeeData) return false;
 
-  const { host } = getAPIConfig().esp[ECC_ENV];
+  const { host } = getAPIConfig().esp[getECCEnv()];
   const raw = JSON.stringify(attendeeData);
   const options = await constructRequestOptions('PUT', raw);
 
@@ -776,7 +776,7 @@ export async function updateAttendee(eventId, attendeeId, attendeeData) {
 export async function deleteAttendee(eventId, attendeeId) {
   if (!eventId || !attendeeId) return false;
 
-  const { host } = getAPIConfig().esp[ECC_ENV];
+  const { host } = getAPIConfig().esp[getECCEnv()];
   const options = await constructRequestOptions('DELETE');
 
   try {
@@ -798,7 +798,7 @@ export async function deleteAttendee(eventId, attendeeId) {
 export async function getEventAttendees(eventId) {
   if (!eventId) return false;
 
-  const { host } = getAPIConfig().esp[ECC_ENV];
+  const { host } = getAPIConfig().esp[getECCEnv()];
   const options = await constructRequestOptions('GET');
 
   try {
@@ -819,7 +819,7 @@ export async function getEventAttendees(eventId) {
 
 export async function getAllEventAttendees(eventId) {
   const recurGetAttendees = async (fullAttendeeArr = [], nextPageToken = null) => {
-    const { host } = getAPIConfig().esp[ECC_ENV];
+    const { host } = getAPIConfig().esp[getECCEnv()];
     const options = await constructRequestOptions('GET');
     const fetchUrl = nextPageToken ? `${host}/v1/events/${eventId}/attendees?nextPageToken=${nextPageToken}` : `${host}/v1/events/${eventId}/attendees`;
 
@@ -851,7 +851,7 @@ export async function getAllEventAttendees(eventId) {
 export async function getAttendee(eventId, attendeeId) {
   if (!eventId || !attendeeId) return false;
 
-  const { host } = getAPIConfig().esp[ECC_ENV];
+  const { host } = getAPIConfig().esp[getECCEnv()];
   const options = await constructRequestOptions('GET');
 
   try {
@@ -873,7 +873,7 @@ export async function getAttendee(eventId, attendeeId) {
 export async function getSpeakers(seriesId) {
   if (!seriesId) return false;
 
-  const { host } = getAPIConfig().esp[ECC_ENV];
+  const { host } = getAPIConfig().esp[getECCEnv()];
   const options = await constructRequestOptions('GET');
 
   try {
@@ -895,7 +895,7 @@ export async function getSpeakers(seriesId) {
 export async function getEventImages(eventId) {
   if (!eventId) return false;
 
-  const { host } = getAPIConfig().esp[ECC_ENV];
+  const { host } = getAPIConfig().esp[getECCEnv()];
   const options = await constructRequestOptions('GET');
 
   try {
@@ -917,7 +917,7 @@ export async function getEventImages(eventId) {
 export async function deleteSpeakerImage(speakerId, seriesId, imageId) {
   if (!speakerId || !seriesId || !imageId) return false;
 
-  const { host } = getAPIConfig().esp[ECC_ENV];
+  const { host } = getAPIConfig().esp[getECCEnv()];
   const options = await constructRequestOptions('DELETE');
 
   try {
diff --git a/ecc/scripts/scripts.js b/ecc/scripts/scripts.js
index e8b8866e..5714e828 100644
--- a/ecc/scripts/scripts.js
+++ b/ecc/scripts/scripts.js
@@ -75,27 +75,6 @@ export function decorateArea(area = document) {
   });
 }
 
-function getECCEnv(miloConfig) {
-  const { env } = miloConfig;
-
-  if (env.name === 'prod') return 'prod';
-
-  if (env.name === 'stage') {
-    const { host, search } = window.location;
-    const usp = new URLSearchParams(search);
-    const eccEnv = usp.get('eccEnv');
-
-    if (eccEnv) return eccEnv;
-
-    if (host.startsWith('main--')) return 'prod';
-    if (host.startsWith('stage--') || host.startsWith('www.stage')) return 'stage';
-    if (host.startsWith('dev--') || host.startsWith('www.dev')) return 'dev';
-  }
-
-  // fallback to dev
-  return 'dev';
-}
-
 const locales = {
   '': { ietf: 'en-US', tk: 'jdq5hay.css' },
   br: { ietf: 'pt-BR', tk: 'inq1xob.css' },
@@ -151,8 +130,6 @@ export const LIBS = (() => {
   return branch.includes('--') ? `https://${branch}.hlx.live/libs` : `https://${branch}--milo--adobecom.hlx.live/libs`;
 })();
 
-export const BlockMediator = await import('./deps/block-mediator.min.js').then((mod) => mod.default);
-
 (function loadStyles() {
   const paths = [`${LIBS}/styles/styles.css`];
   if (STYLES) { paths.push(STYLES); }
@@ -164,12 +141,9 @@ export const BlockMediator = await import('./deps/block-mediator.min.js').then((
   });
 }());
 
-const { loadArea, setConfig, loadLana } = await import(`${LIBS}/utils/utils.js`);
-export const MILO_CONFIG = setConfig({ ...CONFIG, miloLibs: LIBS });
-export const ECC_ENV = getECCEnv(MILO_CONFIG);
-export const DEV_MODE = new URLSearchParams(window.location.search).has('devMode');
-
 (async function loadPage() {
+  const { loadArea, setConfig, loadLana } = await import(`${LIBS}/utils/utils.js`);
+  setConfig({ ...CONFIG, miloLibs: LIBS });
   await loadLana({ clientId: 'ecc-milo' });
   await loadArea().then(() => {
     lazyCaptureProfile();
diff --git a/ecc/scripts/utils.js b/ecc/scripts/utils.js
index f171fd06..908ded19 100644
--- a/ecc/scripts/utils.js
+++ b/ecc/scripts/utils.js
@@ -1,13 +1,36 @@
-import { MILO_CONFIG, LIBS, ECC_ENV } from './scripts.js';
+import { LIBS } from './scripts.js';
 
-const { createTag } = await import(`${LIBS}/utils/utils.js`);
+const { createTag, getConfig } = await import(`${LIBS}/utils/utils.js`);
 
 let secretCache = [];
 
+export function getECCEnv() {
+  const validEnvs = ['dev', 'stage', 'prod'];
+  const { host, search } = window.location;
+  const SLD = host.includes('.aem.') ? 'aem' : 'hlx';
+  const usp = new URLSearchParams(search);
+  const eccEnv = usp.get('eccEnv');
+
+  if (validEnvs.includes(eccEnv)) return eccEnv;
+
+  if (((host.includes(`${SLD}.page`) || host.includes(`${SLD}.live`)) && host.startsWith('dev--'))
+    || host.includes('localhost')) return 'dev';
+
+  if (((host.includes(`${SLD}.page`) || host.includes(`${SLD}.live`)) && host.startsWith('stage--'))
+    || host.includes('stage.adobe')
+    || host.includes('corp.adobe')
+    || host.includes('graybox.adobe')) return 'stage';
+
+  if (((host.includes(`${SLD}.page`) || host.includes(`${SLD}.live`)) && host.startsWith('main--')) || host.endsWith === 'adobe.com') return 'prod';
+
+  // fallback to dev
+  return 'dev';
+}
+
 export function getIcon(tag) {
   const img = document.createElement('img');
   img.className = `icon icon-${tag}`;
-  img.src = `${MILO_CONFIG.codeRoot}/icons/${tag}.svg`;
+  img.src = `${getConfig().codeRoot}/icons/${tag}.svg`;
   img.alt = tag;
 
   return img;
@@ -58,7 +81,7 @@ export function convertTo24HourFormat(timeStr) {
 
 export function getEventPageHost() {
   if (window.location.href.includes('.hlx.')) {
-    return window.location.origin.replace(window.location.hostname, `${ECC_ENV}--events-milo--adobecom.hlx.page`);
+    return window.location.origin.replace(window.location.hostname, `${getECCEnv()}--events-milo--adobecom.hlx.page`);
   }
 
   return window.location.origin;
@@ -232,12 +255,8 @@ export function getServiceName(link) {
 
 export async function miloReplaceKey(key) {
   try {
-    const [utils, placeholders] = await Promise.all([
-      import(`${LIBS}/utils/utils.js`),
-      import(`${LIBS}/features/placeholders.js`),
-    ]);
+    const placeholders = await import(`${LIBS}/features/placeholders.js`);
 
-    const { getConfig } = utils;
     const { replaceKey } = placeholders;
     const config = getConfig();
 
diff --git a/ecc/styles/styles.css b/ecc/styles/styles.css
index ad0dcc00..5f5a1b9d 100644
--- a/ecc/styles/styles.css
+++ b/ecc/styles/styles.css
@@ -14,7 +14,7 @@
   --spectrum-color-gray-400: #A1A1A1;
   --spectrum-color-gray-500: #909090;
   --spectrum-color-gray-600: #686868;
-  --spectrum-color-gray-700: #444444;
+  --spectrum-color-gray-700: #444;
   --spectrum-color-gray-800: #242424;
   --spectrum-color-text: #2C2C2C;
  }

From 85d147c170c713db706d8098205efba36c758c84 Mon Sep 17 00:00:00 2001
From: Qiyun Dai <pianoquin@gmail.com>
Date: Fri, 27 Sep 2024 09:19:14 -0500
Subject: [PATCH 12/12] add tiktok icon (#230)

---
 ecc/icons/icons.svg.js | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/ecc/icons/icons.svg.js b/ecc/icons/icons.svg.js
index 97d9713e..b7ca471e 100644
--- a/ecc/icons/icons.svg.js
+++ b/ecc/icons/icons.svg.js
@@ -57,6 +57,12 @@ export const icons = svg`<svg version="1.1" xmlns="http://www.w3.org/2000/svg" x
   <path fill="currentColor" d="M28.5 0h-22C2.9 0 0 2.9 0 6.5v22C0 32.1 2.9 35 6.5 35h22c3.6 0 6.5-2.9 6.5-6.5v-22C35 2.9 32.1 0 28.5 0zM30 30.4h-5.9c-.3 0-.6-.1-.8-.4L16 21l-7.3 9.1c-.2.2-.5.4-.8.4-.2 0-.4-.1-.6-.2-.4-.3-.5-1-.2-1.4l7.6-9.5L4.2 6.2c-.4-.4-.3-1.1.1-1.4.2-.2.4-.2.7-.2h5.9c.3 0 .6.1.8.4l7.3 9 7.3-9.1c.3-.4 1-.5 1.4-.2.4.3.5 1 .2 1.4l-7.6 9.5 10.5 13.1c.2.2.3.4.3.7-.1.6-.5 1-1.1 1zm-2.1-2h-3.3L7.1 6.6h3.3l17.5 21.8z"></path>
 </symbol>
 
+<symbol id="footer-icon-tiktok" viewBox="0 0 17.151 20">
+  <title>Tiktok</title>
+  <desc>Tiktok Logo</desc>
+  <path fill="currentcolor" d="M13.074,0c.33,2.838,1.914,4.53,4.668,4.71V7.9a7.3,7.3,0,0,1-4.62-1.35v5.97c0,7.584-8.268,9.954-11.592,4.518C-.606,13.542.7,7.4,7.554,7.158v3.366a9.914,9.914,0,0,0-1.59.39A2.713,2.713,0,0,0,3.816,14.1c.462,3.264,6.45,4.23,5.952-2.148V.006h3.306Z"/>
+</symbol>
+
 <symbol id="footer-icon-web" viewBox="0 0 20 20" fill="none">
   <path d="M5.31299 18.7475C4.27197 18.7475 3.23194 18.3511 2.43994 17.5591C0.855958 15.9751 0.855958 13.397 2.43994 11.812L6.34521 7.90673C7.93017 6.32275 10.5073 6.32372 12.0923 7.90673C12.3091 8.1245 12.4995 8.36376 12.6587 8.61669C12.8794 8.96728 12.7739 9.43017 12.4233 9.65087C12.0708 9.87255 11.6099 9.76513 11.3892 9.41552C11.2886 9.25536 11.1675 9.104 11.0298 8.9663C10.0308 7.96728 8.40478 7.96825 7.40576 8.96728L3.50049 12.8725C2.50147 13.8725 2.50147 15.4995 3.50049 16.4985C4.50147 17.4995 6.12744 17.4956 7.12647 16.4985L9.07862 14.5464C9.37159 14.2534 9.8462 14.2534 10.1392 14.5464C10.4321 14.8393 10.4321 15.314 10.1392 15.6069L8.18702 17.5591C7.39503 18.3511 6.354 18.7466 5.31299 18.7475ZM13.6538 12.0923L17.5591 8.18701C19.1431 6.60205 19.1431 4.02392 17.5591 2.43994C15.9751 0.855958 13.396 0.855958 11.812 2.43994L9.85986 4.39209C9.56689 4.68506 9.56689 5.15967 9.85986 5.45264C10.1528 5.74561 10.6274 5.74561 10.9204 5.45264L12.8726 3.50049C13.8716 2.50244 15.4976 2.50049 16.4985 3.50049C17.4976 4.49951 17.4976 6.12647 16.4985 7.12647L12.5933 11.0317C11.5942 12.0308 9.96827 12.0317 8.96925 11.0327C8.83155 10.895 8.71046 10.7437 8.60987 10.5835C8.38917 10.2339 7.92823 10.1265 7.57569 10.3481C7.2251 10.5688 7.11964 11.0317 7.34034 11.3823C7.49952 11.6353 7.68995 11.8745 7.90675 12.0923C8.69972 12.8843 9.73976 13.2808 10.7808 13.2808C11.8208 13.2808 12.8618 12.8843 13.6538 12.0923Z" fill="#292929"/>
 </symbol>