ultimate-jekyll-manager/dist/assets/themes/classy/js/hero-demo-form.js

Ultimate Jekyll dependency manager

/**
 * Hero Demo Form
 * Initializes FormManager for hero demo forms (input or form type)
 */

/**
 * Initialize the hero demo form if present
 */
export default async function initHeroDemoForm() {
  const $form = document.querySelector('#hero-demo-form');

  if (!$form) {
    return;
  }

  // Dynamic import FormManager only when needed
  const { FormManager } = await import('__main_assets__/js/libs/form-manager.js');

  const formManager = new FormManager($form, {
    submittingText: 'Processing...',
  });

  formManager.on('submit', async ({ data }) => {
    // Get redirect URL from form data attribute or default to /dashboard
    const redirectUrl = $form.dataset.redirect || '/dashboard';

    // Build query string from form data
    const params = new URLSearchParams();

    Object.entries(data).forEach(([key, value]) => {
      if (value !== null && value !== undefined && value !== '') {
        params.set(key, value);
      }
    });

    // Redirect with form data as query params
    const queryString = params.toString();
    const url = queryString ? `${redirectUrl}?${queryString}` : redirectUrl;

    window.location.href = url;
  });
}