- {
+ if (!badgeDeleting) setBadgeDeleteConfirm(null);
+ }}
+ variant="danger"
+ />
+ )}
);
}
diff --git a/src/app/components/global/SettingsPage.tsx b/src/app/components/global/SettingsPage.tsx
index 423ee78f..428a03e6 100644
--- a/src/app/components/global/SettingsPage.tsx
+++ b/src/app/components/global/SettingsPage.tsx
@@ -1313,6 +1313,7 @@ function EmailDeliverySection() {
const [hasPassword, setHasPassword] = useState(false);
const [fromName, setFromName] = useState("");
const [fromAddress, setFromAddress] = useState("");
+ const [replyTo, setReplyTo] = useState("");
const [testTo, setTestTo] = useState("");
const [msg, setMsg] = useState("");
const [err, setErr] = useState("");
@@ -1333,6 +1334,7 @@ function EmailDeliverySection() {
setHasPassword(d.hasPassword);
setFromName(d.fromName || "");
setFromAddress(d.fromAddress || "");
+ setReplyTo(d.replyTo || "");
}
} catch (e) {
setErr(e instanceof Error ? e.message : "Failed to load");
@@ -1358,6 +1360,7 @@ function EmailDeliverySection() {
password: password || undefined,
fromName,
fromAddress,
+ replyTo,
});
if (r.error) throw new Error(r.error);
setPassword("");
@@ -1388,7 +1391,10 @@ function EmailDeliverySection() {
return (
-
+
- EB
-
- EventBuzz
-
-
+
{err &&
setFromName(e.target.value)} onFocus={focusIn} onBlur={focusOut} />
+
-
- setFromAddress(e.target.value)} placeholder="hello@yourdomain.com" onFocus={focusIn} onBlur={focusOut} />
+
+ setFromAddress(e.target.value)}
+ placeholder="hello@yourdomain.com"
+ onFocus={focusIn}
+ onBlur={focusOut}
+ disabled={!enabled}
+ />
+
+
+
+ setReplyTo(e.target.value)}
+ placeholder="replies@yourdomain.com"
+ onFocus={focusIn}
+ onBlur={focusOut}
+ />
+
diff --git a/src/app/components/messaging/mergePlaceholders.ts b/src/app/components/messaging/mergePlaceholders.ts
index 1781d310..a78991f4 100644
--- a/src/app/components/messaging/mergePlaceholders.ts
+++ b/src/app/components/messaging/mergePlaceholders.ts
@@ -6,6 +6,7 @@ export const EMAIL_PLACEHOLDERS: { token: string; label: string }[] = [
{ token: "{{contact.email}}", label: "Email" },
{ token: "{{contact.organization}}", label: "Company" },
{ token: "{{contact.phone}}", label: "Phone" },
+ { token: "{{contact.qrImage}}", label: "Participant QR" },
{ token: "{{event.name}}", label: "Event name" },
{ token: "{{event.startDate}}", label: "Event start" },
{ token: "{{event.endDate}}", label: "Event end" },
@@ -17,7 +18,7 @@ export const EMAIL_PLACEHOLDERS: { token: string; label: string }[] = [
/** Dropdown options: map each Meta `{{n}}` to a contact/event field for sending (samples still required for Meta review). */
export const WA_TEMPLATE_MERGE_OPTIONS: { mergeKey: string; label: string }[] = [
{ mergeKey: "", label: "— None (manual sample only) —" },
- ...EMAIL_PLACEHOLDERS.map(({ token, label }) => ({
+ ...EMAIL_PLACEHOLDERS.filter((p) => p.token !== "{{contact.qrImage}}").map(({ token, label }) => ({
mergeKey: token.replace(/^\{\{|\}\}$/g, "").trim(),
label,
})),
diff --git a/src/app/components/panels/AddExhibitorPanel.tsx b/src/app/components/panels/AddExhibitorPanel.tsx
new file mode 100644
index 00000000..9fc4fed9
--- /dev/null
+++ b/src/app/components/panels/AddExhibitorPanel.tsx
@@ -0,0 +1,513 @@
+import React, { useMemo, useRef, useState } from "react";
+import { ChevronDown, Upload } from "lucide-react";
+import {
+ exhibitorsApi,
+ uploadMediaFile,
+ type ApiExhibitor,
+ type ExhibitorPayload,
+ type ExhibitorStatus,
+} from "../../../services/api";
+import { PanelShell } from "./PanelShell";
+
+const IS: React.CSSProperties = {
+ width: "100%",
+ padding: "8px 12px",
+ border: "1px solid var(--border)",
+ borderRadius: "var(--radius-button)",
+ background: "var(--input-background)",
+ fontSize: "var(--text-sm)",
+ fontFamily: "var(--font-noto-sans)",
+ color: "var(--card-foreground)",
+ outline: "none",
+ boxSizing: "border-box",
+};
+
+const SS: React.CSSProperties = {
+ ...IS,
+ cursor: "pointer",
+ appearance: "none",
+ paddingRight: "32px",
+};
+
+const STATUS_OPTIONS: { value: ExhibitorStatus; label: string }[] = [
+ { value: "published", label: "Published" },
+ { value: "draft", label: "Draft" },
+ { value: "hidden", label: "Hidden" },
+];
+
+type FormState = {
+ name: string;
+ status: ExhibitorStatus;
+ logo: string;
+ shortDescription: string;
+ description: string;
+ category: string;
+ boothNumber: string;
+ hall: string;
+ website: string;
+ isFeatured: boolean;
+ contactName: string;
+ contactEmail: string;
+ contactPhone: string;
+ linkedin: string;
+ twitter: string;
+ instagram: string;
+ socialWebsite: string;
+ productsText: string;
+ internalNotes: string;
+};
+
+function fromExhibitor(ex?: ApiExhibitor | null): FormState {
+ return {
+ name: ex?.name || "",
+ status: ex?.status || "published",
+ logo: ex?.logo || "",
+ shortDescription: ex?.shortDescription || "",
+ description: ex?.description || "",
+ category: ex?.category || "",
+ boothNumber: ex?.boothNumber || "",
+ hall: ex?.hall || "",
+ website: ex?.website || "",
+ isFeatured: Boolean(ex?.isFeatured),
+ contactName: ex?.contactName || "",
+ contactEmail: ex?.contactEmail || "",
+ contactPhone: ex?.contactPhone || "",
+ linkedin: ex?.socialLinks?.linkedin || "",
+ twitter: ex?.socialLinks?.twitter || "",
+ instagram: ex?.socialLinks?.instagram || "",
+ socialWebsite: ex?.socialLinks?.website || "",
+ productsText: Array.isArray(ex?.products) ? ex!.products!.join(", ") : "",
+ internalNotes: ex?.internalNotes || "",
+ };
+}
+
+function Label({ text, required }: { text: string; required?: boolean }) {
+ return (
+
+ );
+}
+
+function Field({ children, error }: { children: React.ReactNode; error?: string }) {
+ return (
+ (() => fromExhibitor(exhibitor));
+ const [errors, setErrors] = useState>({});
+ const [saving, setSaving] = useState(false);
+ const [saveErr, setSaveErr] = useState(null);
+ const [uploadingLogo, setUploadingLogo] = useState(false);
+ const [showOps, setShowOps] = useState(Boolean(exhibitor?.internalNotes));
+ const logoInputRef = useRef(null);
+
+ const set = (key: K, value: FormState[K]) => {
+ setForm((prev) => ({ ...prev, [key]: value }));
+ if (errors[key]) setErrors((prev) => {
+ const next = { ...prev };
+ delete next[key];
+ return next;
+ });
+ };
+
+ const completedCount = useMemo(() => (form.name.trim() ? 1 : 0), [form.name]);
+
+ const buildPayload = (): ExhibitorPayload => {
+ const products = form.productsText
+ .split(/[,;\n]/)
+ .map((t) => t.trim())
+ .filter(Boolean);
+ return {
+ name: form.name.trim(),
+ status: form.status,
+ logo: form.logo.trim() || undefined,
+ shortDescription: form.shortDescription.trim() || undefined,
+ description: form.description.trim() || undefined,
+ category: form.category.trim() || undefined,
+ boothNumber: form.boothNumber.trim() || undefined,
+ hall: form.hall.trim() || undefined,
+ website: form.website.trim() || undefined,
+ isFeatured: form.isFeatured,
+ contactName: form.contactName.trim() || undefined,
+ contactEmail: form.contactEmail.trim() || undefined,
+ contactPhone: form.contactPhone.trim() || undefined,
+ socialLinks: {
+ linkedin: form.linkedin.trim() || undefined,
+ twitter: form.twitter.trim() || undefined,
+ instagram: form.instagram.trim() || undefined,
+ website: form.socialWebsite.trim() || undefined,
+ },
+ products,
+ internalNotes: form.internalNotes.trim() || undefined,
+ };
+ };
+
+ const validate = () => {
+ const next: Record = {};
+ if (!form.name.trim()) next.name = "Company / brand name is required.";
+ if (form.contactEmail.trim() && !/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(form.contactEmail.trim())) {
+ next.contactEmail = "Enter a valid email.";
+ }
+ setErrors(next);
+ return Object.keys(next).length === 0;
+ };
+
+ const submit = async () => {
+ setSaveErr(null);
+ if (!validate()) return;
+ setSaving(true);
+ const payload = buildPayload();
+ const res = isEdit
+ ? await exhibitorsApi.update(exhibitor!._id, payload)
+ : await exhibitorsApi.create(eventId, payload);
+ setSaving(false);
+ if (res.error) {
+ setSaveErr(typeof res.error === "string" ? res.error : "Could not save exhibitor.");
+ return;
+ }
+ onSuccess?.();
+ onClose();
+ };
+
+ const uploadLogo = async (file: File | null) => {
+ if (!file) return;
+ setUploadingLogo(true);
+ setSaveErr(null);
+ try {
+ const res = await uploadMediaFile(file, { eventId, module: "exhibitors/logo" });
+ if (!res?.url) throw new Error("Upload did not return a URL");
+ set("logo", res.url);
+ } catch (e) {
+ setSaveErr(e instanceof Error ? e.message : "Logo upload failed.");
+ } finally {
+ setUploadingLogo(false);
+ }
+ };
+
+ return (
+ void submit()}
+ showProgress={false}
+ panelWidth="min(640px, 100vw)"
+ >
+
{err}
} {msg &&{msg}
}+ Used even when custom SMTP is off. +
+ Required when custom SMTP is on. Ignored when off (platform From email is used). +
+ Used even when custom SMTP is off. When custom SMTP is on and this is blank, defaults to From email. +
+
+ {children}
+ {error ? (
+
+ );
+}
+
+function SelectWrap({ children }: { children: React.ReactNode }) {
+ return (
+ + {error} +
+ ) : null} +
+ {children}
+
+ );
+}
+
+export function AddExhibitorPanel({
+ eventId,
+ eventName,
+ exhibitor,
+ onClose,
+ onSuccess,
+}: {
+ eventId: string;
+ eventName?: string;
+ exhibitor?: ApiExhibitor | null;
+ onClose: () => void;
+ onSuccess?: () => void;
+}) {
+ const isEdit = Boolean(exhibitor?._id);
+ const [form, setForm] = useState
+ {saveErr ? (
+
+
+ set("name", e.target.value)} style={IS} placeholder="e.g. Acme Devices" />
+
+
+
+
+
+
+
+
+ set("shortDescription", e.target.value)}
+ style={IS}
+ placeholder="1–2 lines for cards"
+ maxLength={180}
+ />
+
+
+
+
+
+ {saveErr} +
+ ) : null} + +
+
+
+
+
+
+
+
+
+ set("category", e.target.value)}
+ style={IS}
+ placeholder="e.g. Pharma, Devices"
+ />
+
+
+
+
+ {form.logo ? (
+ 
+ ) : null}
+
+ {
+ const file = e.target.files?.[0] || null;
+ e.target.value = "";
+ void uploadLogo(file);
+ }}
+ />
+
+ set("logo", e.target.value)}
+ style={{ ...IS, marginTop: 8 }}
+ placeholder="Or paste logo URL"
+ />
+