@scalemule/news-publication 0.0.48 → 0.0.49

package/dist/pets-forms.cjs

@@ -0,0 +1,762 @@
+"use client";
+'use strict';
+
+var react = require('react');
+var jsxRuntime = require('react/jsx-runtime');
+
+// src/pets.ts
+var PET_PHOTO_CATEGORIES = [
+  ["cute", "Cute pets"],
+  ["funny", "Funny moments"],
+  ["adventures", "Adventures"],
+  ["senior", "Senior pets"],
+  ["rescue", "Rescue stories"],
+  ["young", "Puppies & kittens"],
+  ["unusual", "Unusual pets"],
+  ["friends", "Best friends"],
+  ["holiday", "Holiday pets"]
+];
+var PET_CELEBRATIONS = [
+  ["birthday", "Pet birthday"],
+  ["adoption_anniversary", "Adoption anniversary"],
+  ["welcome_home", "Welcome home"],
+  ["rescue_story", "Rescue story"],
+  ["happy_reunion", "Happy reunion"],
+  ["memorial", "Memorial tribute"]
+];
+var PET_SAFETY = {
+  recovery: "Bay Area Paw does not independently verify pet ownership. A report is a contributor\u2019s account. Never send money or verification codes to someone claiming to have found a pet. Keep microchip numbers and ownership evidence private."};
+function PawMark({ size = 36 }) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "svg",
+    {
+      width: size,
+      height: size,
+      viewBox: "0 0 48 48",
+      fill: "currentColor",
+      "aria-hidden": "true",
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "ellipse",
+          {
+            cx: "10",
+            cy: "19",
+            rx: "5.1",
+            ry: "6.5",
+            transform: "rotate(-25 10 19)"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx("ellipse", { cx: "20", cy: "10", rx: "5", ry: "6.5", transform: "rotate(-8 20 10)" }),
+        /* @__PURE__ */ jsxRuntime.jsx("ellipse", { cx: "32", cy: "12", rx: "5", ry: "6.5", transform: "rotate(14 32 12)" }),
+        /* @__PURE__ */ jsxRuntime.jsx("ellipse", { cx: "40", cy: "23", rx: "4.7", ry: "6.2", transform: "rotate(30 40 23)" }),
+        /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M11 35c0-5 7-16 13-16s14 11 14 16c0 6-6 9-11 6-2-1-4-1-6 0-5 3-10 0-10-6Z" })
+      ]
+    }
+  );
+}
+function localDateTime(value) {
+  const date = new Date(value);
+  if (!Number.isFinite(date.getTime())) return "";
+  return new Date(date.getTime() - date.getTimezoneOffset() * 6e4).toISOString().slice(0, 16);
+}
+var empty = {
+  name: "",
+  species: "Dog",
+  story: "",
+  breed: "",
+  personality: "",
+  activities: [],
+  category: "cute",
+  attribution: ""
+};
+async function call(url, method, 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();
+  if (!response.ok)
+    throw new Error(
+      typeof body.error === "string" ? body.error : body.error?.message || "We couldn\u2019t save this contribution. Please try again."
+    );
+  return body.data ?? body;
+}
+function PetSignIn({ returnTo = "/account" }) {
+  const [busy, setBusy] = react.useState(false), [error, setError] = react.useState("");
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "button",
+      {
+        disabled: busy,
+        onClick: async () => {
+          setBusy(true);
+          setError("");
+          try {
+            const { url } = await call(
+              "/api/paw-auth/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__ */ jsxRuntime.jsx("p", { role: "alert", className: "paw-error", children: error }),
+    /* @__PURE__ */ jsxRuntime.jsx("p", { className: "paw-safety", children: "Your existing network sign-in works here. Public browsing is always open." })
+  ] });
+}
+function PetSubmissionForm({
+  communities,
+  policy,
+  profiles = [],
+  initial,
+  defaultCommunity,
+  apiPath = "/api/pets",
+  onSaved
+}) {
+  const [deviceReady, setDeviceReady] = react.useState(false);
+  react.useEffect(() => setDeviceReady(true), []);
+  const [kind, setKind] = react.useState(initial?.kind || "spotlight"), [content, setContent] = react.useState(initial?.content || empty);
+  const [community, setCommunity] = react.useState(
+    initial?.area_id || defaultCommunity || ""
+  ), [visibility, setVisibility] = react.useState(
+    initial?.visibility || "private"
+  );
+  const [profileId, setProfileId] = react.useState(
+    initial?.profile_id || null
+  );
+  const [files, setFiles] = react.useState([]);
+  const [step, setStep] = react.useState(0), [consent, setConsent] = react.useState(false), [busy, setBusy] = react.useState(false), [error, setError] = react.useState(""), [progress, setProgress] = react.useState(0), [saved, setSaved] = react.useState();
+  const receipt = react.useRef(
+    initial ? { id: initial.id, revision: initial.revision } : null
+  );
+  const key = react.useRef("");
+  const uploads = react.useRef(/* @__PURE__ */ new Set());
+  react.useEffect(
+    () => () => files.forEach((f) => URL.revokeObjectURL(f.preview)),
+    [files]
+  );
+  const change = (field, value) => setContent((previous) => ({ ...previous, [field]: value }));
+  const needsPermission = kind !== "profile" || visibility === "public" || files.length > 0;
+  async function save() {
+    setBusy(true);
+    setError("");
+    try {
+      if (!community || !content.name.trim())
+        throw new Error("Choose a community and enter your pet\u2019s name.");
+      if (needsPermission && !consent)
+        throw new Error("Read and accept the publication permission.");
+      if (["spotlight", "photo", "adoption"].includes(kind) && !files.length && !initial?.media.length)
+        throw new Error("Choose at least one authentic photograph.");
+      const permission = consent ? { version: policy.version, accepted: true } : null;
+      const input = {
+        area_id: community,
+        kind,
+        content: {
+          ...content,
+          activities: content.activities.filter((v) => v.trim())
+        },
+        profile_id: kind === "profile" ? null : profileId,
+        visibility: kind === "profile" ? visibility : "public",
+        consent: permission
+      };
+      if (!key.current) key.current = crypto.randomUUID();
+      if (!receipt.current) {
+        const result2 = await call(
+          apiPath,
+          "POST",
+          { ...input, submit: false, idempotency_key: key.current }
+        );
+        receipt.current = { id: result2.id, revision: result2.revision || 1 };
+      } else if (initial && progress === 0) {
+        const result2 = await call(
+          `${apiPath}/${receipt.current.id}`,
+          "PUT",
+          {
+            ...input,
+            submit: false,
+            expected_revision: receipt.current.revision
+          }
+        );
+        receipt.current = result2;
+      }
+      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.name);
+          form.set("attribution", content.attribution);
+          form.set("rights_confirmed", "true");
+          form.set("consent_version", policy.version);
+          form.set("idempotency_key", photo.key);
+          await call(
+            `${apiPath}/submissions/${receipt.current.id}/media`,
+            "POST",
+            form
+          );
+          uploads.current.add(photo.key);
+        }
+        setProgress(index + 2);
+      }
+      const result = await call(
+        `${apiPath}/${receipt.current.id}`,
+        "PUT",
+        {
+          ...input,
+          submit: input.visibility === "public",
+          expected_revision: receipt.current.revision
+        }
+      );
+      receipt.current = result;
+      setSaved(result.id);
+      onSaved?.(result.id);
+    } catch (e) {
+      setError(
+        e instanceof Error ? e.message : "We couldn\u2019t save this contribution. Please try again."
+      );
+    } finally {
+      setBusy(false);
+    }
+  }
+  if (saved)
+    return /* @__PURE__ */ jsxRuntime.jsxs("section", { className: "paw-form", role: "status", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(PawMark, { size: 56 }),
+      /* @__PURE__ */ jsxRuntime.jsx("h1", { children: kind === "profile" && visibility === "private" ? "A little home for your pet." : "Your story is in good hands." }),
+      /* @__PURE__ */ jsxRuntime.jsx("p", { children: kind === "profile" && visibility === "private" ? "Your profile is saved privately. Only you can see it." : "Your contribution is saved for editorial review. It will appear publicly only after approval." }),
+      /* @__PURE__ */ jsxRuntime.jsx("a", { href: "/account", children: "View your pets and submissions" })
+    ] });
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "form",
+    {
+      className: "paw-form",
+      onSubmit: (event) => {
+        event.preventDefault();
+        if (step === 0) {
+          setError("");
+          setStep(1);
+        } else void save();
+      },
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "paw-context", children: step === 0 ? "Your pet\u2019s story" : "Your private preview" }),
+        /* @__PURE__ */ jsxRuntime.jsx("h1", { children: kind === "celebration" && content.category === "memorial" ? "Remember a beloved companion." : "Someone worth meeting." }),
+        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "paw-safety", children: "Choose a community, never a home address. Keep phone numbers, email addresses and microchip details out of your story." }),
+        step === 0 ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+          !initial && /* @__PURE__ */ jsxRuntime.jsxs("label", { children: [
+            "What would you like to share?",
+            /* @__PURE__ */ jsxRuntime.jsxs(
+              "select",
+              {
+                value: kind,
+                onChange: (e) => {
+                  const k = e.target.value;
+                  setKind(k);
+                  setContent((c) => ({
+                    ...c,
+                    source: ["event", "adoption"].includes(k) ? {
+                      organization: "",
+                      official_url: "",
+                      availability_confirmed: false
+                    } : null,
+                    event: k === "event" ? {
+                      starts_at: "",
+                      ends_at: "",
+                      event_type: "adoption",
+                      cost: "unknown",
+                      cost_verified: false
+                    } : null
+                  }));
+                  change(
+                    "category",
+                    k === "celebration" ? "birthday" : k === "photo" ? "cute" : ""
+                  );
+                },
+                children: [
+                  /* @__PURE__ */ jsxRuntime.jsx("option", { value: "spotlight", children: "Paw of the Week submission" }),
+                  /* @__PURE__ */ jsxRuntime.jsx("option", { value: "profile", children: "Pet profile" }),
+                  /* @__PURE__ */ jsxRuntime.jsx("option", { value: "photo", children: "Photo board" }),
+                  /* @__PURE__ */ jsxRuntime.jsx("option", { value: "celebration", children: "Pet celebration" }),
+                  /* @__PURE__ */ jsxRuntime.jsx("option", { value: "lost", children: "Lost pet report" }),
+                  /* @__PURE__ */ jsxRuntime.jsx("option", { value: "found", children: "Found pet report" }),
+                  /* @__PURE__ */ jsxRuntime.jsx("option", { value: "event", children: "Organization event" }),
+                  /* @__PURE__ */ jsxRuntime.jsx("option", { value: "adoption", children: "Shelter or rescue adoption listing" })
+                ]
+              }
+            )
+          ] }),
+          !initial && kind !== "profile" && profiles.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs("label", { children: [
+            "Start with one of your pets",
+            /* @__PURE__ */ jsxRuntime.jsxs(
+              "select",
+              {
+                value: profileId || "",
+                onChange: (e) => {
+                  const p = profiles.find((p2) => p2.id === e.target.value);
+                  setProfileId(p?.id || null);
+                  if (p) {
+                    setContent({
+                      ...p.content,
+                      category: content.category,
+                      source: content.source,
+                      event: content.event
+                    });
+                    setCommunity(p.area_id);
+                  }
+                },
+                children: [
+                  /* @__PURE__ */ jsxRuntime.jsx("option", { value: "", children: "Enter pet details" }),
+                  profiles.map((p) => /* @__PURE__ */ jsxRuntime.jsx("option", { value: p.id, children: p.content.name }, p.id))
+                ]
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs("label", { children: [
+            kind === "event" ? "Event title" : "Pet name",
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "input",
+              {
+                required: true,
+                maxLength: 100,
+                value: content.name,
+                onChange: (e) => change("name", e.target.value),
+                autoComplete: "off"
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs("label", { children: [
+            "Species",
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "input",
+              {
+                required: true,
+                maxLength: 50,
+                value: content.species,
+                onChange: (e) => change("species", e.target.value)
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs("label", { children: [
+            "Home community",
+            /* @__PURE__ */ jsxRuntime.jsxs(
+              "select",
+              {
+                required: true,
+                value: community,
+                onChange: (e) => setCommunity(e.target.value),
+                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))
+                ]
+              }
+            )
+          ] }),
+          kind === "profile" && /* @__PURE__ */ jsxRuntime.jsxs("fieldset", { children: [
+            /* @__PURE__ */ jsxRuntime.jsx("legend", { children: "A few favorite things" }),
+            /* @__PURE__ */ jsxRuntime.jsxs("label", { children: [
+              "Breed or mix (optional)",
+              /* @__PURE__ */ jsxRuntime.jsx(
+                "input",
+                {
+                  value: content.breed,
+                  maxLength: 100,
+                  onChange: (e) => change("breed", e.target.value)
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsxs("label", { children: [
+              "Birthday (optional)",
+              /* @__PURE__ */ jsxRuntime.jsx(
+                "input",
+                {
+                  type: "date",
+                  value: content.birthday || "",
+                  onChange: (e) => change("birthday", e.target.value || null)
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsxs("label", { children: [
+              "Adoption anniversary (optional)",
+              /* @__PURE__ */ jsxRuntime.jsx(
+                "input",
+                {
+                  type: "date",
+                  value: content.adoption_anniversary || "",
+                  onChange: (e) => change("adoption_anniversary", e.target.value || null)
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsxs("label", { children: [
+              "Personality",
+              /* @__PURE__ */ jsxRuntime.jsx(
+                "input",
+                {
+                  maxLength: 300,
+                  value: content.personality,
+                  onChange: (e) => change("personality", e.target.value)
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsxs("label", { children: [
+              "Favorite activities, separated by commas",
+              /* @__PURE__ */ jsxRuntime.jsx(
+                "input",
+                {
+                  value: content.activities.join(", "),
+                  onChange: (e) => change(
+                    "activities",
+                    e.target.value.split(",").map((v) => v.trim()).slice(0, 8)
+                  )
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsxs("label", { children: [
+              "Profile privacy",
+              /* @__PURE__ */ jsxRuntime.jsxs(
+                "select",
+                {
+                  value: visibility,
+                  onChange: (e) => setVisibility(e.target.value),
+                  children: [
+                    /* @__PURE__ */ jsxRuntime.jsx("option", { value: "private", children: "Private \u2014 only me" }),
+                    /* @__PURE__ */ jsxRuntime.jsx("option", { value: "public", children: "Public \u2014 after editorial review" })
+                  ]
+                }
+              )
+            ] })
+          ] }),
+          (kind === "photo" || kind === "celebration") && /* @__PURE__ */ jsxRuntime.jsxs("label", { children: [
+            kind === "photo" ? "Photo category" : "Celebration",
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "select",
+              {
+                value: content.category,
+                onChange: (e) => change("category", e.target.value),
+                children: (kind === "photo" ? PET_PHOTO_CATEGORIES : PET_CELEBRATIONS).map(([value, label]) => /* @__PURE__ */ jsxRuntime.jsx("option", { value, children: label }, value))
+              }
+            )
+          ] }),
+          ["lost", "found", "celebration"].includes(kind) && /* @__PURE__ */ jsxRuntime.jsxs("label", { children: [
+            kind === "lost" ? "Date last seen" : kind === "found" ? "Date found" : "Celebration date (optional)",
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "input",
+              {
+                required: kind !== "celebration",
+                type: "date",
+                value: content.date || "",
+                onChange: (e) => change("date", e.target.value || null)
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs("label", { children: [
+            kind === "profile" ? "A little biography" : "Your story",
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "textarea",
+              {
+                required: kind !== "profile",
+                maxLength: 4e3,
+                value: content.story,
+                onChange: (e) => change("story", e.target.value)
+              }
+            )
+          ] }),
+          kind === "adoption" && /* @__PURE__ */ jsxRuntime.jsxs("label", { children: [
+            "Approximate age (optional)",
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "input",
+              {
+                value: content.age_description || "",
+                maxLength: 80,
+                onChange: (e) => change("age_description", e.target.value)
+              }
+            )
+          ] }),
+          content.source && /* @__PURE__ */ jsxRuntime.jsxs("fieldset", { children: [
+            /* @__PURE__ */ jsxRuntime.jsx("legend", { children: "Official organization and source" }),
+            /* @__PURE__ */ jsxRuntime.jsxs("label", { children: [
+              "Organization name",
+              /* @__PURE__ */ jsxRuntime.jsx(
+                "input",
+                {
+                  required: true,
+                  maxLength: 200,
+                  value: content.source.organization,
+                  onChange: (e) => change("source", {
+                    ...content.source,
+                    organization: e.target.value
+                  })
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsxs("label", { children: [
+              "Official listing or registration link",
+              /* @__PURE__ */ jsxRuntime.jsx(
+                "input",
+                {
+                  required: true,
+                  type: "url",
+                  pattern: "https://.*",
+                  value: content.source.official_url,
+                  onChange: (e) => change("source", {
+                    ...content.source,
+                    official_url: e.target.value
+                  })
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsx("p", { children: "Editors verify the organization, permission to use photographs, and listing information. Availability and event costs are never assumed." })
+          ] }),
+          content.event && /* @__PURE__ */ jsxRuntime.jsxs("fieldset", { children: [
+            /* @__PURE__ */ jsxRuntime.jsx("legend", { children: "Event schedule" }),
+            /* @__PURE__ */ jsxRuntime.jsxs("p", { children: [
+              "Enter times in your device\u2019s timezone (",
+              deviceReady ? Intl.DateTimeFormat().resolvedOptions().timeZone : "your device timezone",
+              "). They display in Pacific time."
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsxs("label", { children: [
+              "Starts",
+              /* @__PURE__ */ jsxRuntime.jsx(
+                "input",
+                {
+                  type: "datetime-local",
+                  required: true,
+                  value: deviceReady ? localDateTime(content.event.starts_at) : "",
+                  onChange: (e) => {
+                    if (e.target.value)
+                      change("event", {
+                        ...content.event,
+                        starts_at: new Date(e.target.value).toISOString()
+                      });
+                  }
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsxs("label", { children: [
+              "Ends",
+              /* @__PURE__ */ jsxRuntime.jsx(
+                "input",
+                {
+                  type: "datetime-local",
+                  required: true,
+                  value: deviceReady ? localDateTime(content.event.ends_at) : "",
+                  onChange: (e) => {
+                    if (e.target.value)
+                      change("event", {
+                        ...content.event,
+                        ends_at: new Date(e.target.value).toISOString()
+                      });
+                  }
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsxs("label", { children: [
+              "Event type",
+              /* @__PURE__ */ jsxRuntime.jsx(
+                "select",
+                {
+                  value: content.event.event_type,
+                  onChange: (e) => change("event", {
+                    ...content.event,
+                    event_type: e.target.value
+                  }),
+                  children: [
+                    "adoption",
+                    "veterinary",
+                    "vaccination",
+                    "walk",
+                    "festival",
+                    "fundraiser",
+                    "workshop",
+                    "celebration"
+                  ].map((type) => /* @__PURE__ */ jsxRuntime.jsx("option", { value: type, children: type }, type))
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsxs("label", { children: [
+              "Reported cost",
+              /* @__PURE__ */ jsxRuntime.jsxs(
+                "select",
+                {
+                  value: content.event.cost,
+                  onChange: (e) => change("event", {
+                    ...content.event,
+                    cost: e.target.value
+                  }),
+                  children: [
+                    /* @__PURE__ */ jsxRuntime.jsx("option", { value: "unknown", children: "Check with organization" }),
+                    /* @__PURE__ */ jsxRuntime.jsx("option", { value: "free", children: "Submitted as free \u2014 requires verification" }),
+                    /* @__PURE__ */ jsxRuntime.jsx("option", { value: "paid", children: "Paid registration" })
+                  ]
+                }
+              )
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs("label", { children: [
+            "Your public photo credit",
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "input",
+              {
+                maxLength: 100,
+                value: content.attribution,
+                onChange: (e) => change("attribution", e.target.value),
+                placeholder: "Name you want published"
+              }
+            )
+          ] }),
+          initial?.media.map((photo) => /* @__PURE__ */ jsxRuntime.jsxs("figure", { className: "paw-photo", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "img",
+              {
+                src: `${apiPath}/submissions/${initial.id}/media/${photo.id}`,
+                alt: photo.caption || content.name,
+                width: 640,
+                height: 480
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx("figcaption", { children: photo.attribution })
+          ] }, photo.id)),
+          /* @__PURE__ */ jsxRuntime.jsxs("label", { children: [
+            "Authentic photographs",
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "input",
+              {
+                type: "file",
+                accept: "image/jpeg,image/png,image/webp",
+                multiple: true,
+                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)) {
+                    setError(
+                      "Choose up to ten JPEG, PNG or WebP photographs, each under 8 MB."
+                    );
+                    return;
+                  }
+                  setError("");
+                  setFiles(
+                    selected.map((file) => ({
+                      file,
+                      key: crypto.randomUUID(),
+                      preview: URL.createObjectURL(file)
+                    }))
+                  );
+                }
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsx("small", { children: "JPEG, PNG or WebP, up to 8 MB each. Photos are checked before publication and location metadata is removed." }),
+          ["lost", "found"].includes(kind) && /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "paw-safety", children: [
+            PET_SAFETY.recovery,
+            " Private recovery contact is not available yet."
+          ] })
+        ] }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+          /* @__PURE__ */ jsxRuntime.jsxs(
+            "article",
+            {
+              className: content.category === "memorial" ? "paw-memorial" : "",
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsx("p", { className: "paw-context", children: communities.find((c) => c.id === community)?.name }),
+                /* @__PURE__ */ jsxRuntime.jsx("h2", { children: content.name }),
+                !files.length && initial?.media[0] && /* @__PURE__ */ jsxRuntime.jsxs("figure", { className: "paw-photo", children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(
+                    "img",
+                    {
+                      src: `${apiPath}/submissions/${initial.id}/media/${initial.media[0].id}`,
+                      alt: initial.media[0].caption || content.name,
+                      width: 800,
+                      height: 600
+                    }
+                  ),
+                  /* @__PURE__ */ jsxRuntime.jsx("figcaption", { children: initial.media[0].attribution })
+                ] }),
+                files[0] && /* @__PURE__ */ jsxRuntime.jsxs("figure", { className: "paw-photo", children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(
+                    "img",
+                    {
+                      src: files[0].preview,
+                      alt: `Private preview of ${content.name}`,
+                      width: 800,
+                      height: 600
+                    }
+                  ),
+                  /* @__PURE__ */ jsxRuntime.jsx("figcaption", { children: content.attribution })
+                ] }),
+                /* @__PURE__ */ jsxRuntime.jsx("p", { style: { whiteSpace: "pre-wrap" }, children: content.story })
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx("p", { children: kind === "profile" && visibility === "private" ? "This profile will remain private." : "This is a private preview. Editors will review your contribution before anyone else can see it." }),
+          needsPermission && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+            /* @__PURE__ */ jsxRuntime.jsxs("details", { children: [
+              /* @__PURE__ */ jsxRuntime.jsx("summary", { children: "Publication permission and guidelines" }),
+              /* @__PURE__ */ jsxRuntime.jsx("p", { children: policy.text }),
+              /* @__PURE__ */ jsxRuntime.jsx("p", { children: policy.guidelines })
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsxs("label", { className: "paw-consent", children: [
+              /* @__PURE__ */ jsxRuntime.jsx(
+                "input",
+                {
+                  type: "checkbox",
+                  required: true,
+                  checked: consent,
+                  onChange: (e) => setConsent(e.target.checked)
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsx("span", { children: "I have read and accept the publication permission. These are authentic photographs I have permission to share." })
+            ] })
+          ] })
+        ] }),
+        error && /* @__PURE__ */ jsxRuntime.jsx("p", { role: "alert", className: "paw-error", children: error }),
+        busy && /* @__PURE__ */ jsxRuntime.jsxs("label", { children: [
+          "Saving your contribution",
+          /* @__PURE__ */ jsxRuntime.jsx("progress", { value: progress, max: files.length + 2 })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "paw-form-actions", children: [
+          step === 1 && /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", disabled: busy, onClick: () => setStep(0), children: "Keep editing" }),
+          /* @__PURE__ */ jsxRuntime.jsx("button", { disabled: busy, type: "submit", children: busy ? "Saving\u2026" : step === 0 ? "Preview your story" : kind === "profile" && visibility === "private" ? "Save private profile" : "Submit for editorial review" })
+        ] })
+      ]
+    }
+  );
+}
+function PetOwnerActions({
+  resource,
+  apiPath = "/api/pets"
+}) {
+  const [error, setError] = react.useState(""), [confirm, setConfirm] = react.useState(false), [busy, setBusy] = react.useState(false);
+  async function act(action) {
+    setBusy(true);
+    setError("");
+    try {
+      await call(
+        `${apiPath}/${resource.id}${action === "reunited" ? "/reunited" : ""}`,
+        action === "delete" ? "DELETE" : "POST",
+        { expected_revision: resource.revision }
+      );
+      window.location.reload();
+    } catch (e) {
+      setError(e instanceof Error ? e.message : "Please try again.");
+      setBusy(false);
+    }
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "paw-form-actions", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("a", { href: `/submit?edit=${resource.id}`, children: "Edit details or privacy" }),
+    ["lost", "found"].includes(resource.kind) && !resource.reunited_at && /* @__PURE__ */ jsxRuntime.jsx("button", { disabled: busy, onClick: () => void act("reunited"), children: "Mark reunited" }),
+    confirm ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Remove this contribution and its public photographs?" }),
+      /* @__PURE__ */ jsxRuntime.jsx("button", { disabled: busy, onClick: () => void act("delete"), children: "Yes, remove" }),
+      /* @__PURE__ */ jsxRuntime.jsx("button", { disabled: busy, onClick: () => setConfirm(false), children: "Keep it" })
+    ] }) : /* @__PURE__ */ jsxRuntime.jsx("button", { disabled: busy, onClick: () => setConfirm(true), children: "Delete" }),
+    error && /* @__PURE__ */ jsxRuntime.jsx("p", { role: "alert", children: error })
+  ] });
+}
+
+exports.PetOwnerActions = PetOwnerActions;
+exports.PetSignIn = PetSignIn;
+exports.PetSubmissionForm = PetSubmissionForm;