async function createEventDropdownSet(eventName) {
  console.log("Creating Event Dropdown");

  const newDropdownSet = document.createElement('div');
  newDropdownSet.classList.add('row', 'ticketworkflow-dropdown');

  let selectedEvent = typeof eventName === 'string' ? eventName : '';

  // Create the initial dropdown structure
  newDropdownSet.innerHTML = `
    <div class="col-md-2 event-name-container">
      <fw-select
        class="event-name-dropdown"
        label="Select Event Name"
        required="true"
        placeholder="Your choice"
        hint-text="Select singular option">
        <fw-select-option value="TicketCreate" ${selectedEvent === "TicketCreate" ? "selected" : ""}>Ticket Create</fw-select-option>
        <fw-select-option value="TicketUpdate" ${selectedEvent === "TicketUpdate" ? "selected" : ""}>Ticket Update</fw-select-option>
        <fw-select-option value="TicketCreateandUpdate" ${selectedEvent === "TicketCreateandUpdate" ? "selected" : ""}>Ticket Create and Update</fw-select-option>
      </fw-select>
    </div>
  `;

  let eventSelect = newDropdownSet.querySelector('.event-name-dropdown');
  eventSelect.value = selectedEvent;

  eventSelect.addEventListener('fwChange', async () => {
    const newEvent = eventSelect.value;

    // Only update the conditions if the event name has actually changed
    if (newEvent !== selectedEvent) {
      // Remove the existing event from ticketworkflowconditions
      if (ticketworkflowconditions[selectedEvent]) {
        delete ticketworkflowconditions[selectedEvent];
        console.log(`Removed ${selectedEvent} from ticketworkflowconditions.`);
      }

      // Initialize or update the event in ticketworkflowconditions
      if (!ticketworkflowconditions[newEvent]) {
        ticketworkflowconditions[newEvent] = { combinations: [{ isEnabled: true, fields: {} }] };
      } else {
        // Create a new combination under the selected event
        const newCombination = { isEnabled: true, fields: {} };
        ticketworkflowconditions[newEvent].combinations.push(newCombination);
      }

      // Update the UI with the relevant containers
      const existingFieldNameContainer = newDropdownSet.querySelector('.field-name-container');
      const existingChoicesContainer = newDropdownSet.querySelector('.choices-container');
      const existingButtonContainer = newDropdownSet.querySelector('.button-container');

      // Clear existing containers or create new ones
      if (existingFieldNameContainer) {
        existingFieldNameContainer.innerHTML = '';  // Clear contents
      } else {
        const fieldNameContainer = document.createElement('div');
        fieldNameContainer.classList.add('col-md-2', 'field-name-container');
        newDropdownSet.appendChild(fieldNameContainer);
      }

      if (existingChoicesContainer) {
        existingChoicesContainer.innerHTML = '';  // Clear contents
      } else {
        const choicesContainer = document.createElement('div');
        choicesContainer.classList.add('col-md-2', 'choices-container');
        newDropdownSet.appendChild(choicesContainer);
      }

      if (!existingButtonContainer) {
        const buttonContainer = document.createElement('div');
        buttonContainer.classList.add('col-md-3', 'button-container');
        buttonContainer.style.marginTop = '25px';
        newDropdownSet.appendChild(buttonContainer);
      }

      // Call the function to populate the dropdowns with the selected event
      await fieldschoosingvalues(newEvent, existingFieldNameContainer || fieldNameContainer, existingChoicesContainer || choicesContainer, existingButtonContainer || buttonContainer, newDropdownSet);

      console.log(`Updated ticketworkflowconditions: ${JSON.stringify(ticketworkflowconditions, null, 2)}`);
      
      // Update selectedEvent to reflect the current event
      selectedEvent = newEvent;
    }
  });

  return newDropdownSet;
}


do this :

instead of mapping directly evetn name , do this : go through event and how many combination are ther that much combination you have to create whole div