Function defaultHtmlContent

pages/signup.ts:150–234

(
  { notice, error, email, formData, helpEmail, isEmailVerificationEnabled, isSingleSignOnEnabled, singleSignOnUrl }: {
    error?: string;
    notice?: string;
    email?: string;
    formData?: FormData;
    helpEmail: string;
    isEmailVerificationEnabled: boolean;
    isSingleSignOnEnabled: boolean;
    singleSignOnUrl?: string;
  },
)

}

function defaultHtmlContent(
  { notice, error, email, formData, helpEmail, isEmailVerificationEnabled, isSingleSignOnEnabled, singleSignOnUrl }: {
    error?: string;
    notice?: string;
    email?: string;
    formData?: FormData;
    helpEmail: string;
    isEmailVerificationEnabled: boolean;
    isSingleSignOnEnabled: boolean;
    singleSignOnUrl?: string;
  },
) {
  return html`
    <main id="main">
      <section class="max-w-3xl mx-auto flex flex-col items-center justify-center">
        <h1 class="text-4xl mb-6">
          Signup
        </h1>
        ${error
          ? html`
            <section class="notification-error">
              <h3>Failed to signup!</h3>
              <p>${escapeHtml(error)}</p>
            </section>
          `
          : ''} ${notice
          ? html`
            <section class="notification-success">
              <h3>Success!</h3>
              <p>${escapeHtml(notice)}</p>
            </section>
          `
          : ''}

        <form method="POST" class="${isSingleSignOnEnabled && singleSignOnUrl ? 'mb-4 pb-0' : 'mb-12'}">
          ${formFields({ isEmailVerificationEnabled, email }).map((field) =>
            generateFieldHtml(field, formData || new FormData())
          ).join('')}
          <section
            class="flex justify-center mt-8 ${isSingleSignOnEnabled && singleSignOnUrl ? 'mb-0' : 'mb-4'}"
          >
            <button class="button" type="submit">Signup</button>
          </section>
        </form>

        ${isSingleSignOnEnabled && singleSignOnUrl
          ? html`
            <section class="mb-12 max-w-sm mx-auto">
              <section class="text-center">
                <p class="text-gray-400 text-sm mb-3">or</p>
              </section>

              <section class="space-y-4">
                <section class="flex justify-center mt-2 mb-4">
                  <a
                    href="${singleSignOnUrl}"
                    class="button-secondary"
                  >