diff --git a/src/app/components/panels/CreateCustomListPanel.tsx b/src/app/components/panels/CreateCustomListPanel.tsx
index 3ed22470..77afc06b 100644
--- a/src/app/components/panels/CreateCustomListPanel.tsx
+++ b/src/app/components/panels/CreateCustomListPanel.tsx
@@ -24,6 +24,7 @@ const STATUS_OPTIONS: { label: string; value: string }[] = [
{ label: "Confirmed", value: "confirmed" },
{ label: "Checked In", value: "checked_in" },
{ label: "Cancelled", value: "cancelled" },
+ { label: "Rejected", value: "rejected" },
];
const emptyForm = (): Form => ({
diff --git a/src/app/components/panels/CreateEmailCampaignPanel.tsx b/src/app/components/panels/CreateEmailCampaignPanel.tsx
new file mode 100644
index 00000000..9660c535
--- /dev/null
+++ b/src/app/components/panels/CreateEmailCampaignPanel.tsx
@@ -0,0 +1,443 @@
+import React, { useEffect, useState } from "react";
+import {
+ campaignsApi,
+ participantListsApi,
+ designTemplatesApi,
+ portfolioListOrganizationId,
+ type ParticipantListRecord,
+ type DesignTemplate,
+ type CampaignRecipients,
+} from "../../../services/api";
+import { useAuth } from "../../contexts/AuthContext";
+import { RichEmailEditor } from "../messaging/RichEmailEditor";
+import { EMAIL_PLACEHOLDERS } from "../messaging/mergePlaceholders";
+import { PanelShell, RadioGroup, SelectWrap, IS, SS, focusIn, focusOut } from "./PanelShell";
+import { PARTICIPANT_STATUS, type ParticipantStatus } from "../../../config/constants";
+
+const btnPrimary: React.CSSProperties = {
+ display: "inline-flex",
+ alignItems: "center",
+ gap: 6,
+ padding: "8px 14px",
+ borderRadius: "var(--radius-button)",
+ background: "var(--primary)",
+ color: "var(--primary-foreground)",
+ border: "none",
+ cursor: "pointer",
+ fontSize: "var(--text-sm)",
+ fontFamily: "var(--font-noto-sans)",
+};
+
+const btnSecondary: React.CSSProperties = {
+ ...btnPrimary,
+ background: "var(--secondary)",
+ color: "var(--card-foreground)",
+ border: "1px solid var(--border)",
+};
+
+const chipBtn: React.CSSProperties = {
+ fontSize: "10px",
+ padding: "4px 8px",
+ borderRadius: 99,
+ border: "1px solid var(--border)",
+ background: "var(--secondary)",
+ cursor: "pointer",
+ fontFamily: "var(--font-noto-sans)",
+};
+
+const STATUS_LABELS: Record
= {
+ pending: "Pending",
+ confirmed: "Confirmed",
+ checked_in: "Checked In",
+ cancelled: "Cancelled",
+ rejected: "Rejected",
+};
+
+type RecipientSource = "participant_list" | "participants";
+
+function buildRecipients(
+ source: RecipientSource,
+ listId: string,
+ status: "" | ParticipantStatus,
+): CampaignRecipients | { error: string } {
+ if (source === "participant_list") {
+ if (!listId) return { error: "Select a contact list." };
+ return { type: "participant_list", participantList: listId };
+ }
+ if (!status) {
+ return { type: "all" };
+ }
+ return { type: "filtered", filters: { status } };
+}
+
+export function CreateEmailCampaignPanel({
+ eventId,
+ onClose,
+ onSuccess,
+}: {
+ eventId: string;
+ onClose: () => void;
+ onSuccess?: () => void;
+}) {
+ const { user } = useAuth();
+ const listOrgId = portfolioListOrganizationId(user);
+
+ const [lists, setLists] = useState([]);
+ const [templates, setTemplates] = useState([]);
+ const [formName, setFormName] = useState("");
+ const [recipientSource, setRecipientSource] = useState("participant_list");
+ const [formListId, setFormListId] = useState("");
+ const [formStatus, setFormStatus] = useState<"" | ParticipantStatus>("");
+ const [msgMode, setMsgMode] = useState<"manual" | "template">("template");
+ const [formTemplateId, setFormTemplateId] = useState("");
+ const [formSubject, setFormSubject] = useState("");
+ const [formBody, setFormBody] = useState("Hello {{contact.name}},
…
");
+ const [scheduleLocal, setScheduleLocal] = useState("");
+ const [saving, setSaving] = useState(false);
+ const [err, setErr] = useState("");
+ /** After first save, keep id so send/schedule can reuse without creating duplicates. */
+ const [createdId, setCreatedId] = useState(null);
+
+ useEffect(() => {
+ if (!listOrgId) return;
+ participantListsApi.list({ organization: listOrgId }).then((r) => {
+ if (r.data?.lists) {
+ setLists(r.data.lists);
+ setFormListId((prev) => prev || r.data!.lists![0]?._id || "");
+ }
+ });
+ designTemplatesApi.list({ type: "emailer", organization: listOrgId, limit: 100 }).then((r) => {
+ if (r.data?.templates) {
+ setTemplates(r.data.templates);
+ setFormTemplateId((prev) => prev || r.data!.templates![0]?._id || "");
+ }
+ });
+ }, [listOrgId]);
+
+ useEffect(() => {
+ if (msgMode !== "template") return;
+ if (formTemplateId) return;
+ const first = templates[0]?._id;
+ if (first) setFormTemplateId(first);
+ }, [msgMode, formTemplateId, templates]);
+
+ const resolveRecipients = (): CampaignRecipients | null => {
+ const built = buildRecipients(recipientSource, formListId, formStatus);
+ if ("error" in built) {
+ setErr(built.error);
+ return null;
+ }
+ return built;
+ };
+
+ const saveDraft = async (): Promise => {
+ if (!formName.trim()) {
+ setErr("Campaign name is required.");
+ return null;
+ }
+ const recipients = resolveRecipients();
+ if (!recipients) return null;
+ if (msgMode === "template" && !formTemplateId) {
+ setErr("Select an emailer template.");
+ return null;
+ }
+ if (msgMode === "manual") {
+ const bodyText = formBody.replace(/<[^>]+>/g, " ").replace(/\s+/g, " ").trim();
+ if (!formSubject.trim() || !bodyText) {
+ setErr("Subject and message body are required for a manual message.");
+ return null;
+ }
+ }
+ setSaving(true);
+ setErr("");
+ const content =
+ msgMode === "template"
+ ? { subject: "", body: "", template: formTemplateId }
+ : { subject: formSubject, body: formBody, template: "" };
+
+ if (createdId) {
+ const r = await campaignsApi.update(createdId, { name: formName, recipients, content });
+ setSaving(false);
+ if (r.error) {
+ setErr(r.error);
+ return null;
+ }
+ return createdId;
+ }
+
+ const r = await campaignsApi.create(eventId, {
+ name: formName,
+ channel: "email",
+ type: "broadcast",
+ recipients,
+ content,
+ });
+ setSaving(false);
+ if (r.error) {
+ setErr(r.error);
+ return null;
+ }
+ if (r.data) {
+ setCreatedId(r.data._id);
+ return r.data._id;
+ }
+ return null;
+ };
+
+ const finish = () => {
+ onSuccess?.();
+ onClose();
+ };
+
+ const saveDraftClose = async () => {
+ const id = await saveDraft();
+ if (id) finish();
+ };
+
+ const sendNow = async () => {
+ if (createdId) {
+ if (!formName.trim()) {
+ setErr("Campaign name is required.");
+ return;
+ }
+ const recipients = resolveRecipients();
+ if (!recipients) return;
+ if (msgMode === "template" && !formTemplateId) {
+ setErr("Select an emailer template.");
+ return;
+ }
+ if (msgMode === "manual") {
+ const bodyText = formBody.replace(/<[^>]+>/g, " ").replace(/\s+/g, " ").trim();
+ if (!formSubject.trim() || !bodyText) {
+ setErr("Subject and message body are required for a manual message.");
+ return;
+ }
+ }
+ setSaving(true);
+ setErr("");
+ const content =
+ msgMode === "template"
+ ? { subject: "", body: "", template: formTemplateId }
+ : { subject: formSubject, body: formBody, template: "" };
+ const r = await campaignsApi.send(createdId, { name: formName, recipients, content });
+ setSaving(false);
+ if (r.error) setErr(r.error);
+ else finish();
+ return;
+ }
+ const id = await saveDraft();
+ if (!id) return;
+ const r = await campaignsApi.send(id, {});
+ if (r.error) setErr(r.error);
+ else finish();
+ };
+
+ const schedule = async () => {
+ if (!scheduleLocal) {
+ setErr("Pick a date and time to schedule.");
+ return;
+ }
+ const id = await saveDraft();
+ if (!id) return;
+ const iso = new Date(scheduleLocal).toISOString();
+ const r = await campaignsApi.schedule(id, iso);
+ if (r.error) setErr(r.error);
+ else finish();
+ };
+
+ const insertToken = (token: string) => {
+ setFormBody((prev) => prev + token);
+ };
+
+ return (
+
+
+ {err &&
{err}
}
+
+
+ Campaign name
+
+
+
+ Recipients
+ setRecipientSource(v as RecipientSource)}
+ options={[
+ { label: "Contact list", value: "participant_list" },
+ { label: "All participants", value: "participants" },
+ ]}
+ />
+
+
+ {recipientSource === "participant_list" ? (
+
+ Contact list
+
+ setFormListId(e.target.value)}
+ onFocus={focusIn}
+ onBlur={focusOut}
+ >
+ Select…
+ {lists.map((l) => (
+
+ {l.name}
+
+ ))}
+
+
+
+ ) : (
+
+ Participant status
+
+ setFormStatus(e.target.value as "" | ParticipantStatus)}
+ onFocus={focusIn}
+ onBlur={focusOut}
+ >
+ All statuses
+ {PARTICIPANT_STATUS.map((s) => (
+
+ {STATUS_LABELS[s]}
+
+ ))}
+
+
+
+ Sends to participants registered for this event
+ {formStatus ? ` with status ${STATUS_LABELS[formStatus]}` : ""}.
+
+
+ )}
+
+
+ setMsgMode("template")}
+ style={msgMode === "template" ? btnPrimary : btnSecondary}
+ >
+ Design template
+
+ setMsgMode("manual")}
+ style={msgMode === "manual" ? btnPrimary : btnSecondary}
+ >
+ Manual message
+
+
+
+ {msgMode === "template" && (
+
+ Emailer template
+
+ setFormTemplateId(e.target.value)}
+ onFocus={focusIn}
+ onBlur={focusOut}
+ >
+ Select…
+ {templates.map((t) => (
+
+ {t.name}
+
+ ))}
+
+
+
+ Subject and body come from this template. The email subject defaults to your campaign name if the
+ template does not set one.
+
+
+ )}
+
+ {msgMode === "manual" && (
+ <>
+
+ Subject
+
+
+
+
+ Message body
+
+
+ {EMAIL_PLACEHOLDERS.map((p) => (
+ insertToken(p.token)} style={chipBtn}>
+ {p.label}
+
+ ))}
+
+
+
+
+ )}
+
+
+ Schedule (optional)
+
+
+
+ void saveDraftClose()} style={btnSecondary}>
+ Save draft
+
+ void sendNow()} style={btnPrimary}>
+ Send now
+
+ void schedule()}
+ style={btnPrimary}
+ >
+ Schedule
+
+
+
+ );
+}
diff --git a/src/app/components/panels/CreateEmailerPanel.tsx b/src/app/components/panels/CreateEmailerPanel.tsx
index e11dd056..96bf8074 100644
--- a/src/app/components/panels/CreateEmailerPanel.tsx
+++ b/src/app/components/panels/CreateEmailerPanel.tsx
@@ -41,7 +41,7 @@ type LinkKind = "form" | "microsite" | "custom";
export type EmailerContentBlock =
| { id: string; type: "text"; html: string }
- | { id: string; type: "cta"; label: string; linkKind: LinkKind; formId?: string; micrositeId?: string; customUrl?: string }
+ | { id: string; type: "cta"; label: string; linkKind: LinkKind; formId?: string; formType?: string; micrositeId?: string; customUrl?: string }
| { id: string; type: "image"; src: string }
| { id: string; type: "divider" };
@@ -99,17 +99,25 @@ function publicFormHref(formId: string, eventId?: string): string {
function resolveCtaHref(
b: Extract,
- targets: { forms: { id: string; href: string }[]; microsites: { id: string; href: string }[] },
+ targets: { forms: { id: string; href: string; type?: string }[]; microsites: { id: string; href: string }[] },
): string {
if (b.linkKind === "custom") return String(b.customUrl || "").trim() || "#";
if (b.linkKind === "form") {
- const f = targets.forms.find((x) => x.id === b.formId);
- const href = (f?.href && f.href.trim()) || (b.formId ? publicFormHref(b.formId) : "");
- return href || "#";
+ if (b.formId) {
+ const f = targets.forms.find((x) => x.id === b.formId);
+ const href = (f?.href && f.href.trim()) || (b.formId ? publicFormHref(b.formId) : "");
+ if (href) return href;
+ }
+ if (b.formType) {
+ const f = targets.forms.find((x) => x.type === b.formType);
+ if (f?.href?.trim()) return f.href.trim();
+ }
+ return "#";
}
if (b.linkKind === "microsite") {
const m = targets.microsites.find((x) => x.id === b.micrositeId);
- return (m?.href && m.href.trim()) || "#";
+ if (m?.href?.trim()) return m.href.trim();
+ return targets.microsites[0]?.href?.trim() || "#";
}
return "#";
}
@@ -195,6 +203,7 @@ function migrateBlocksFromContent(c: Record): EmailerContentBlo
label: String(b.label ?? b.text ?? "Register"),
linkKind: (["form", "microsite", "custom"].includes(String(b.linkKind)) ? b.linkKind : "custom") as LinkKind,
formId: typeof b.formId === "string" ? b.formId : undefined,
+ formType: typeof b.formType === "string" ? b.formType : undefined,
micrositeId: typeof b.micrositeId === "string" ? b.micrositeId : undefined,
customUrl: String(b.customUrl ?? legacyCtaUrl ?? ""),
});
@@ -250,6 +259,7 @@ export function CreateEmailerPanel({
const [campaignEventId, setCampaignEventId] = useState("");
const [participantListId, setParticipantListId] = useState("");
const [campaignErr, setCampaignErr] = useState("");
+ const [editingGlobalTemplate, setEditingGlobalTemplate] = useState(false);
const set = useCallback((k: K, v: EForm[K]) => {
setForm((p) => ({ ...p, [k]: v }));
@@ -285,6 +295,7 @@ export function CreateEmailerPanel({
void designTemplatesApi.get(templateId).then((res) => {
if (!res.data) return;
const t = res.data;
+ setEditingGlobalTemplate(Boolean(t.isSystemTemplate));
const c = (t.content || {}) as Record;
const migrated = migrateBlocksFromContent(c);
const rawAssoc = (t as { associatedEvent?: string | { _id?: string } }).associatedEvent;
@@ -397,6 +408,7 @@ export function CreateEmailerPanel({
category: form.emailerType || undefined,
content,
associatedEvent: form.associatedEvent.trim() || null,
+ organization: listOrgId || undefined,
};
const res = isEdit ? await designTemplatesApi.update(templateId!, payload) : await designTemplatesApi.create(payload);
@@ -437,7 +449,11 @@ export function CreateEmailerPanel({
onClose={onClose}
title={isEdit ? "Edit Emailer" : "Create Emailer"}
breadcrumb="Design · Emailers"
- description="Design a branded HTML emailer and optional draft campaign."
+ description={
+ editingGlobalTemplate
+ ? "Global template — saving creates your organization's customized copy."
+ : "Design a branded HTML emailer and optional draft campaign."
+ }
completedCount={acc.done.size}
totalSections={TOTAL}
ctaLabel={isEdit ? "Save changes" : "Save emailer"}
diff --git a/src/app/components/panels/CreateEventPanel.tsx b/src/app/components/panels/CreateEventPanel.tsx
index 386b1288..cff637d1 100644
--- a/src/app/components/panels/CreateEventPanel.tsx
+++ b/src/app/components/panels/CreateEventPanel.tsx
@@ -429,18 +429,33 @@ export function CreateEventPanel({
disabled={form.registrationRequired !== "Yes"}
>
{form.registrationRequired === "Yes" ? "Select mode" : "N/A"}
- Open Invite Only Approval Required
+ Open Invite Only
+
+ f("registrationApproval", v as "auto" | "manual")}
+ options={[
+ { label: "Auto Confirm", value: "auto" },
+ { label: "Manual Confirm", value: "manual" },
+ ]}
+ disabled={form.registrationRequired !== "Yes"}
+ />
+
f("verifyEmail", v as "Yes" | "No")}
options={[{ label: "Yes", value: "Yes" }, { label: "No", value: "No" }]} />
+
+
{form.registrationRequired === "Yes" ? "Select mode" : "N/A"}
Open
Invite Only
- Approval Required
+
+ f("registrationApproval", v as "auto" | "manual")}
+ options={[
+ { label: "Auto Confirm", value: "auto" },
+ { label: "Manual Confirm", value: "manual" },
+ ]}
+ disabled={form.registrationRequired !== "Yes"}
+ />
+
+
+
{
nextPatch.allowOther = false;
nextPatch.otherLabel = undefined;
}
+ if (!canConvertValueToTag(next)) {
+ nextPatch.convertToTag = false;
+ }
return nextPatch;
}
/** Types that need a configurable list of choices (dropdown / MC / radio / multi-checkbox). */
const OPTION_FIELD_TYPES = new Set(["Multiple Choice", "Dropdown", "Radio", "Checkboxes"]);
+/** Choice / selectable fields whose submitted labels can become participant tags. */
+const CONVERT_TO_TAG_FIELD_TYPES = new Set([...OPTION_FIELD_TYPES, "Yes / No"]);
+
+function canConvertValueToTag(type: string): boolean {
+ return CONVERT_TO_TAG_FIELD_TYPES.has(type);
+}
+
const FORM_Q_DRAG = "application/x-eventbuzz-form-q";
function reorderList(items: T[], from: number, to: number): T[] {
@@ -183,6 +194,8 @@ interface Question {
fixed?: boolean;
/** Optional note shown below the field on the public form. */
remarks?: string;
+ /** Registration: add submitted value(s) as participant tags. */
+ convertToTag?: boolean;
}
function normalizedOptions(q: Question): string[] {
@@ -429,6 +442,18 @@ function RegExtraFieldRow({ q, types, onPatch, onRemove, idx, dragIndex, onReord
)}
+ {canConvertValueToTag(q.type) ? (
+
+ onPatch({ convertToTag: v === "Yes" })}
+ options={[{ label: "Yes", value: "Yes" }, { label: "No", value: "No" }]}
+ />
+
+ ) : null}
) : null}
{!isSection ? (
@@ -452,14 +477,25 @@ interface FForm {
questions: Question[];
showThankYou: "Yes" | "No";
thankYouMsg: string;
+ formClosedMessage: string;
+ submitErrorMessage: string;
+ captchaFailedMessage: string;
+ registrationClosedMessage: string;
+ registrationDeadlineMessage: string;
+ registrationFullMessage: string;
+ duplicateEmailMessage: string;
+ duplicatePhoneMessage: string;
collectEmail: "Yes" | "No";
anonymous: "Yes" | "No";
publish: "Draft" | "Published";
paymentEnabled: "Yes" | "No";
amount: string;
confirmationEmail: "Yes" | "No";
+ confirmationEmailTemplateId: string;
onSubmitTags: string;
onSubmitListId: string;
+ allowDuplicateEmail: "Yes" | "No";
+ allowDuplicatePhone: "Yes" | "No";
headerShowLogo: "Yes" | "No";
headerShowTitle: "Yes" | "No";
headerShowDateRange: "Yes" | "No";
@@ -468,6 +504,19 @@ interface FForm {
headerShowVenue: "Yes" | "No";
}
+const DEFAULT_FORM_MESSAGES = {
+ thankYouFeedback: "Thank you for your feedback!",
+ thankYouResponse: "Thank you for your response!",
+ formClosed: "This form is not accepting responses.",
+ submitError: "Submit failed. Please try again.",
+ captchaFailed: "Captcha verification failed. Please try again.",
+ registrationClosed: "Registration is closed for this event.",
+ registrationDeadline: "Registration deadline has passed.",
+ registrationFull: "This event has reached maximum participants.",
+ duplicateEmail: "This email is already registered for this event.",
+ duplicatePhone: "This phone number is already registered for this event.",
+} as const;
+
const newQ = (types: string[]): Question => {
const first = types[0];
return {
@@ -487,15 +536,26 @@ const initialForm = (qTypes: string[], isFeedback: boolean): FForm => ({
description: "",
questions: [newQ(qTypes)],
showThankYou: "Yes",
- thankYouMsg: "Thank you for your feedback!",
+ thankYouMsg: isFeedback ? DEFAULT_FORM_MESSAGES.thankYouFeedback : DEFAULT_FORM_MESSAGES.thankYouResponse,
+ formClosedMessage: DEFAULT_FORM_MESSAGES.formClosed,
+ submitErrorMessage: DEFAULT_FORM_MESSAGES.submitError,
+ captchaFailedMessage: DEFAULT_FORM_MESSAGES.captchaFailed,
+ registrationClosedMessage: DEFAULT_FORM_MESSAGES.registrationClosed,
+ registrationDeadlineMessage: DEFAULT_FORM_MESSAGES.registrationDeadline,
+ registrationFullMessage: DEFAULT_FORM_MESSAGES.registrationFull,
+ duplicateEmailMessage: DEFAULT_FORM_MESSAGES.duplicateEmail,
+ duplicatePhoneMessage: DEFAULT_FORM_MESSAGES.duplicatePhone,
collectEmail: "No",
anonymous: isFeedback ? "Yes" : "No",
publish: "Draft",
paymentEnabled: "No",
amount: "",
- confirmationEmail: "Yes",
+ confirmationEmail: "No",
+ confirmationEmailTemplateId: "",
onSubmitTags: "",
onSubmitListId: "",
+ allowDuplicateEmail: "Yes",
+ allowDuplicatePhone: "Yes",
headerShowLogo: "Yes",
headerShowTitle: "Yes",
headerShowDateRange: "Yes",
@@ -627,6 +687,28 @@ function toApiField(q: Question, mode: FormMode): FormField {
}
return withName(withUiType({ label, type: "text", required }, q.type, persistUiType));
}
+ // Registration / web-check-in: also absorb feedback-style labels that may linger in legacy forms.
+ if (q.type === "Star Rating") {
+ return withFieldRemarks({ label, name, type: "stars", required, options: ["1", "2", "3", "4", "5"] }, q.remarks);
+ }
+ if (q.type === "NPS (0–10)") {
+ return withFieldRemarks({
+ label,
+ name,
+ type: "select",
+ required,
+ options: Array.from({ length: 11 }, (_, i) => String(i)),
+ }, q.remarks);
+ }
+ if (q.type === "Multiple Choice" || q.type === "Short Text" || q.type === "Long Text") {
+ if (q.type === "Multiple Choice") {
+ return withFieldRemarks({ label, name, type: "select", required, options: choiceOpts }, q.remarks);
+ }
+ if (q.type === "Long Text") {
+ return withFieldRemarks({ label, name, type: "textarea", required }, q.remarks);
+ }
+ return withFieldRemarks({ label, name, type: "text", required }, q.remarks);
+ }
const type = (REG_TYPE_TO_API[q.type] ?? "text") as FormField["type"];
if (type === "select" || type === "radio" || type === "checkboxes") {
const base = { label, name, type, required, options: choiceOpts };
@@ -648,6 +730,7 @@ function toApiFieldReg(q: Question): FormField {
mapsTo: q.mapsTo || undefined,
customMapsKey: q.mapsTo === "custom" && q.customMapsKey?.trim() ? q.customMapsKey.trim() : undefined,
isFixed: q.fixed === true,
+ convertToTag: canConvertValueToTag(q.type) && q.convertToTag === true,
};
}
@@ -673,6 +756,7 @@ function fromApiFields(fields: FormField[] | undefined, qTypes: string[], mode:
customMapsKey: f.customMapsKey,
fixed: f.isFixed,
remarks: f.remarks ?? "",
+ convertToTag: f.convertToTag === true,
};
});
return assignUniqueFieldNames(questions);
@@ -693,6 +777,7 @@ function fromApiFieldSingle(f: FormField, i: number, qTypes: string[], mode: For
customMapsKey: f.customMapsKey,
fixed: f.isFixed === true,
remarks: f.remarks ?? "",
+ convertToTag: f.convertToTag === true,
};
}
@@ -730,7 +815,7 @@ export function CreateFormPanel({
const isOther = mode === "other";
const isWebCheckIn = mode === "web-check-in";
const TOTAL = isReg ? 5 : 3;
- const qTypes = isReg || isWebCheckIn ? OTHER_Q_TYPES : isOther ? OTHER_Q_TYPES : FEEDBACK_Q_TYPES;
+ const qTypes = isReg || isWebCheckIn ? REG_FIELD_TYPES : isOther ? OTHER_Q_TYPES : FEEDBACK_Q_TYPES;
const isFeedbackOrOther = isFeedback || isOther || isWebCheckIn;
const acc = useAccordion(TOTAL);
@@ -741,6 +826,7 @@ export function CreateFormPanel({
return base;
});
const [fixedLists, setFixedLists] = useState([]);
+ const [emailerTemplates, setEmailerTemplates] = useState([]);
const [sectionErrors, setSectionErrors] = useState>({});
const [submitting, setSubmitting] = useState(false);
const [loading, setLoading] = useState(!!formId);
@@ -788,6 +874,27 @@ export function CreateFormPanel({
}).catch(() => setFixedLists([]));
}, [isReg, listOrgId]);
+ useEffect(() => {
+ if (!isReg) return;
+ if (!listOrgId) {
+ setEmailerTemplates([]);
+ return;
+ }
+ let cancelled = false;
+ void designTemplatesApi
+ .list({ type: "emailer", organization: listOrgId, limit: 200 })
+ .then((r) => {
+ if (cancelled) return;
+ setEmailerTemplates(r.data?.templates ?? []);
+ })
+ .catch(() => {
+ if (!cancelled) setEmailerTemplates([]);
+ });
+ return () => {
+ cancelled = true;
+ };
+ }, [isReg, listOrgId]);
+
useEffect(() => {
if (!formId) return;
let cancelled = false;
@@ -808,15 +915,30 @@ export function CreateFormPanel({
description: data.description ?? "",
questions: questions.length ? questions : (data.type === "registration" ? initialRegQuestions() : [newQ(qTypes)]),
showThankYou: s.showThankYou === false ? "No" : "Yes",
- thankYouMsg: s.thankYouMessage?.trim() ? s.thankYouMessage : "Thank you for your feedback!",
+ thankYouMsg: s.thankYouMessage?.trim()
+ ? s.thankYouMessage
+ : (isFeedbackOrOther ? DEFAULT_FORM_MESSAGES.thankYouFeedback : DEFAULT_FORM_MESSAGES.thankYouResponse),
+ formClosedMessage: s.formClosedMessage?.trim() || DEFAULT_FORM_MESSAGES.formClosed,
+ submitErrorMessage: s.submitErrorMessage?.trim() || DEFAULT_FORM_MESSAGES.submitError,
+ captchaFailedMessage: s.captchaFailedMessage?.trim() || DEFAULT_FORM_MESSAGES.captchaFailed,
+ registrationClosedMessage: s.registrationClosedMessage?.trim() || DEFAULT_FORM_MESSAGES.registrationClosed,
+ registrationDeadlineMessage: s.registrationDeadlineMessage?.trim() || DEFAULT_FORM_MESSAGES.registrationDeadline,
+ registrationFullMessage: s.registrationFullMessage?.trim() || DEFAULT_FORM_MESSAGES.registrationFull,
+ duplicateEmailMessage: s.duplicateEmailMessage?.trim() || DEFAULT_FORM_MESSAGES.duplicateEmail,
+ duplicatePhoneMessage: s.duplicatePhoneMessage?.trim() || DEFAULT_FORM_MESSAGES.duplicatePhone,
collectEmail: s.collectEmail ? "Yes" : "No",
anonymous: s.allowAnonymous ? "Yes" : (isFeedbackOrOther ? "Yes" : "No"),
publish: s.isActive !== false ? "Published" : "Draft",
paymentEnabled: s.paymentEnabled ? "Yes" : "No",
amount: s.paymentAmount != null && s.paymentAmount !== "" ? String(s.paymentAmount) : "",
- confirmationEmail: s.sendConfirmationEmail === false ? "No" : "Yes",
+ confirmationEmail: s.sendConfirmationEmail === true ? "Yes" : "No",
+ confirmationEmailTemplateId: s.confirmationEmailTemplateId
+ ? String(s.confirmationEmailTemplateId)
+ : "",
onSubmitTags: tags,
onSubmitListId: s.onSubmitParticipantListId ?? "",
+ allowDuplicateEmail: s.allowDuplicateEmail === false ? "No" : "Yes",
+ allowDuplicatePhone: s.allowDuplicatePhone === false ? "No" : "Yes",
headerShowLogo: header.showLogo,
headerShowTitle: header.showTitle,
headerShowDateRange: header.showDateRange,
@@ -876,7 +998,11 @@ export function CreateFormPanel({
return anyLabel && choicesOk;
}
if (n === 3 && isReg) return true;
- if (n === 4 && isReg) return true;
+ if (n === 4 && isReg) {
+ if (f.confirmationEmail === "Yes" && !f.confirmationEmailTemplateId.trim()) return false;
+ if (f.paymentEnabled === "Yes" && !f.amount.trim()) return false;
+ return true;
+ }
if (n === (isReg ? 5 : 3)) return true;
return true;
}, [isReg, isWebCheckIn, selectedEventId]);
@@ -910,6 +1036,13 @@ export function CreateFormPanel({
paymentEnabled: form.paymentEnabled === "Yes",
paymentAmount: form.paymentEnabled === "Yes" && form.amount.trim() ? form.amount.trim() : "",
sendConfirmationEmail: form.confirmationEmail === "Yes",
+ confirmationEmailTemplateId:
+ form.confirmationEmail === "Yes" && form.confirmationEmailTemplateId.trim()
+ ? form.confirmationEmailTemplateId.trim()
+ : null,
+ formClosedMessage: form.formClosedMessage.trim(),
+ submitErrorMessage: form.submitErrorMessage.trim(),
+ captchaFailedMessage: form.captchaFailedMessage.trim(),
eventHeader: eventHeaderToApi({
showLogo: form.headerShowLogo,
showTitle: form.headerShowTitle,
@@ -921,7 +1054,14 @@ export function CreateFormPanel({
...(isReg
? {
onSubmitAddTags: tagArr,
- onSubmitParticipantListId: form.onSubmitListId.trim() || null,
+ onSubmitParticipantListId: form.onSubmitListId?.trim() || null,
+ allowDuplicateEmail: form.allowDuplicateEmail !== "No",
+ allowDuplicatePhone: form.allowDuplicatePhone !== "No",
+ registrationClosedMessage: form.registrationClosedMessage.trim(),
+ registrationDeadlineMessage: form.registrationDeadlineMessage.trim(),
+ registrationFullMessage: form.registrationFullMessage.trim(),
+ duplicateEmailMessage: form.duplicateEmailMessage.trim(),
+ duplicatePhoneMessage: form.duplicatePhoneMessage.trim(),
}
: {}),
},
@@ -944,8 +1084,9 @@ export function CreateFormPanel({
}
onSuccess();
onClose();
- } catch {
- setSectionErrors(prev => ({ ...prev, 1: "Failed to save. Please try again." }));
+ } catch (e) {
+ const msg = e instanceof Error && e.message.trim() ? e.message.trim() : "Failed to save. Please try again.";
+ setSectionErrors((prev) => ({ ...prev, 1: msg }));
} finally {
setSubmitting(false);
}
@@ -1118,7 +1259,7 @@ export function CreateFormPanel({