@scalemule/news-publication 0.0.61 → 0.0.63

package/dist/chunk-3QU6BJVF.js

@@ -0,0 +1,540 @@
+"use client";
+import { ToyRoundMark } from './chunk-CHF3YPDV.js';
+import { TOY_SAFETY, TOY_CATEGORIES, TOY_AGE_RANGES, TOY_CONDITIONS, TOY_CPSC_RECALLS_URL, TOY_EXCLUSIONS, TOY_STATUS_LABELS } from './chunk-FHRO2Z3F.js';
+import { useState, useRef, useEffect } from 'react';
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+
+async function toyCall(url, method = "GET", data) {
+  const response = await fetch(url, {
+    method,
+    credentials: "same-origin",
+    headers: data instanceof FormData ? void 0 : { "content-type": "application/json" },
+    body: data === void 0 ? void 0 : data instanceof FormData ? data : JSON.stringify(data)
+  });
+  const body = await response.json().catch(() => ({}));
+  if (!response.ok) {
+    const error = new Error(typeof body.error === "string" ? body.error : body.error?.message || "Please try again.");
+    error.code = typeof body.code === "string" ? body.code : void 0;
+    throw error;
+  }
+  return body.data ?? body;
+}
+function ToySignIn({ returnTo = "/account", authPath = "/api/paw-auth" }) {
+  const [busy, setBusy] = useState(false), [error, setError] = useState("");
+  return /* @__PURE__ */ jsxs("div", { className: "toy-signin", children: [
+    /* @__PURE__ */ jsx(
+      "button",
+      {
+        className: "toy-button",
+        disabled: busy,
+        onClick: async () => {
+          setBusy(true);
+          setError("");
+          try {
+            const { url } = await toyCall(authPath + "/start?" + new URLSearchParams({ next: returnTo }), "POST");
+            window.location.assign(url);
+          } catch (e) {
+            setError(e instanceof Error ? e.message : "Sign-in is unavailable.");
+            setBusy(false);
+          }
+        },
+        children: busy ? "Opening sign-in\u2026" : "Continue with your network sign-in"
+      }
+    ),
+    error && /* @__PURE__ */ jsx("p", { role: "alert", className: "toy-error", children: error }),
+    /* @__PURE__ */ jsx("p", { className: "toy-note", children: "Your existing Bay Area News Network sign-in works here. Browsing never needs an account." })
+  ] });
+}
+function ToyMemberSetup({ member, apiPath = "/api/toys", compact = false }) {
+  const [name, setName] = useState(member.display_name === "Neighbor" ? "" : member.display_name), [home, setHome] = useState(member.community?.id || ""), [attest, setAttest] = useState(member.verification.adult_attested), [revision, setRevision] = useState(member.revision), [saved, setSaved] = useState(member.verification.adult_attested), [message, setMessage] = useState(""), [busy, setBusy] = useState(false);
+  const [phone, setPhone] = useState(""), [code, setCode] = useState(""), [sent, setSent] = useState(false), [phoneVerified, setPhoneVerified] = useState(member.verification.phone_verified), [phoneMessage, setPhoneMessage] = useState("");
+  const ready = saved && member.verification.email_verified && phoneVerified;
+  return /* @__PURE__ */ jsxs("section", { className: `toy-form toy-setup${compact ? " toy-setup-compact" : ""}`, "aria-labelledby": "toy-setup-title", children: [
+    /* @__PURE__ */ jsx("h2", { id: "toy-setup-title", children: ready ? "You're ready to give, swap and request." : "Three quick steps before you can list or request." }),
+    /* @__PURE__ */ jsxs("ol", { className: "toy-checklist", children: [
+      /* @__PURE__ */ jsxs("li", { className: member.verification.email_verified ? "done" : "", children: [
+        /* @__PURE__ */ jsx("strong", { children: "Verified email" }),
+        /* @__PURE__ */ jsx("span", { children: member.verification.email_verified ? "Confirmed through your network sign-in." : "Confirm your email from your network account, then sign in again." })
+      ] }),
+      /* @__PURE__ */ jsxs("li", { className: phoneVerified ? "done" : "", children: [
+        /* @__PURE__ */ jsx("strong", { children: "Verified phone" }),
+        phoneVerified ? /* @__PURE__ */ jsxs("span", { children: [
+          "A working mobile number is confirmed. ",
+          TOY_SAFETY.verification
+        ] }) : /* @__PURE__ */ jsxs(
+          "form",
+          {
+            onSubmit: async (event) => {
+              event.preventDefault();
+              setBusy(true);
+              setPhoneMessage("");
+              try {
+                if (!sent) {
+                  await toyCall(apiPath + "/phone", "POST", { action: "send", phone });
+                  setSent(true);
+                  setPhoneMessage("We sent a code by text message.");
+                } else {
+                  await toyCall(apiPath + "/phone", "POST", { action: "verify", phone, code });
+                  setPhoneVerified(true);
+                  setPhoneMessage("Phone verified.");
+                }
+              } catch (e) {
+                setPhoneMessage(e instanceof Error ? e.message : "Please try again.");
+              } finally {
+                setBusy(false);
+              }
+            },
+            children: [
+              /* @__PURE__ */ jsxs("label", { children: [
+                "Mobile number",
+                /* @__PURE__ */ jsx("input", { type: "tel", value: phone, onChange: (e) => setPhone(e.target.value), placeholder: "+1 925 555 0100", autoComplete: "tel", required: true })
+              ] }),
+              sent && /* @__PURE__ */ jsxs("label", { children: [
+                "Code from the text message",
+                /* @__PURE__ */ jsx("input", { inputMode: "numeric", value: code, onChange: (e) => setCode(e.target.value), autoComplete: "one-time-code", required: true })
+              ] }),
+              /* @__PURE__ */ jsx("button", { disabled: busy, children: sent ? "Confirm code" : "Send code" }),
+              sent && /* @__PURE__ */ jsx("button", { type: "button", className: "toy-link-button", disabled: busy, onClick: () => setSent(false), children: "Use a different number" }),
+              phoneMessage && /* @__PURE__ */ jsx("p", { role: "status", children: phoneMessage }),
+              /* @__PURE__ */ jsxs("small", { children: [
+                "Your number is used for verification and is never shown to other members. ",
+                TOY_SAFETY.verification
+              ] })
+            ]
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs("li", { className: saved ? "done" : "", children: [
+        /* @__PURE__ */ jsx("strong", { children: "Your public name, community and 18+ statement" }),
+        /* @__PURE__ */ jsxs(
+          "form",
+          {
+            onSubmit: async (event) => {
+              event.preventDefault();
+              setBusy(true);
+              setMessage("");
+              try {
+                const result = await toyCall(apiPath + "/member", "PUT", {
+                  expected_revision: revision,
+                  display_name: name.trim(),
+                  home_area_id: home || null,
+                  adult_attestation: { version: member.adult_attestation.version, accepted: attest }
+                });
+                setRevision(result.revision);
+                setSaved(attest);
+                setMessage(attest ? "Saved." : "Saved. Confirm the 18+ statement to list or request toys.");
+              } catch (e) {
+                setMessage(e instanceof Error ? e.message : "Please try again.");
+              } finally {
+                setBusy(false);
+              }
+            },
+            children: [
+              /* @__PURE__ */ jsxs("label", { children: [
+                "First name or display name",
+                /* @__PURE__ */ jsx("input", { value: name, onChange: (e) => setName(e.target.value), maxLength: 60, required: true, placeholder: "Shown on your listings" })
+              ] }),
+              /* @__PURE__ */ jsxs("label", { children: [
+                "Home community",
+                /* @__PURE__ */ jsxs("select", { value: home, onChange: (e) => setHome(e.target.value), children: [
+                  /* @__PURE__ */ jsx("option", { value: "", children: "Choose a community" }),
+                  member.communities.map((c) => /* @__PURE__ */ jsx("option", { value: c.id, children: c.name }, c.id))
+                ] })
+              ] }),
+              /* @__PURE__ */ jsxs("label", { className: "toy-consent", children: [
+                /* @__PURE__ */ jsx("input", { type: "checkbox", checked: attest, onChange: (e) => setAttest(e.target.checked) }),
+                /* @__PURE__ */ jsx("span", { children: member.adult_attestation.text })
+              ] }),
+              /* @__PURE__ */ jsx("small", { children: "We do not ask for your birth date, identity documents or any child's details." }),
+              /* @__PURE__ */ jsx("button", { disabled: busy, children: "Save" }),
+              message && /* @__PURE__ */ jsx("p", { role: "status", children: message })
+            ]
+          }
+        )
+      ] })
+    ] }),
+    member.status === "suspended" && /* @__PURE__ */ jsxs("aside", { className: "toy-suspended", role: "status", children: [
+      /* @__PURE__ */ jsx("h3", { children: "Your account is suspended from the exchange." }),
+      member.moderation_note && /* @__PURE__ */ jsx("p", { children: member.moderation_note }),
+      member.suspended_until && /* @__PURE__ */ jsxs("p", { children: [
+        "Until ",
+        new Date(member.suspended_until).toLocaleDateString(),
+        "."
+      ] }),
+      member.appeal_status === "open" ? /* @__PURE__ */ jsx("p", { children: "Your appeal is with the editors." }) : /* @__PURE__ */ jsx(ToyAppealForm, { apiPath, revision, name: name || member.display_name, home, onSaved: setRevision })
+    ] })
+  ] });
+}
+function ToyAppealForm({ apiPath, revision, name, home, onSaved }) {
+  const [note, setNote] = useState(""), [message, setMessage] = useState(""), [busy, setBusy] = useState(false);
+  return /* @__PURE__ */ jsxs(
+    "form",
+    {
+      onSubmit: async (event) => {
+        event.preventDefault();
+        setBusy(true);
+        try {
+          const result = await toyCall(apiPath + "/member", "PUT", { expected_revision: revision, display_name: name, home_area_id: home || null, appeal_note: note });
+          onSaved(result.revision);
+          setMessage("Your appeal was sent to the editors.");
+        } catch (e) {
+          setMessage(e instanceof Error ? e.message : "Please try again.");
+        } finally {
+          setBusy(false);
+        }
+      },
+      children: [
+        /* @__PURE__ */ jsxs("label", { children: [
+          "Appeal",
+          /* @__PURE__ */ jsx("textarea", { value: note, onChange: (e) => setNote(e.target.value), maxLength: 2e3, required: true })
+        ] }),
+        /* @__PURE__ */ jsx("button", { disabled: busy, children: "Send appeal" }),
+        message && /* @__PURE__ */ jsx("p", { role: "status", children: message })
+      ]
+    }
+  );
+}
+var emptyContent = {
+  title: "",
+  description: "",
+  brand: "",
+  model: "",
+  completeness: "complete",
+  missing_parts: "",
+  age_guidance: "",
+  warnings: "",
+  swap_wishes: "",
+  recall_check: { searched_cpsc: false, searched_at: null, search_terms: "", result: "", notes: "" },
+  attestations: { original_photos: false, damage_disclosed: false, not_excluded: false, not_recalled: false }
+};
+function ToyListingForm({
+  communities,
+  policy,
+  initial,
+  defaultCommunity,
+  apiPath = "/api/toys",
+  accountUrl = "/account",
+  listingBasePath = "/toys"
+}) {
+  const [content, setContent] = useState(initial?.content || emptyContent), [exchangeType, setExchangeType] = useState(initial?.exchange_type || "giveaway"), [category, setCategory] = useState(initial?.category || "building"), [ageRange, setAgeRange] = useState(initial?.age_range || "3-5"), [condition, setCondition] = useState(initial?.condition || "good"), [community, setCommunity] = useState(initial?.area_id || defaultCommunity || ""), [files, setFiles] = useState([]), [step, setStep] = useState(0), [consent, setConsent] = useState(false), [busy, setBusy] = useState(false), [progress, setProgress] = useState(0), [error, setError] = useState(""), [saved, setSaved] = useState();
+  const receipt = useRef(initial ? { id: initial.id, revision: initial.revision } : null);
+  const key = useRef("");
+  const uploads = useRef(/* @__PURE__ */ new Set());
+  useEffect(() => () => files.forEach((f) => URL.revokeObjectURL(f.preview)), [files]);
+  const change = (field, value) => setContent((c) => ({ ...c, [field]: value }));
+  const a = content.attestations;
+  async function save(submit) {
+    setBusy(true);
+    setError("");
+    try {
+      if (!community) throw new Error("Choose the community where you'll exchange.");
+      if (submit && !files.length && !initial?.media.length) throw new Error("Add at least one photo of the actual toy.");
+      if (submit && !consent) throw new Error("Read and accept the publication permission.");
+      const input = {
+        area_id: community,
+        exchange_type: exchangeType,
+        category,
+        age_range: ageRange,
+        condition,
+        content: { ...content, swap_wishes: exchangeType === "swap" ? content.swap_wishes : "", recall_check: { ...content.recall_check, searched_at: content.recall_check.searched_cpsc ? content.recall_check.searched_at || (/* @__PURE__ */ new Date()).toISOString() : null } },
+        consent: consent ? { version: policy.version, accepted: true } : null
+      };
+      if (!key.current) key.current = crypto.randomUUID();
+      if (!receipt.current) {
+        const result2 = await toyCall(apiPath, "POST", { ...input, submit: false, idempotency_key: key.current });
+        receipt.current = { id: result2.id, revision: result2.revision || 1 };
+      } else if (initial && progress === 0 && initial.status !== "draft") {
+      }
+      setProgress(1);
+      for (const [index, photo] of files.entries()) {
+        if (!uploads.current.has(photo.key)) {
+          const form = new FormData();
+          form.set("file", photo.file);
+          form.set("caption", content.title);
+          form.set("attribution", "");
+          form.set("rights_confirmed", "true");
+          form.set("consent_version", policy.version);
+          form.set("idempotency_key", photo.key);
+          await toyCall(`${apiPath}/submissions/${receipt.current.id}/media`, "POST", form);
+          uploads.current.add(photo.key);
+        }
+        setProgress(index + 2);
+      }
+      const result = await toyCall(`${apiPath}/${receipt.current.id}`, "PUT", { ...input, submit, expected_revision: receipt.current.revision });
+      receipt.current = { id: result.id, revision: result.revision };
+      setSaved({ id: result.id, status: result.status });
+    } catch (e) {
+      setError(e instanceof Error ? e.message : "We couldn't save this listing. Please try again.");
+    } finally {
+      setBusy(false);
+    }
+  }
+  if (saved)
+    return /* @__PURE__ */ jsxs("section", { className: "toy-form", role: "status", children: [
+      /* @__PURE__ */ jsx(ToyRoundMark, { size: 56 }),
+      /* @__PURE__ */ jsx("h1", { children: saved.status === "draft" ? "Draft saved." : "Thanks \u2014 your listing is in review." }),
+      /* @__PURE__ */ jsx("p", { children: saved.status === "draft" ? "Only you can see this draft. Submit it when you're ready." : "A local editor checks the photos, the recall search and the disclosures before it appears. You'll see it under My toys." }),
+      /* @__PURE__ */ jsx("a", { className: "toy-button", href: accountUrl, children: "Go to My toys" })
+    ] });
+  return /* @__PURE__ */ jsxs(
+    "form",
+    {
+      className: "toy-form toy-listing-form",
+      noValidate: true,
+      onSubmit: (event) => {
+        event.preventDefault();
+        if (!event.currentTarget.reportValidity()) return;
+        if (step === 0) {
+          setError("");
+          setStep(1);
+          window.scrollTo({ top: 0 });
+        } else void save(true);
+      },
+      children: [
+        /* @__PURE__ */ jsxs("header", { className: "toy-form-intro", children: [
+          /* @__PURE__ */ jsxs("ol", { className: "toy-form-steps", "aria-label": "Listing progress", children: [
+            /* @__PURE__ */ jsx("li", { "aria-current": step === 0 ? "step" : void 0, children: "1. The toy" }),
+            /* @__PURE__ */ jsx("li", { "aria-current": step === 1 ? "step" : void 0, children: "2. Preview & permission" })
+          ] }),
+          /* @__PURE__ */ jsx("h1", { children: step === 0 ? initial ? "Update your listing." : "Give or swap a toy." : "Looks good." }),
+          /* @__PURE__ */ jsx("p", { className: "toy-note", children: step === 0 ? "Real photos, honest condition, and a quick recall search. Editors review every listing." : "Check the details. Nothing is published until an editor approves it." })
+        ] }),
+        step === 0 ? /* @__PURE__ */ jsxs("div", { className: "toy-form-body", children: [
+          /* @__PURE__ */ jsxs("fieldset", { children: [
+            /* @__PURE__ */ jsx("legend", { children: "Giveaway or swap?" }),
+            /* @__PURE__ */ jsxs("label", { className: "toy-radio", children: [
+              /* @__PURE__ */ jsx("input", { type: "radio", name: "exchange_type", checked: exchangeType === "giveaway", onChange: () => setExchangeType("giveaway") }),
+              " Free giveaway \u2014 nothing asked in return"
+            ] }),
+            /* @__PURE__ */ jsxs("label", { className: "toy-radio", children: [
+              /* @__PURE__ */ jsx("input", { type: "radio", name: "exchange_type", checked: exchangeType === "swap", onChange: () => setExchangeType("swap") }),
+              " Direct swap \u2014 a neighbor offers one of their toys"
+            ] }),
+            exchangeType === "swap" && /* @__PURE__ */ jsxs("label", { children: [
+              "What are you hoping to swap for? (optional)",
+              /* @__PURE__ */ jsx("input", { value: content.swap_wishes, maxLength: 300, onChange: (e) => change("swap_wishes", e.target.value), placeholder: "A floor puzzle, a toddler bike\u2026" })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxs("label", { children: [
+            "Toy name",
+            /* @__PURE__ */ jsx("input", { required: true, maxLength: 120, value: content.title, onChange: (e) => change("title", e.target.value), placeholder: "Wooden train set" })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "toy-field-row", children: [
+            /* @__PURE__ */ jsxs("label", { children: [
+              "Category",
+              /* @__PURE__ */ jsx("select", { value: category, onChange: (e) => setCategory(e.target.value), children: TOY_CATEGORIES.map((c) => /* @__PURE__ */ jsx("option", { value: c.key, children: c.label }, c.key)) })
+            ] }),
+            /* @__PURE__ */ jsxs("label", { children: [
+              "Manufacturer age guidance",
+              /* @__PURE__ */ jsx("select", { value: ageRange, onChange: (e) => setAgeRange(e.target.value), children: TOY_AGE_RANGES.map((c) => /* @__PURE__ */ jsx("option", { value: c.key, children: c.label }, c.key)) })
+            ] }),
+            /* @__PURE__ */ jsxs("label", { children: [
+              "Condition",
+              /* @__PURE__ */ jsx("select", { value: condition, onChange: (e) => setCondition(e.target.value), children: TOY_CONDITIONS.map((c) => /* @__PURE__ */ jsx("option", { value: c.key, children: c.label }, c.key)) })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxs("label", { children: [
+            "Community for the exchange",
+            /* @__PURE__ */ jsxs("select", { required: true, value: community, onChange: (e) => setCommunity(e.target.value), children: [
+              /* @__PURE__ */ jsx("option", { value: "", children: "Choose a community" }),
+              communities.map((c) => /* @__PURE__ */ jsx("option", { value: c.id, children: c.name }, c.id))
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxs("label", { children: [
+            "Description",
+            /* @__PURE__ */ jsx("textarea", { required: true, maxLength: 3e3, value: content.description, onChange: (e) => change("description", e.target.value), placeholder: "What's included, how it's been used, anything a neighbor should know." })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "toy-field-row", children: [
+            /* @__PURE__ */ jsxs("label", { children: [
+              "Brand (if known)",
+              /* @__PURE__ */ jsx("input", { maxLength: 100, value: content.brand, onChange: (e) => change("brand", e.target.value) })
+            ] }),
+            /* @__PURE__ */ jsxs("label", { children: [
+              "Model or item number (if known)",
+              /* @__PURE__ */ jsx("input", { maxLength: 100, value: content.model, onChange: (e) => change("model", e.target.value) })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxs("fieldset", { children: [
+            /* @__PURE__ */ jsx("legend", { children: "Completeness and damage" }),
+            /* @__PURE__ */ jsxs("label", { children: [
+              "Is it complete?",
+              /* @__PURE__ */ jsxs("select", { value: content.completeness, onChange: (e) => change("completeness", e.target.value), children: [
+                /* @__PURE__ */ jsx("option", { value: "complete", children: "Complete" }),
+                /* @__PURE__ */ jsx("option", { value: "missing_parts", children: "Missing parts" }),
+                /* @__PURE__ */ jsx("option", { value: "unknown", children: "Not sure" })
+              ] })
+            ] }),
+            content.completeness === "missing_parts" && /* @__PURE__ */ jsxs("label", { children: [
+              "Which parts are missing?",
+              /* @__PURE__ */ jsx("input", { required: true, maxLength: 500, value: content.missing_parts, onChange: (e) => change("missing_parts", e.target.value) })
+            ] }),
+            /* @__PURE__ */ jsxs("label", { children: [
+              "Age guidance and warnings printed on the item (if any)",
+              /* @__PURE__ */ jsx("input", { maxLength: 200, value: content.age_guidance, onChange: (e) => change("age_guidance", e.target.value), placeholder: "Ages 3+, small parts" })
+            ] }),
+            /* @__PURE__ */ jsxs("label", { children: [
+              "Other manufacturer warnings",
+              /* @__PURE__ */ jsx("input", { maxLength: 500, value: content.warnings, onChange: (e) => change("warnings", e.target.value) })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxs("fieldset", { className: "toy-recall", children: [
+            /* @__PURE__ */ jsx("legend", { children: "Recall check" }),
+            /* @__PURE__ */ jsxs("p", { children: [
+              "Search the",
+              " ",
+              /* @__PURE__ */ jsx("a", { href: TOY_CPSC_RECALLS_URL, target: "_blank", rel: "noopener noreferrer", children: "CPSC recall database" }),
+              " ",
+              "for the brand and model. Recalled items can't be listed. ",
+              TOY_SAFETY.recall
+            ] }),
+            /* @__PURE__ */ jsxs("label", { children: [
+              "What did you search for?",
+              /* @__PURE__ */ jsx("input", { maxLength: 200, value: content.recall_check.search_terms, onChange: (e) => change("recall_check", { ...content.recall_check, search_terms: e.target.value }), placeholder: "Brio train 33773" })
+            ] }),
+            /* @__PURE__ */ jsxs("label", { className: "toy-consent", children: [
+              /* @__PURE__ */ jsx("input", { type: "checkbox", checked: content.recall_check.searched_cpsc, onChange: (e) => change("recall_check", { ...content.recall_check, searched_cpsc: e.target.checked, searched_at: e.target.checked ? (/* @__PURE__ */ new Date()).toISOString() : null }) }),
+              /* @__PURE__ */ jsx("span", { children: "I searched the CPSC recall database for this item." })
+            ] }),
+            /* @__PURE__ */ jsxs("label", { children: [
+              "Result",
+              /* @__PURE__ */ jsxs("select", { value: content.recall_check.result, onChange: (e) => change("recall_check", { ...content.recall_check, result: e.target.value }), children: [
+                /* @__PURE__ */ jsx("option", { value: "", children: "Choose" }),
+                /* @__PURE__ */ jsx("option", { value: "no_match_found", children: "I found no recall for this item" }),
+                /* @__PURE__ */ jsx("option", { value: "unsure", children: "I'm not sure \u2014 please have an editor check" }),
+                /* @__PURE__ */ jsx("option", { value: "possible_match", children: "It may be recalled (cannot be listed)" })
+              ] })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxs("fieldset", { className: "toy-exclusions", children: [
+            /* @__PURE__ */ jsx("legend", { children: "Not accepted on ToyRound" }),
+            /* @__PURE__ */ jsx("ul", { children: TOY_EXCLUSIONS.map((item) => /* @__PURE__ */ jsx("li", { children: item.label }, item.key)) })
+          ] }),
+          /* @__PURE__ */ jsxs("label", { className: "toy-photo-picker", children: [
+            "Photos of the actual toy",
+            /* @__PURE__ */ jsx(
+              "input",
+              {
+                type: "file",
+                accept: "image/jpeg,image/png,image/webp",
+                multiple: true,
+                required: !files.length && !initial?.media.length,
+                onChange: (e) => {
+                  const selected = Array.from(e.target.files || []);
+                  if (selected.length + (initial?.media.length || 0) > 10 || selected.some((f) => f.size > 8 * 1024 * 1024 || !["image/jpeg", "image/png", "image/webp"].includes(f.type))) {
+                    setError("Choose up to ten JPEG, PNG or WebP photos, each under 8 MB.");
+                    return;
+                  }
+                  setError("");
+                  setFiles(selected.map((file) => ({ file, key: crypto.randomUUID(), preview: URL.createObjectURL(file) })));
+                }
+              }
+            ),
+            /* @__PURE__ */ jsx("span", { children: files.length ? `${files.length} photo${files.length === 1 ? "" : "s"} selected` : "Choose photos from your device" })
+          ] }),
+          /* @__PURE__ */ jsx("small", { children: "Location data and other metadata are removed from photos. Please keep children out of the pictures." }),
+          files.length > 0 && /* @__PURE__ */ jsx("div", { className: "toy-upload-previews", "aria-label": "Selected photos", children: files.map((file) => /* @__PURE__ */ jsx("img", { src: file.preview, alt: `Selected photo: ${file.file.name}`, width: 120, height: 120 }, file.key)) }),
+          initial?.media.map((photo) => /* @__PURE__ */ jsx("img", { className: "toy-existing-photo", src: `${apiPath}/submissions/${initial.id}/media/${photo.id}`, alt: photo.caption || content.title, width: 160, height: 120 }, photo.id)),
+          /* @__PURE__ */ jsxs("fieldset", { children: [
+            /* @__PURE__ */ jsx("legend", { children: "Your statements" }),
+            /* @__PURE__ */ jsxs("label", { className: "toy-consent", children: [
+              /* @__PURE__ */ jsx("input", { type: "checkbox", required: true, checked: a.original_photos, onChange: (e) => change("attestations", { ...a, original_photos: e.target.checked }) }),
+              /* @__PURE__ */ jsx("span", { children: "These are my own photos of this exact item." })
+            ] }),
+            /* @__PURE__ */ jsxs("label", { className: "toy-consent", children: [
+              /* @__PURE__ */ jsx("input", { type: "checkbox", required: true, checked: a.damage_disclosed, onChange: (e) => change("attestations", { ...a, damage_disclosed: e.target.checked }) }),
+              /* @__PURE__ */ jsx("span", { children: "I have disclosed all damage, wear and missing pieces." })
+            ] }),
+            /* @__PURE__ */ jsxs("label", { className: "toy-consent", children: [
+              /* @__PURE__ */ jsx("input", { type: "checkbox", required: true, checked: a.not_excluded, onChange: (e) => change("attestations", { ...a, not_excluded: e.target.checked }) }),
+              /* @__PURE__ */ jsx("span", { children: "This item is not in a category listed above as not accepted." })
+            ] }),
+            /* @__PURE__ */ jsxs("label", { className: "toy-consent", children: [
+              /* @__PURE__ */ jsx("input", { type: "checkbox", required: true, checked: a.not_recalled, onChange: (e) => change("attestations", { ...a, not_recalled: e.target.checked }) }),
+              /* @__PURE__ */ jsx("span", { children: "To the best of my knowledge this item has not been recalled and is not visibly unsafe." })
+            ] })
+          ] })
+        ] }) : /* @__PURE__ */ jsxs("div", { className: "toy-form-body", children: [
+          /* @__PURE__ */ jsxs("article", { className: "toy-preview", children: [
+            files[0] && /* @__PURE__ */ jsx("img", { src: files[0].preview, alt: `Preview of ${content.title}`, width: 800, height: 600 }),
+            /* @__PURE__ */ jsxs("p", { className: "toy-context", children: [
+              exchangeType === "swap" ? "Swap" : "Free",
+              " \xB7 ",
+              communities.find((c) => c.id === community)?.name
+            ] }),
+            /* @__PURE__ */ jsx("h2", { children: content.title }),
+            /* @__PURE__ */ jsx("p", { style: { whiteSpace: "pre-wrap" }, children: content.description }),
+            /* @__PURE__ */ jsxs("p", { className: "toy-note", children: [
+              TOY_CATEGORIES.find((c) => c.key === category)?.label,
+              " \xB7 ",
+              TOY_AGE_RANGES.find((c) => c.key === ageRange)?.label,
+              " \xB7 ",
+              TOY_CONDITIONS.find((c) => c.key === condition)?.label
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxs("details", { children: [
+            /* @__PURE__ */ jsx("summary", { children: "Publication permission and guidelines" }),
+            /* @__PURE__ */ jsx("p", { children: policy.text }),
+            /* @__PURE__ */ jsx("p", { children: policy.guidelines })
+          ] }),
+          /* @__PURE__ */ jsxs("label", { className: "toy-consent", children: [
+            /* @__PURE__ */ jsx("input", { type: "checkbox", required: true, checked: consent, onChange: (e) => setConsent(e.target.checked) }),
+            /* @__PURE__ */ jsx("span", { children: "I have read and accept the publication permission." })
+          ] })
+        ] }),
+        error && /* @__PURE__ */ jsx("p", { role: "alert", className: "toy-error", children: error }),
+        busy && /* @__PURE__ */ jsxs("label", { children: [
+          "Saving",
+          /* @__PURE__ */ jsx("progress", { value: progress, max: files.length + 2 })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "toy-form-actions", children: [
+          step === 1 && /* @__PURE__ */ jsx("button", { type: "button", className: "toy-button toy-button-secondary", disabled: busy, onClick: () => setStep(0), children: "Keep editing" }),
+          step === 0 && !initial && /* @__PURE__ */ jsx("button", { type: "button", className: "toy-button toy-button-secondary", disabled: busy, onClick: () => void save(false), children: "Save draft" }),
+          /* @__PURE__ */ jsx("button", { className: "toy-button", disabled: busy, type: "submit", children: busy ? "Saving\u2026" : step === 0 ? "Preview listing" : "Submit for review" })
+        ] }),
+        /* @__PURE__ */ jsx("p", { className: "toy-note", children: step === 0 ? "Next: a private preview. Nothing is published yet." : "Your listing stays private until an editor approves it." }),
+        initial && /* @__PURE__ */ jsxs("p", { className: "toy-note", children: [
+          "Current status: ",
+          TOY_STATUS_LABELS[initial.status] || initial.status,
+          ". ",
+          /* @__PURE__ */ jsx("a", { href: `${listingBasePath}/${initial.id}`, children: "View listing" })
+        ] })
+      ]
+    }
+  );
+}
+function ToyOwnerActions({ listing, apiPath = "/api/toys", submitUrl = "/submit" }) {
+  const [error, setError] = useState(""), [confirm, setConfirm] = useState(false), [busy, setBusy] = useState(false);
+  const editable = !["reserved", "completed", "withdrawn"].includes(listing.status);
+  return /* @__PURE__ */ jsxs("div", { className: "toy-form-actions toy-owner-actions", children: [
+    editable && /* @__PURE__ */ jsx("a", { href: `${submitUrl}?edit=${listing.id}`, children: "Edit and resubmit" }),
+    !["completed", "withdrawn"].includes(listing.status) && (confirm ? /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsxs("span", { children: [
+        "Withdraw this listing",
+        listing.status === "reserved" ? " and cancel the current exchange" : "",
+        "?"
+      ] }),
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          className: "toy-button toy-button-secondary",
+          disabled: busy,
+          onClick: async () => {
+            setBusy(true);
+            try {
+              await toyCall(`${apiPath}/${listing.id}`, "DELETE", { expected_revision: listing.revision });
+              window.location.reload();
+            } catch (e) {
+              setError(e instanceof Error ? e.message : "Please try again.");
+              setBusy(false);
+            }
+          },
+          children: "Yes, withdraw"
+        }
+      ),
+      /* @__PURE__ */ jsx("button", { className: "toy-button toy-button-secondary", disabled: busy, onClick: () => setConfirm(false), children: "Keep it" })
+    ] }) : /* @__PURE__ */ jsx("button", { className: "toy-link-button", disabled: busy, onClick: () => setConfirm(true), children: "Withdraw" })),
+    error && /* @__PURE__ */ jsx("p", { role: "alert", children: error })
+  ] });
+}
+
+export { ToyListingForm, ToyMemberSetup, ToyOwnerActions, ToySignIn, toyCall };