@scalemule/news-publication 0.0.61 → 0.0.63

package/dist/toys-interactions.cjs

@@ -0,0 +1,594 @@
+"use client";
+'use strict';
+
+var react = require('react');
+var jsxRuntime = require('react/jsx-runtime');
+
+// src/toys.ts
+var TOY_REPORT_REASONS = [
+  { key: "recalled_or_unsafe", label: "Recalled or unsafe item" },
+  { key: "child_safety", label: "Child safety concern" },
+  { key: "harassment", label: "Harassment or threats" },
+  { key: "scam_or_payment", label: "Asked for money, deposits or codes" },
+  { key: "prohibited_item", label: "Prohibited item" },
+  { key: "inappropriate_photo", label: "Inappropriate photo" },
+  { key: "no_show", label: "No-show" },
+  { key: "misleading_listing", label: "Misleading listing" },
+  { key: "spam", label: "Spam" },
+  { key: "other", label: "Something else" }
+];
+var TOY_REQUEST_STATUS_LABELS = {
+  pending: "Waiting for the owner",
+  accepted: "Accepted \u2014 arrange a meeting",
+  declined: "Declined",
+  cancelled: "Cancelled",
+  completed: "Completed",
+  expired: "Expired"
+};
+var TOY_SAFETY = {
+  meeting: "Meet only at a listed public place during the day, keep arrangements in this thread, and bring someone along if you like. Never share your home address.",
+  money: "ToyRound never involves payments, deposits, shipping fees or verification codes. Anyone asking for them is breaking the rules \u2014 report them."};
+function formatLocalStart(localStart, timezone) {
+  const [date, time] = localStart.split("T");
+  if (!date || !time) return localStart;
+  try {
+    const day = (/* @__PURE__ */ new Date(date + "T12:00:00Z")).toLocaleDateString("en-US", {
+      weekday: "short",
+      month: "short",
+      day: "numeric",
+      timeZone: "UTC"
+    });
+    const [h, m] = time.split(":").map(Number);
+    const hour12 = (h + 11) % 12 + 1;
+    const zone = timezone.split("/").pop()?.replaceAll("_", " ") || timezone;
+    return `${day}, ${hour12}:${String(m).padStart(2, "0")} ${h >= 12 ? "PM" : "AM"} (${zone} time)`;
+  } catch {
+    return localStart;
+  }
+}
+var TOY_DAY_LABELS = {
+  mon: "Mon",
+  tue: "Tue",
+  wed: "Wed",
+  thu: "Thu",
+  fri: "Fri",
+  sat: "Sat",
+  sun: "Sun"
+};
+function hoursSummary(hours) {
+  return Object.entries(hours).map(([day, ranges]) => `${TOY_DAY_LABELS[day] || day} ${ranges.map(([o, c]) => `${o}\u2013${c}`).join(", ")}`).join(" \xB7 ");
+}
+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 ToyCommunityMemory({ selected, communityPath = "/api/toy-community" }) {
+  const [error, setError] = react.useState("");
+  react.useEffect(() => {
+    if (selected === void 0) return;
+    void toyCall(communityPath, "POST", { area_id: selected }).catch(() => setError("Your community could not be remembered on this device."));
+  }, [selected, communityPath]);
+  return error ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "toy-note", role: "status", children: error }) : null;
+}
+function ToySignOut({ returnTo = "/", authPath = "/api/paw-auth" }) {
+  const [error, setError] = react.useState("");
+  return /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "button",
+      {
+        className: "toy-link-button",
+        onClick: async () => {
+          try {
+            await toyCall(authPath + "/logout", "POST");
+            window.location.assign(returnTo);
+          } catch {
+            setError("Sign-out could not be completed.");
+          }
+        },
+        children: "Sign out"
+      }
+    ),
+    error && /* @__PURE__ */ jsxRuntime.jsxs("span", { role: "alert", children: [
+      " ",
+      error
+    ] })
+  ] });
+}
+function ReportForm({ target, apiPath, onDone, reasons = TOY_REPORT_REASONS }) {
+  const key = react.useRef("");
+  const [busy, setBusy] = react.useState(false);
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "form",
+    {
+      className: "toy-report",
+      onSubmit: async (event) => {
+        event.preventDefault();
+        const data = new FormData(event.currentTarget);
+        setBusy(true);
+        try {
+          if (!key.current) key.current = crypto.randomUUID();
+          await toyCall(`${apiPath}/${target}/reports`, "POST", { reason: data.get("reason"), details: data.get("details"), idempotency_key: key.current });
+          onDone("Your private report went to the editors.");
+        } catch (e) {
+          onDone(e instanceof Error ? e.message : "Please try again.");
+        } finally {
+          setBusy(false);
+        }
+      },
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("label", { children: [
+          "Reason",
+          /* @__PURE__ */ jsxRuntime.jsx("select", { name: "reason", children: reasons.map((r) => /* @__PURE__ */ jsxRuntime.jsx("option", { value: r.key, children: r.label }, r.key)) })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs("label", { children: [
+          "Tell the editors",
+          /* @__PURE__ */ jsxRuntime.jsx("textarea", { name: "details", required: true, maxLength: 2e3 })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "toy-note", children: "Only editors read reports. Recall and child-safety reports hide a listing immediately pending review." }),
+        /* @__PURE__ */ jsxRuntime.jsx("button", { className: "toy-button toy-button-secondary", disabled: busy, children: "Send private report" })
+      ]
+    }
+  );
+}
+function ToyListingActions({ listing, signedIn, apiPath = "/api/toys", accountUrl = "/account", listingPath }) {
+  const [reporting, setReporting] = react.useState(false), [blocked, setBlocked] = react.useState(null), [message, setMessage] = react.useState("");
+  react.useEffect(() => {
+    if (signedIn && listing.owner)
+      void toyCall(`${apiPath}/profiles/${listing.owner.id}/block`).then((v) => setBlocked(v.active)).catch(() => setBlocked(null));
+  }, [signedIn, listing.owner, apiPath]);
+  return /* @__PURE__ */ jsxRuntime.jsxs("section", { className: "toy-listing-actions", "aria-label": "Share, report or block", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "toy-form-actions", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "button",
+        {
+          className: "toy-link-button",
+          onClick: async () => {
+            try {
+              if (navigator.share) await navigator.share({ title: listing.content.title, url: window.location.href });
+              else {
+                await navigator.clipboard.writeText(window.location.href);
+                setMessage("Link copied.");
+              }
+            } catch (error) {
+              if (!(error instanceof DOMException && error.name === "AbortError")) setMessage("You can copy the page address to share this listing.");
+            }
+          },
+          children: "Share"
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx("button", { className: "toy-link-button", "aria-expanded": reporting, onClick: () => setReporting(!reporting), children: "Report this listing" }),
+      signedIn && listing.owner && blocked !== null && /* @__PURE__ */ jsxRuntime.jsx(
+        "button",
+        {
+          className: "toy-link-button",
+          onClick: async () => {
+            try {
+              const result = await toyCall(`${apiPath}/profiles/${listing.owner.id}/block`, "PUT", { active: !blocked });
+              setBlocked(result.active);
+              setMessage(result.active ? "This member is blocked. They can't request your toys or message you." : "Block removed.");
+            } catch (e) {
+              setMessage(e instanceof Error ? e.message : "Please try again.");
+            }
+          },
+          children: blocked ? "Unblock this member" : "Block this member"
+        }
+      )
+    ] }),
+    reporting && (signedIn ? /* @__PURE__ */ jsxRuntime.jsx(
+      ReportForm,
+      {
+        target: listing.id,
+        apiPath,
+        onDone: (m) => {
+          setReporting(false);
+          setMessage(m);
+        }
+      }
+    ) : /* @__PURE__ */ jsxRuntime.jsx("p", { children: /* @__PURE__ */ jsxRuntime.jsx("a", { href: accountUrl + "?next=" + encodeURIComponent(listingPath), children: "Sign in to send a private report." }) })),
+    message && /* @__PURE__ */ jsxRuntime.jsx("p", { role: "status", children: message })
+  ] });
+}
+function ToyRequestPanel({
+  listing,
+  signedIn,
+  ready,
+  ownListings = [],
+  apiPath = "/api/toys",
+  accountUrl = "/account",
+  exchangeBasePath = "/exchanges",
+  listingPath,
+  locationsAvailable
+}) {
+  const [open, setOpen] = react.useState(false), [offered, setOffered] = react.useState(""), [note, setNote] = react.useState(""), [busy, setBusy] = react.useState(false), [error, setError] = react.useState(""), [done, setDone] = react.useState();
+  const key = react.useRef("");
+  const swap = listing.exchange_type === "swap";
+  const available = ownListings.filter((l) => l.status === "available");
+  if (listing.status !== "available")
+    return /* @__PURE__ */ jsxRuntime.jsx("p", { className: "toy-note", role: "status", children: "This toy is currently reserved for another neighbor. If that exchange doesn't happen, it becomes available again." });
+  if (done)
+    return /* @__PURE__ */ jsxRuntime.jsxs("p", { role: "status", className: "toy-success", children: [
+      "Sent. The owner decides next. ",
+      /* @__PURE__ */ jsxRuntime.jsx("a", { href: `${exchangeBasePath}/${done}`, children: "Open the conversation" }),
+      "."
+    ] });
+  if (!signedIn)
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "toy-request-panel", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("a", { className: "toy-button", href: accountUrl + "?next=" + encodeURIComponent(listingPath), children: swap ? "Sign in to offer a swap" : "Sign in to request this toy" }),
+      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "toy-note", children: "Requesting needs an adult account with verified email and phone. Browsing never does." })
+    ] });
+  if (!ready)
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "toy-request-panel", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("a", { className: "toy-button", href: accountUrl + "?next=" + encodeURIComponent(listingPath), children: [
+        "Finish account setup to ",
+        swap ? "offer a swap" : "request this toy"
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "toy-note", children: "Confirm you're 18 or older and verify your phone first. It takes a minute." })
+    ] });
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "toy-request-panel", children: [
+    !locationsAvailable && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "toy-note", children: "No checked meeting places are listed for this community yet. You can send a request, but an exchange can't be scheduled until a public meeting place is added." }),
+    !open ? /* @__PURE__ */ jsxRuntime.jsx("button", { className: "toy-button", onClick: () => setOpen(true), children: swap ? "Offer a swap" : "Request this toy" }) : /* @__PURE__ */ jsxRuntime.jsxs(
+      "form",
+      {
+        className: "toy-form",
+        onSubmit: async (event) => {
+          event.preventDefault();
+          setBusy(true);
+          setError("");
+          try {
+            if (!key.current) key.current = crypto.randomUUID();
+            const result = await toyCall(`${apiPath}/${listing.id}/requests`, "POST", {
+              kind: swap ? "swap_offer" : "request",
+              offered_listing_id: swap ? offered || null : null,
+              message: note,
+              idempotency_key: key.current
+            });
+            setDone(result.id);
+          } catch (e) {
+            setError(e instanceof Error ? e.message : "Please try again.");
+          } finally {
+            setBusy(false);
+          }
+        },
+        children: [
+          swap && /* @__PURE__ */ jsxRuntime.jsxs("label", { children: [
+            "Which of your available toys do you offer?",
+            /* @__PURE__ */ jsxRuntime.jsxs("select", { required: true, value: offered, onChange: (e) => setOffered(e.target.value), children: [
+              /* @__PURE__ */ jsxRuntime.jsx("option", { value: "", children: "Choose one of your listed toys" }),
+              available.map((l) => /* @__PURE__ */ jsxRuntime.jsx("option", { value: l.id, children: l.content.title }, l.id))
+            ] }),
+            !available.length && /* @__PURE__ */ jsxRuntime.jsx("small", { children: "You need an approved, available listing of your own to propose a swap." })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs("label", { children: [
+            "A short note (optional)",
+            /* @__PURE__ */ jsxRuntime.jsx("textarea", { value: note, maxLength: 1e3, onChange: (e) => setNote(e.target.value), placeholder: "When are you usually free to meet?" })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "toy-note", children: TOY_SAFETY.money }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "toy-form-actions", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("button", { className: "toy-button toy-button-secondary", type: "button", disabled: busy, onClick: () => setOpen(false), children: "Cancel" }),
+            /* @__PURE__ */ jsxRuntime.jsx("button", { className: "toy-button", disabled: busy || swap && !offered, children: busy ? "Sending\u2026" : swap ? "Send swap offer" : "Send request" })
+          ] }),
+          error && /* @__PURE__ */ jsxRuntime.jsx("p", { role: "alert", className: "toy-error", children: error })
+        ]
+      }
+    )
+  ] });
+}
+function LocationOptions({ locations }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: locations.map((l) => /* @__PURE__ */ jsxRuntime.jsxs("option", { value: l.id, children: [
+    l.name,
+    " \u2014 ",
+    hoursSummary(l.hours)
+  ] }, l.id)) });
+}
+function ToyExchangeThread({ thread, apiPath = "/api/toys", listingBasePath = "/toys", locationsUrl }) {
+  const [t, setT] = react.useState(thread), [body, setBody] = react.useState(""), [busy, setBusy] = react.useState(false), [message, setMessage] = react.useState(""), [reporting, setReporting] = react.useState(false), [location, setLocation] = react.useState(thread.locations[0]?.id || ""), [when, setWhen] = react.useState("");
+  const mine = t.role;
+  const other = t.role === "owner" ? "requester" : "owner";
+  const active = ["pending", "accepted"].includes(t.status);
+  const refresh = async () => setT(await toyCall(`${apiPath}/requests/${t.id}`));
+  const act = async (fn, ok) => {
+    setBusy(true);
+    setMessage("");
+    try {
+      await fn();
+      await refresh();
+      if (ok) setMessage(ok);
+    } catch (e) {
+      setMessage(e instanceof Error ? e.message : "Please try again.");
+      try {
+        await refresh();
+      } catch {
+      }
+    } finally {
+      setBusy(false);
+    }
+  };
+  const appointment = t.appointment;
+  const waitingOnMe = appointment?.status === "proposed" && appointment.proposed_by !== mine;
+  return /* @__PURE__ */ jsxRuntime.jsxs("section", { className: "toy-thread", "aria-label": "Exchange conversation", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("header", { className: "toy-thread-header", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "toy-context", children: [
+        t.kind === "swap_offer" ? "Swap offer" : "Request",
+        " \xB7 ",
+        TOY_REQUEST_STATUS_LABELS[t.status] || t.status
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs("h1", { children: [
+        /* @__PURE__ */ jsxRuntime.jsx("a", { href: `${listingBasePath}/${t.listing.id}`, children: t.listing.title }),
+        t.offered_listing && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+          " ",
+          "\u21C4 ",
+          /* @__PURE__ */ jsxRuntime.jsx("a", { href: `${listingBasePath}/${t.offered_listing.id}`, children: t.offered_listing.title })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs("p", { children: [
+        "With ",
+        t.counterpart_deleted ? "a neighbor whose account was closed" : t.counterpart?.display_name || "a neighbor",
+        t.counterpart && !t.counterpart_deleted && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+          " \xB7 ",
+          t.counterpart.completed_exchanges,
+          " completed exchange",
+          t.counterpart.completed_exchanges === 1 ? "" : "s",
+          " (participant-confirmed)"
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx("p", { className: "toy-safety", children: t.safety }),
+    t.status === "pending" && mine === "owner" && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "toy-form-actions", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("button", { className: "toy-button", disabled: busy, onClick: () => act(() => toyCall(`${apiPath}/requests/${t.id}/decision`, "POST", { expected_revision: t.revision, decision: "accept" }), "Accepted. The toy is reserved for this neighbor."), children: "Accept" }),
+      /* @__PURE__ */ jsxRuntime.jsx("button", { className: "toy-button toy-button-secondary", disabled: busy, onClick: () => act(() => toyCall(`${apiPath}/requests/${t.id}/decision`, "POST", { expected_revision: t.revision, decision: "decline" })), children: "Decline" })
+    ] }),
+    t.status === "pending" && mine === "requester" && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "toy-note", children: "Waiting for the owner to accept or decline." }),
+    t.status === "accepted" && /* @__PURE__ */ jsxRuntime.jsxs("section", { className: "toy-appointment", "aria-labelledby": "toy-appointment-title", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("h2", { id: "toy-appointment-title", children: "Meeting" }),
+      appointment ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `toy-appointment-card toy-appointment-${appointment.status}`, children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("p", { children: [
+          /* @__PURE__ */ jsxRuntime.jsx("strong", { children: appointment.location.name }),
+          /* @__PURE__ */ jsxRuntime.jsx("br", {}),
+          appointment.location.address,
+          " ",
+          appointment.location.map_url && /* @__PURE__ */ jsxRuntime.jsx("a", { href: appointment.location.map_url, rel: "noopener noreferrer", children: "map" })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx("p", { children: /* @__PURE__ */ jsxRuntime.jsx("time", { dateTime: appointment.starts_at, children: formatLocalStart(appointment.local_start, appointment.timezone) }) }),
+        appointment.location.restrictions && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "toy-note", children: appointment.location.restrictions }),
+        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "toy-note", children: appointment.status === "confirmed" ? "Confirmed by both of you." : waitingOnMe ? "Proposed by the other neighbor \u2014 confirm or propose another time." : "Waiting for the other neighbor to confirm." }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "toy-form-actions", children: [
+          waitingOnMe && /* @__PURE__ */ jsxRuntime.jsx("button", { className: "toy-button", disabled: busy, onClick: () => act(() => toyCall(`${apiPath}/requests/${t.id}/appointment/confirm`, "POST", { expected_revision: t.revision, appointment_id: appointment.id }), "Confirmed."), children: "Confirm this time" }),
+          /* @__PURE__ */ jsxRuntime.jsx("button", { className: "toy-link-button", disabled: busy, onClick: () => act(() => toyCall(`${apiPath}/requests/${t.id}/appointment/cancel`, "POST", { expected_revision: t.revision, appointment_id: appointment.id })), children: "Cancel this appointment" })
+        ] })
+      ] }) : /* @__PURE__ */ jsxRuntime.jsx("p", { className: "toy-note", children: "No meeting proposed yet." }),
+      t.locations.length ? /* @__PURE__ */ jsxRuntime.jsxs(
+        "form",
+        {
+          className: "toy-form toy-propose",
+          onSubmit: (event) => {
+            event.preventDefault();
+            void act(() => toyCall(`${apiPath}/requests/${t.id}/appointment`, "POST", { expected_revision: t.revision, location_id: location, local_start: when }), "Proposed. The other neighbor needs to confirm.");
+          },
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx("h3", { children: appointment ? "Propose a different time or place" : "Propose a time and place" }),
+            /* @__PURE__ */ jsxRuntime.jsxs("label", { children: [
+              "Public meeting place",
+              /* @__PURE__ */ jsxRuntime.jsx("select", { required: true, value: location, onChange: (e) => setLocation(e.target.value), children: /* @__PURE__ */ jsxRuntime.jsx(LocationOptions, { locations: t.locations }) })
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsxs("label", { children: [
+              "Date and time (local to the place, daytime only)",
+              /* @__PURE__ */ jsxRuntime.jsx("input", { type: "datetime-local", required: true, value: when, onChange: (e) => setWhen(e.target.value), step: 900 })
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "toy-note", children: [
+              TOY_SAFETY.meeting,
+              " ",
+              locationsUrl && /* @__PURE__ */ jsxRuntime.jsx("a", { href: locationsUrl, children: "See all meeting places." })
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsx("button", { className: "toy-button toy-button-secondary", disabled: busy || !location || !when, children: "Propose" })
+          ]
+        }
+      ) : /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "toy-note", children: [
+        "No checked public meeting places are listed for this community yet, so an appointment can't be scheduled here. ",
+        locationsUrl && /* @__PURE__ */ jsxRuntime.jsx("a", { href: locationsUrl, children: "Suggest one for editorial review." }),
+        " Please don't arrange a private address instead."
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "toy-form-actions", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "button",
+          {
+            className: "toy-button",
+            disabled: busy || (mine === "owner" ? t.owner_completed : t.requester_completed),
+            onClick: () => act(() => toyCall(`${apiPath}/requests/${t.id}/complete`, "POST", { expected_revision: t.revision }), "Marked complete."),
+            children: (mine === "owner" ? t.owner_completed : t.requester_completed) ? "You marked this complete" : "Mark exchange complete"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx("button", { className: "toy-link-button", disabled: busy, onClick: () => act(() => toyCall(`${apiPath}/requests/${t.id}/cancel`, "POST", { expected_revision: t.revision }), "Exchange cancelled."), children: "Cancel exchange" })
+      ] }),
+      (t.owner_completed || t.requester_completed) && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "toy-note", children: "Closes when both of you confirm completion." })
+    ] }),
+    t.status === "pending" && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "toy-form-actions", children: /* @__PURE__ */ jsxRuntime.jsx("button", { className: "toy-link-button", disabled: busy, onClick: () => act(() => toyCall(`${apiPath}/requests/${t.id}/cancel`, "POST", { expected_revision: t.revision }), "Cancelled."), children: mine === "requester" ? "Withdraw request" : "Cancel" }) }),
+    /* @__PURE__ */ jsxRuntime.jsxs("section", { className: "toy-messages", "aria-label": "Messages", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("ol", { children: t.messages.map((m) => /* @__PURE__ */ jsxRuntime.jsxs("li", { className: `toy-message toy-message-${m.sender === "system" ? "system" : m.mine ? "mine" : "theirs"}`, children: [
+        /* @__PURE__ */ jsxRuntime.jsx("p", { children: m.body }),
+        m.warnings.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "toy-warning", role: "note", children: [
+          m.warnings.includes("payment") && "Heads up: ToyRound never involves payments, deposits or fees. ",
+          m.warnings.includes("verification_code") && "Never share verification codes. ",
+          m.warnings.includes("external_link") && "Be careful with outside links. ",
+          m.warnings.includes("contact_details") && "Keep coordination here rather than sharing phone numbers. ",
+          m.warnings.includes("home_pickup") && "Exchanges happen only at listed public places. "
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs("small", { children: [
+          m.sender === "system" ? "ToyRound" : m.mine ? "You" : t.counterpart?.display_name || other,
+          " \xB7 ",
+          new Date(m.created_at).toLocaleString()
+        ] })
+      ] }, m.id)) }),
+      active && !t.blocked ? /* @__PURE__ */ jsxRuntime.jsxs(
+        "form",
+        {
+          className: "toy-compose",
+          onSubmit: (event) => {
+            event.preventDefault();
+            const text = body.trim();
+            if (!text) return;
+            void act(async () => {
+              await toyCall(`${apiPath}/requests/${t.id}/messages`, "POST", { body: text });
+              setBody("");
+            });
+          },
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsxs("label", { children: [
+              "Message",
+              /* @__PURE__ */ jsxRuntime.jsx("textarea", { value: body, maxLength: 2e3, onChange: (e) => setBody(e.target.value) })
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsx("button", { className: "toy-button", disabled: busy || !body.trim(), children: "Send" })
+          ]
+        }
+      ) : /* @__PURE__ */ jsxRuntime.jsx("p", { className: "toy-note", children: t.blocked ? "This conversation is closed." : "This exchange is closed." })
+    ] }),
+    !active && t.status !== "declined" && !t.my_feedback && /* @__PURE__ */ jsxRuntime.jsxs(
+      "form",
+      {
+        className: "toy-form toy-feedback",
+        onSubmit: (event) => {
+          event.preventDefault();
+          const data = new FormData(event.currentTarget);
+          void act(() => toyCall(`${apiPath}/requests/${t.id}/feedback`, "POST", { outcome: data.get("outcome"), note: data.get("note") || "" }), "Thanks. Feedback is private to the editors.");
+        },
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx("h2", { children: "How did it go?" }),
+          /* @__PURE__ */ jsxRuntime.jsxs("label", { children: [
+            "Outcome",
+            /* @__PURE__ */ jsxRuntime.jsxs("select", { name: "outcome", defaultValue: "completed", children: [
+              /* @__PURE__ */ jsxRuntime.jsx("option", { value: "completed", children: "Went fine" }),
+              /* @__PURE__ */ jsxRuntime.jsx("option", { value: "no_show", children: "The other neighbor didn't show" }),
+              /* @__PURE__ */ jsxRuntime.jsx("option", { value: "item_mismatch", children: "The toy didn't match the listing" }),
+              /* @__PURE__ */ jsxRuntime.jsx("option", { value: "harassment", children: "I felt harassed or unsafe" }),
+              /* @__PURE__ */ jsxRuntime.jsx("option", { value: "other", children: "Something else" })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs("label", { children: [
+            "Note for the editors (optional)",
+            /* @__PURE__ */ jsxRuntime.jsx("textarea", { name: "note", maxLength: 2e3 })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsx("button", { className: "toy-button toy-button-secondary", disabled: busy, children: "Send private feedback" })
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "toy-form-actions", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("button", { className: "toy-link-button", "aria-expanded": reporting, onClick: () => setReporting(!reporting), children: "Report this conversation" }),
+      t.counterpart && !t.counterpart_deleted && /* @__PURE__ */ jsxRuntime.jsx("button", { className: "toy-link-button", disabled: busy, onClick: () => act(() => toyCall(`${apiPath}/profiles/${t.counterpart.id}/block`, "PUT", { active: !t.blocked }), t.blocked ? "Block removed." : "Blocked. Open exchanges with this member are closed."), children: t.blocked ? "Unblock" : "Block this member" })
+    ] }),
+    reporting && /* @__PURE__ */ jsxRuntime.jsx(
+      ReportForm,
+      {
+        target: `requests/${t.id}`,
+        apiPath,
+        onDone: (m) => {
+          setReporting(false);
+          setMessage(m);
+        }
+      }
+    ),
+    message && /* @__PURE__ */ jsxRuntime.jsx("p", { role: "status", children: message })
+  ] });
+}
+function ToyAccountDelete({ revision, apiPath = "/api/toys", returnTo = "/" }) {
+  const [confirm, setConfirm] = react.useState(false), [busy, setBusy] = react.useState(false), [error, setError] = react.useState("");
+  return /* @__PURE__ */ jsxRuntime.jsxs("section", { className: "toy-delete", "aria-labelledby": "toy-delete-title", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("h2", { id: "toy-delete-title", children: "Delete your ToyRound account" }),
+    /* @__PURE__ */ jsxRuntime.jsx("p", { className: "toy-note", children: "Withdraws your listings, cancels open exchanges and anonymizes your profile. Reports and blocks are retained under the moderation retention policy. Your network sign-in is not affected." }),
+    confirm ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "toy-form-actions", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "button",
+        {
+          className: "toy-button toy-button-secondary",
+          disabled: busy,
+          onClick: async () => {
+            setBusy(true);
+            try {
+              await toyCall(`${apiPath}/member`, "DELETE", { expected_revision: revision });
+              window.location.assign(returnTo);
+            } catch (e) {
+              setError(e instanceof Error ? e.message : "Please try again.");
+              setBusy(false);
+            }
+          },
+          children: "Yes, delete my ToyRound account"
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx("button", { className: "toy-link-button", disabled: busy, onClick: () => setConfirm(false), children: "Keep it" })
+    ] }) : /* @__PURE__ */ jsxRuntime.jsx("button", { className: "toy-link-button", onClick: () => setConfirm(true), children: "Delete account\u2026" }),
+    error && /* @__PURE__ */ jsxRuntime.jsx("p", { role: "alert", children: error })
+  ] });
+}
+function ToyLocationSuggestForm({ communities, apiPath = "/api/toys", defaultCommunity }) {
+  const key = react.useRef("");
+  const [busy, setBusy] = react.useState(false), [message, setMessage] = react.useState("");
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "form",
+    {
+      className: "toy-form toy-suggest",
+      onSubmit: async (event) => {
+        event.preventDefault();
+        const data = new FormData(event.currentTarget);
+        setBusy(true);
+        setMessage("");
+        try {
+          if (!key.current) key.current = crypto.randomUUID();
+          await toyCall(`${apiPath}/locations/suggestions`, "POST", { area_id: data.get("area_id"), name: data.get("name"), address: data.get("address"), map_url: data.get("map_url") || "", note: data.get("note") || "", idempotency_key: key.current });
+          setMessage("Thanks. An editor will check the place before it can be used for exchanges.");
+          event.target.reset();
+          key.current = "";
+        } catch (e) {
+          setMessage(e instanceof Error ? e.message : "Please try again.");
+        } finally {
+          setBusy(false);
+        }
+      },
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx("h2", { children: "Suggest a public meeting place" }),
+        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "toy-note", children: "Libraries, police-station lobbies, community centers and busy shops with daytime hours work well. Editors verify every place against a public source before it is listed. Private homes are never accepted." }),
+        /* @__PURE__ */ jsxRuntime.jsxs("label", { children: [
+          "Community",
+          /* @__PURE__ */ jsxRuntime.jsxs("select", { name: "area_id", required: true, defaultValue: defaultCommunity || "", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("option", { value: "", children: "Choose a community" }),
+            communities.map((c) => /* @__PURE__ */ jsxRuntime.jsx("option", { value: c.id, children: c.name }, c.id))
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs("label", { children: [
+          "Place name",
+          /* @__PURE__ */ jsxRuntime.jsx("input", { name: "name", required: true, maxLength: 191 })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs("label", { children: [
+          "Address",
+          /* @__PURE__ */ jsxRuntime.jsx("input", { name: "address", required: true, maxLength: 500 })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs("label", { children: [
+          "Map or website link (optional, https)",
+          /* @__PURE__ */ jsxRuntime.jsx("input", { name: "map_url", type: "url", pattern: "https://.*" })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs("label", { children: [
+          "Why it works (optional)",
+          /* @__PURE__ */ jsxRuntime.jsx("textarea", { name: "note", maxLength: 2e3 })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx("button", { className: "toy-button toy-button-secondary", disabled: busy, children: "Send suggestion" }),
+        message && /* @__PURE__ */ jsxRuntime.jsx("p", { role: "status", children: message })
+      ]
+    }
+  );
+}
+
+exports.ToyAccountDelete = ToyAccountDelete;
+exports.ToyCommunityMemory = ToyCommunityMemory;
+exports.ToyExchangeThread = ToyExchangeThread;
+exports.ToyListingActions = ToyListingActions;
+exports.ToyLocationSuggestForm = ToyLocationSuggestForm;
+exports.ToyRequestPanel = ToyRequestPanel;
+exports.ToySignOut = ToySignOut;

package/dist/toys-interactions.d.cts

@@ -0,0 +1,54 @@
+import React__default from 'react';
+import { ToyThread, ToyListing, OwnToyListing } from './toys.cjs';
+
+declare function ToyCommunityMemory({ selected, communityPath }: {
+    selected?: string | null;
+    communityPath?: string;
+}): React__default.JSX.Element | null;
+declare function ToySignOut({ returnTo, authPath }: {
+    returnTo?: string;
+    authPath?: string;
+}): React__default.JSX.Element;
+/** Share, report and block on a public listing; request/offer lives in ToyRequestPanel. */
+declare function ToyListingActions({ listing, signedIn, apiPath, accountUrl, listingPath }: {
+    listing: ToyListing;
+    signedIn: boolean;
+    apiPath?: string;
+    accountUrl?: string;
+    listingPath: string;
+}): React__default.JSX.Element;
+/** "Request this toy" or "Offer a swap". A giveaway never asks for anything in return. */
+declare function ToyRequestPanel({ listing, signedIn, ready, ownListings, apiPath, accountUrl, exchangeBasePath, listingPath, locationsAvailable, }: {
+    listing: ToyListing;
+    signedIn: boolean;
+    ready: boolean;
+    ownListings?: OwnToyListing[];
+    apiPath?: string;
+    accountUrl?: string;
+    exchangeBasePath?: string;
+    listingPath: string;
+    locationsAvailable: boolean;
+}): React__default.JSX.Element;
+/** The private two-party thread: messages, appointment, completion, feedback, report. */
+declare function ToyExchangeThread({ thread, apiPath, listingBasePath, locationsUrl }: {
+    thread: ToyThread;
+    apiPath?: string;
+    listingBasePath?: string;
+    locationsUrl?: string;
+}): React__default.JSX.Element;
+declare function ToyAccountDelete({ revision, apiPath, returnTo }: {
+    revision: number;
+    apiPath?: string;
+    returnTo?: string;
+}): React__default.JSX.Element;
+/** "Suggest a meeting place" enters editorial review; it never becomes usable on its own. */
+declare function ToyLocationSuggestForm({ communities, apiPath, defaultCommunity }: {
+    communities: {
+        id: string;
+        name: string;
+    }[];
+    apiPath?: string;
+    defaultCommunity?: string;
+}): React__default.JSX.Element;
+
+export { ToyAccountDelete, ToyCommunityMemory, ToyExchangeThread, ToyListingActions, ToyLocationSuggestForm, ToyRequestPanel, ToySignOut };