@scalemule/news-publication 0.0.48 → 0.0.49

package/dist/pets-interactions.js

@@ -0,0 +1,319 @@
+"use client";
+import { PET_NOTIFICATION_CATEGORIES } from './chunk-MBBPEFDA.js';
+import { useState, useEffect, useRef } from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+async function request(path, method = "GET", body) {
+  const response = await fetch(path, {
+    method,
+    credentials: "same-origin",
+    headers: { "content-type": "application/json" },
+    body: body === void 0 ? void 0 : JSON.stringify(body)
+  });
+  const value = await response.json();
+  if (!response.ok)
+    throw new Error(
+      typeof value.error === "string" ? value.error : "Please try again."
+    );
+  return value.data ?? value;
+}
+function PetSignOut() {
+  const [error, setError] = useState("");
+  return /* @__PURE__ */ jsxs("div", { children: [
+    /* @__PURE__ */ jsx(
+      "button",
+      {
+        onClick: async () => {
+          try {
+            await request("/api/paw-auth/logout", "POST");
+            window.location.assign("/");
+          } catch {
+            setError("Sign-out could not be completed. Please try again.");
+          }
+        },
+        children: "Sign out"
+      }
+    ),
+    error && /* @__PURE__ */ jsx("p", { role: "alert", children: error })
+  ] });
+}
+function PetCommunityMemory({
+  selected,
+  signedIn
+}) {
+  const [error, setError] = useState("");
+  useEffect(() => {
+    if (selected === void 0) return;
+    void request("/api/paw-community", "POST", { area_id: selected }).catch(
+      () => setError("Your community could not be remembered on this device.")
+    );
+    if (signedIn)
+      void request("/api/pets/preferences").then((record) => {
+        if (record.preferences.home_area_id === selected) return;
+        return request("/api/pets/preferences", "PUT", {
+          expected_revision: record.revision,
+          preferences: { ...record.preferences, home_area_id: selected }
+        });
+      }).catch(
+        () => setError(
+          "Your account preference could not be saved. You can retry from My pets."
+        )
+      );
+  }, [selected, signedIn]);
+  return error ? /* @__PURE__ */ jsx("p", { className: "paw-safety", role: "status", children: error }) : null;
+}
+function PetPreferencesForm({
+  record,
+  communities,
+  notificationsReady = false
+}) {
+  const [value, setValue] = useState(record.preferences), [revision, setRevision] = useState(record.revision), [message, setMessage] = useState(""), [busy, setBusy] = useState(false);
+  return /* @__PURE__ */ jsxs(
+    "form",
+    {
+      className: "paw-form",
+      onSubmit: async (event) => {
+        event.preventDefault();
+        setBusy(true);
+        setMessage("");
+        try {
+          const result = await request(
+            "/api/pets/preferences",
+            "PUT",
+            { expected_revision: revision, preferences: value }
+          );
+          setRevision(result.revision);
+          setValue(result.preferences);
+          setMessage("Your preferences are saved.");
+          await request("/api/paw-community", "POST", {
+            area_id: value.home_area_id
+          });
+        } catch (error) {
+          setMessage(
+            error instanceof Error ? error.message : "Please try again."
+          );
+        } finally {
+          setBusy(false);
+        }
+      },
+      children: [
+        /* @__PURE__ */ jsx("h2", { children: "Your community, your pace." }),
+        /* @__PURE__ */ jsxs("label", { children: [
+          "Home community",
+          /* @__PURE__ */ jsxs(
+            "select",
+            {
+              value: value.home_area_id || "",
+              onChange: (e) => setValue({ ...value, home_area_id: e.target.value || null }),
+              children: [
+                /* @__PURE__ */ jsx("option", { value: "", children: "The whole Bay Area" }),
+                communities.map((c) => /* @__PURE__ */ jsx("option", { value: c.id, children: c.name }, c.id))
+              ]
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs("fieldset", { children: [
+          /* @__PURE__ */ jsx("legend", { children: "Communities you follow" }),
+          communities.map((c) => /* @__PURE__ */ jsxs("label", { className: "paw-consent", children: [
+            /* @__PURE__ */ jsx(
+              "input",
+              {
+                type: "checkbox",
+                checked: value.followed_area_ids.includes(c.id),
+                onChange: (e) => setValue({
+                  ...value,
+                  followed_area_ids: e.target.checked ? [...value.followed_area_ids, c.id] : value.followed_area_ids.filter((id) => id !== c.id)
+                })
+              }
+            ),
+            c.name
+          ] }, c.id))
+        ] }),
+        /* @__PURE__ */ jsxs("fieldset", { disabled: !notificationsReady, children: [
+          /* @__PURE__ */ jsx("legend", { children: "Optional community updates" }),
+          !notificationsReady && /* @__PURE__ */ jsx("p", { children: "Community alerts are not active yet. No emails or alerts will be sent from these settings." }),
+          PET_NOTIFICATION_CATEGORIES.map(([key, label]) => /* @__PURE__ */ jsxs("label", { className: "paw-consent", children: [
+            /* @__PURE__ */ jsx(
+              "input",
+              {
+                type: "checkbox",
+                checked: value.categories.includes(key),
+                onChange: (e) => setValue({
+                  ...value,
+                  categories: e.target.checked ? [...value.categories, key] : value.categories.filter((c) => c !== key)
+                })
+              }
+            ),
+            label
+          ] }, key)),
+          /* @__PURE__ */ jsxs("label", { className: "paw-consent", children: [
+            /* @__PURE__ */ jsx(
+              "input",
+              {
+                type: "checkbox",
+                checked: value.email_enabled,
+                onChange: (e) => setValue({ ...value, email_enabled: e.target.checked })
+              }
+            ),
+            "Email me selected updates"
+          ] }),
+          /* @__PURE__ */ jsxs("label", { children: [
+            "Frequency",
+            /* @__PURE__ */ jsxs(
+              "select",
+              {
+                value: value.frequency || "weekly",
+                onChange: (e) => setValue({
+                  ...value,
+                  frequency: e.target.value
+                }),
+                children: [
+                  /* @__PURE__ */ jsx("option", { value: "weekly", children: "Weekly digest" }),
+                  /* @__PURE__ */ jsx("option", { value: "daily", children: "Daily digest" }),
+                  /* @__PURE__ */ jsx("option", { value: "immediate", children: "As updates are approved" })
+                ]
+              }
+            )
+          ] })
+        ] }),
+        /* @__PURE__ */ jsx("p", { className: "paw-safety", children: "Account and submission messages are separate from optional community updates. Sponsors never receive your profile or preferences." }),
+        /* @__PURE__ */ jsx("button", { disabled: busy, children: "Save preferences" }),
+        message && /* @__PURE__ */ jsx("p", { role: "status", children: message })
+      ]
+    }
+  );
+}
+function PetResourceActions({
+  resource,
+  signedIn,
+  apiPath = "/api/pets"
+}) {
+  const [active, setActive] = useState(false), [reporting, setReporting] = useState(false), [message, setMessage] = useState(""), [busy, setBusy] = useState(false);
+  const reportKey = useRef("");
+  const celebrate = ["profile", "photo", "spotlight", "celebration"].includes(resource.kind) && resource.content.category !== "memorial";
+  useEffect(() => {
+    if (signedIn && celebrate)
+      void request(`${apiPath}/${resource.id}/reaction`).then((v) => setActive(v.active)).catch(() => setMessage("Your reaction could not be loaded."));
+  }, [signedIn, celebrate, resource.id, apiPath]);
+  return /* @__PURE__ */ jsxs("section", { "aria-label": "Share and community care", children: [
+    /* @__PURE__ */ jsxs("div", { className: "paw-form-actions", children: [
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          onClick: async () => {
+            try {
+              if (navigator.share)
+                await navigator.share({
+                  title: resource.content.name,
+                  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 story."
+                );
+            }
+          },
+          children: "Share this story"
+        }
+      ),
+      celebrate && signedIn && /* @__PURE__ */ jsx(
+        "button",
+        {
+          disabled: busy,
+          "aria-pressed": active,
+          onClick: async () => {
+            setBusy(true);
+            try {
+              const result = await request(
+                `${apiPath}/${resource.id}/reaction`,
+                "PUT",
+                { active: !active }
+              );
+              setActive(result.active);
+              setMessage(
+                result.active ? "A little love, shared." : "Reaction removed."
+              );
+            } catch (e) {
+              setMessage(
+                e instanceof Error ? e.message : "Please try again."
+              );
+            } finally {
+              setBusy(false);
+            }
+          },
+          children: active ? "Loved" : "Send a little love"
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          "aria-expanded": reporting,
+          onClick: () => setReporting(!reporting),
+          children: "Report a concern"
+        }
+      )
+    ] }),
+    reporting && (signedIn ? /* @__PURE__ */ jsxs(
+      "form",
+      {
+        className: "paw-form",
+        onSubmit: async (event) => {
+          event.preventDefault();
+          const data = new FormData(event.currentTarget);
+          setBusy(true);
+          try {
+            if (!reportKey.current) reportKey.current = crypto.randomUUID();
+            await request(`${apiPath}/${resource.id}/reports`, "POST", {
+              reason: data.get("reason"),
+              details: data.get("details"),
+              idempotency_key: reportKey.current
+            });
+            setReporting(false);
+            setMessage(
+              "Your private report has been sent to the editorial team."
+            );
+          } catch (error) {
+            setMessage(
+              error instanceof Error ? error.message : "Please try again."
+            );
+          } finally {
+            setBusy(false);
+          }
+        },
+        children: [
+          /* @__PURE__ */ jsxs("label", { children: [
+            "Concern",
+            /* @__PURE__ */ jsxs("select", { name: "reason", children: [
+              /* @__PURE__ */ jsx("option", { value: "safety", children: "Safety or recovery scam" }),
+              /* @__PURE__ */ jsx("option", { value: "privacy-removal", children: "Privacy or removal request" }),
+              /* @__PURE__ */ jsx("option", { value: "inappropriate-media", children: "Inappropriate photograph" }),
+              /* @__PURE__ */ jsx("option", { value: "duplicate", children: "Duplicate notice" }),
+              /* @__PURE__ */ jsx("option", { value: "incorrect-information", children: "Incorrect information" }),
+              /* @__PURE__ */ jsx("option", { value: "other", children: "Something else" })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxs("label", { children: [
+            "Tell our editors",
+            /* @__PURE__ */ jsx("textarea", { name: "details", required: true, maxLength: 2e3 })
+          ] }),
+          /* @__PURE__ */ jsx("p", { children: "Only the editorial team can read this report. Keep contact details and ownership evidence out of it." }),
+          /* @__PURE__ */ jsx("button", { disabled: busy, children: "Send private report" })
+        ]
+      }
+    ) : /* @__PURE__ */ jsx("p", { children: /* @__PURE__ */ jsx(
+      "a",
+      {
+        href: "/account?next=" + encodeURIComponent(`/pets/${resource.id}`),
+        children: "Sign in to send a private report."
+      }
+    ) })),
+    message && /* @__PURE__ */ jsx("p", { role: "status", children: message })
+  ] });
+}
+
+export { PetCommunityMemory, PetPreferencesForm, PetResourceActions, PetSignOut };