@scalemule/news-publication 0.0.47 → 0.0.49

package/dist/chunk-TTLM7YOH.js

@@ -0,0 +1,444 @@
+import { SponsorAcknowledgment } from './chunk-4JRWZXAP.js';
+import { PET_SAFETY, safePetLink, adoptionAvailability } from './chunk-MBBPEFDA.js';
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+
+function PawMark({ size = 36 }) {
+  return /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      width: size,
+      height: size,
+      viewBox: "0 0 48 48",
+      fill: "currentColor",
+      "aria-hidden": "true",
+      children: [
+        /* @__PURE__ */ jsx(
+          "ellipse",
+          {
+            cx: "10",
+            cy: "19",
+            rx: "5.1",
+            ry: "6.5",
+            transform: "rotate(-25 10 19)"
+          }
+        ),
+        /* @__PURE__ */ jsx("ellipse", { cx: "20", cy: "10", rx: "5", ry: "6.5", transform: "rotate(-8 20 10)" }),
+        /* @__PURE__ */ jsx("ellipse", { cx: "32", cy: "12", rx: "5", ry: "6.5", transform: "rotate(14 32 12)" }),
+        /* @__PURE__ */ jsx("ellipse", { cx: "40", cy: "23", rx: "4.7", ry: "6.2", transform: "rotate(30 40 23)" }),
+        /* @__PURE__ */ 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 Photo({
+  resource,
+  mediaUrl,
+  large = false
+}) {
+  const photo = resource.media.find((m) => m.status === "PUBLISHED");
+  const src = photo && safePetLink(mediaUrl(resource.id, photo.id));
+  if (!src)
+    return /* @__PURE__ */ jsxs("div", { className: "paw-photo-empty", children: [
+      /* @__PURE__ */ jsx(PawMark, { size: 64 }),
+      /* @__PURE__ */ jsx("span", { children: "A story from your community" })
+    ] });
+  const separator = src.includes("?") ? "&" : "?";
+  return /* @__PURE__ */ jsxs("figure", { className: "paw-photo", children: [
+    /* @__PURE__ */ jsxs("picture", { children: [
+      /* @__PURE__ */ jsx(
+        "source",
+        {
+          type: "image/webp",
+          srcSet: `${src}${separator}width=640&format=webp 640w, ${src}${separator}width=1280&format=webp 1280w`,
+          sizes: large ? "(max-width: 700px) 100vw, 65vw" : "(max-width: 700px) 100vw, 33vw"
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "img",
+        {
+          src: `${src}${separator}width=1280&format=jpeg`,
+          srcSet: `${src}${separator}width=640&format=jpeg 640w, ${src}${separator}width=1280&format=jpeg 1280w`,
+          sizes: large ? "(max-width: 700px) 100vw, 65vw" : "(max-width: 700px) 100vw, 33vw",
+          alt: photo.caption || resource.content.name,
+          width: large ? 1200 : 640,
+          height: large ? 900 : 480,
+          loading: large ? "eager" : "lazy"
+        }
+      )
+    ] }),
+    photo.attribution && /* @__PURE__ */ jsxs("figcaption", { children: [
+      "Photograph: ",
+      photo.attribution
+    ] })
+  ] });
+}
+function ResourceCard(props) {
+  const href = safePetLink(props.href);
+  return /* @__PURE__ */ jsxs("article", { className: `paw-resource${props.memorial ? " paw-memorial" : ""}`, children: [
+    /* @__PURE__ */ jsx(Photo, { ...props }),
+    /* @__PURE__ */ jsxs("div", { className: "paw-resource-copy", children: [
+      /* @__PURE__ */ jsxs("p", { className: "paw-context", children: [
+        props.label,
+        " \xB7 ",
+        props.community
+      ] }),
+      /* @__PURE__ */ jsx("h3", { children: href ? /* @__PURE__ */ jsx("a", { href, children: props.resource.content.name }) : props.resource.content.name }),
+      /* @__PURE__ */ jsx("p", { children: props.resource.content.story }),
+      props.resource.content.attribution && /* @__PURE__ */ jsxs("p", { className: "paw-credit", children: [
+        "Shared by ",
+        props.resource.content.attribution
+      ] })
+    ] })
+  ] });
+}
+function PetProfileCard(props) {
+  return /* @__PURE__ */ jsx(ResourceCard, { ...props, label: "Meet a neighbor" });
+}
+function PetCelebrationCard(props) {
+  return /* @__PURE__ */ jsx(
+    ResourceCard,
+    {
+      ...props,
+      memorial: props.resource.content.category === "memorial",
+      label: props.resource.content.category === "memorial" ? "In loving memory" : "A little joy worth sharing"
+    }
+  );
+}
+function LostPetNotice(props) {
+  return /* @__PURE__ */ jsxs("div", { className: "paw-notice", children: [
+    /* @__PURE__ */ jsx(
+      ResourceCard,
+      {
+        ...props,
+        label: props.resource.reunited_at ? "Reported reunited" : props.resource.kind === "found" ? "Found pet" : "Lost pet"
+      }
+    ),
+    /* @__PURE__ */ jsx("p", { className: "paw-safety", children: PET_SAFETY.recovery })
+  ] });
+}
+function AdoptionListingCard(props) {
+  const source = props.resource.content.source;
+  const url = source && safePetLink(source.official_url);
+  return /* @__PURE__ */ jsxs("div", { children: [
+    /* @__PURE__ */ jsx(ResourceCard, { ...props, label: "Adoption discovery" }),
+    source && /* @__PURE__ */ jsxs("p", { className: "paw-source", children: [
+      adoptionAvailability(source) === "confirmed" ? "Availability recently confirmed." : "Check current availability with the organization.",
+      " ",
+      url && /* @__PURE__ */ jsxs("a", { href: url, rel: "noopener noreferrer", children: [
+        "Visit ",
+        source.organization
+      ] }),
+      source.verified_at && /* @__PURE__ */ jsxs("small", { children: [
+        "Source checked",
+        " ",
+        new Date(source.verified_at).toLocaleDateString("en-US", {
+          timeZone: "America/Los_Angeles"
+        })
+      ] })
+    ] })
+  ] });
+}
+function PetEventCard(props) {
+  const event = props.resource.content.event, source = props.resource.content.source;
+  return /* @__PURE__ */ jsxs("div", { children: [
+    /* @__PURE__ */ jsx(ResourceCard, { ...props, label: "Pet community event" }),
+    event && /* @__PURE__ */ jsxs("p", { className: "paw-source", children: [
+      /* @__PURE__ */ jsx("time", { dateTime: event.starts_at, children: new Date(event.starts_at).toLocaleString("en-US", {
+        timeZone: "America/Los_Angeles",
+        dateStyle: "medium",
+        timeStyle: "short"
+      }) }),
+      " ",
+      "\xB7 Pacific time",
+      /* @__PURE__ */ jsx("br", {}),
+      event.cost_verified && event.cost === "free" ? "Verified free event" : event.cost_verified && event.cost === "paid" ? "Paid event \u2014 check official pricing" : "Check the official organization for cost"
+    ] }),
+    source && /* @__PURE__ */ jsx("p", { children: /* @__PURE__ */ jsxs("a", { href: safePetLink(source.official_url), rel: "noopener noreferrer", children: [
+      "Official details from ",
+      source.organization
+    ] }) })
+  ] });
+}
+function PawOfTheWeekCard(props) {
+  const href = safePetLink(props.href);
+  return /* @__PURE__ */ jsxs("article", { className: "paw-spotlight", children: [
+    /* @__PURE__ */ jsx(Photo, { ...props, large: true }),
+    /* @__PURE__ */ jsxs("div", { className: "paw-spotlight-copy", children: [
+      /* @__PURE__ */ jsxs("p", { className: "paw-context", children: [
+        props.community,
+        "\u2019s Paw of the Week"
+      ] }),
+      /* @__PURE__ */ jsxs("h2", { children: [
+        "Meet ",
+        props.resource.content.name,
+        "."
+      ] }),
+      /* @__PURE__ */ jsx("p", { children: props.resource.content.story }),
+      href && /* @__PURE__ */ jsx("a", { className: "paw-button", href, children: "Read the story" }),
+      /* @__PURE__ */ jsx("p", { className: "paw-credit", children: "Chosen by our editors. Always free to submit." })
+    ] })
+  ] });
+}
+function PetFriendlyPlaceCard({
+  name,
+  description,
+  href,
+  verified,
+  verifiedAt
+}) {
+  const url = safePetLink(href);
+  return /* @__PURE__ */ jsxs("article", { className: "paw-place", children: [
+    /* @__PURE__ */ jsx("p", { className: "paw-context", children: verified ? "Verified directory information" : "Community suggestion \u2014 not verified" }),
+    /* @__PURE__ */ jsx("h3", { children: url ? /* @__PURE__ */ jsx("a", { href: url, children: name }) : name }),
+    /* @__PURE__ */ jsx("p", { children: description }),
+    verifiedAt && /* @__PURE__ */ jsxs("small", { children: [
+      "Last checked ",
+      verifiedAt
+    ] })
+  ] });
+}
+function SponsorAcknowledgment2({
+  acknowledgment,
+  now = Date.now()
+}) {
+  const start = Date.parse(acknowledgment.starts_at), end = Date.parse(acknowledgment.ends_at);
+  if (!(start <= now && now < end)) return null;
+  return /* @__PURE__ */ jsxs("div", { className: "paw-sponsor", children: [
+    /* @__PURE__ */ jsx(
+      SponsorAcknowledgment,
+      {
+        creative: acknowledgment.creative,
+        acknowledgment,
+        label: "Sponsored"
+      }
+    ),
+    /* @__PURE__ */ jsx("small", { children: "Paid community sponsorship. Sponsorship does not influence editorial selections and is not an endorsement." })
+  ] });
+}
+function PetsSection({
+  name = "Bay Area Paw",
+  tagline = "Happier pets. Closer communities.",
+  community,
+  communities,
+  resources,
+  spotlight,
+  acknowledgments = [],
+  basePath = "/pets",
+  mediaUrl,
+  contributeUrl,
+  placesUrl,
+  walksUrl,
+  nextUrl,
+  unavailable,
+  regionLabel,
+  resourceBasePath,
+  browseBasePath = "/browse",
+  eventsUrl,
+  accountUrl
+}) {
+  const location = community?.name || regionLabel || "the Bay Area";
+  const link = (id) => `${resourceBasePath || basePath}/${encodeURIComponent(id)}`;
+  const local = (id) => communities.find((c) => c.id === id)?.name || "Our community";
+  const communityQuery = community ? "?community=" + encodeURIComponent(community.slug) : "";
+  const photoBoard = resources.filter(
+    (r) => r.kind === "photo" || r.kind === "profile"
+  );
+  const celebrations = resources.filter((r) => r.kind === "celebration");
+  const notices = resources.filter((r) => ["lost", "found"].includes(r.kind));
+  const adoptions = resources.filter((r) => r.kind === "adoption");
+  return /* @__PURE__ */ jsxs("div", { className: "paw", children: [
+    /* @__PURE__ */ jsxs("header", { className: "paw-masthead", children: [
+      /* @__PURE__ */ jsxs("a", { href: basePath || "/", className: "paw-brand", children: [
+        /* @__PURE__ */ jsx(PawMark, {}),
+        /* @__PURE__ */ jsx("span", { children: name })
+      ] }),
+      /* @__PURE__ */ jsx("p", { children: tagline }),
+      accountUrl && /* @__PURE__ */ jsx("a", { href: safePetLink(accountUrl), children: "My pets" }),
+      contributeUrl && /* @__PURE__ */ jsx("a", { className: "paw-button", href: safePetLink(contributeUrl), children: "Share your pet" })
+    ] }),
+    /* @__PURE__ */ jsxs("nav", { className: "paw-nav", "aria-label": "Pet community", children: [
+      /* @__PURE__ */ jsx("a", { href: "#neighbors", children: "Our pets" }),
+      /* @__PURE__ */ jsx("a", { href: "#lost-found", children: "Lost & found" }),
+      walksUrl && /* @__PURE__ */ jsx("a", { href: safePetLink(walksUrl), children: "Paw Walks" }),
+      placesUrl && /* @__PURE__ */ jsx("a", { href: safePetLink(placesUrl), children: "Paw Places" }),
+      /* @__PURE__ */ jsx("a", { href: "#adoption", children: "Adoption" }),
+      /* @__PURE__ */ jsx("a", { href: "#celebrations", children: "Celebrations" }),
+      eventsUrl && /* @__PURE__ */ jsx("a", { href: safePetLink(eventsUrl), children: "Events" })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "paw-community", children: [
+      /* @__PURE__ */ jsxs("p", { children: [
+        "A little closer to ",
+        location,
+        "."
+      ] }),
+      /* @__PURE__ */ jsxs("form", { action: basePath || "/", method: "get", children: [
+        /* @__PURE__ */ jsx("label", { htmlFor: "paw-community", children: "Your community" }),
+        /* @__PURE__ */ jsxs(
+          "select",
+          {
+            id: "paw-community",
+            name: "community",
+            defaultValue: community?.slug || "",
+            children: [
+              /* @__PURE__ */ jsx("option", { value: "", children: "All communities" }),
+              communities.map((c) => /* @__PURE__ */ jsx("option", { value: c.slug, children: c.name }, c.id))
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsx("button", { type: "submit", children: "Explore" })
+      ] })
+    ] }),
+    unavailable ? /* @__PURE__ */ jsxs("div", { role: "status", className: "paw-empty", children: [
+      /* @__PURE__ */ jsx("h1", { children: "Your community is on its way." }),
+      /* @__PURE__ */ jsx("p", { children: "We can\u2019t load the pet community right now. Please try again shortly." })
+    ] }) : spotlight ? /* @__PURE__ */ jsx(
+      PawOfTheWeekCard,
+      {
+        resource: spotlight,
+        community: local(spotlight.area_id),
+        href: link(spotlight.id),
+        mediaUrl
+      }
+    ) : /* @__PURE__ */ jsxs("section", { className: "paw-welcome", children: [
+      /* @__PURE__ */ jsxs("div", { children: [
+        /* @__PURE__ */ jsxs("h1", { children: [
+          "Every pet has a story.",
+          /* @__PURE__ */ jsx("br", {}),
+          "Let\u2019s meet yours."
+        ] }),
+        /* @__PURE__ */ jsx("p", { children: "A place for familiar faces, happy reunions and the everyday joy of life with pets." }),
+        contributeUrl && /* @__PURE__ */ jsx("a", { className: "paw-button", href: safePetLink(contributeUrl), children: "Submit for Paw of the Week" }),
+        /* @__PURE__ */ jsx("small", { children: "Free to enter. Thoughtfully selected by local editors." })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "paw-emblem", children: [
+        /* @__PURE__ */ jsx(PawMark, { size: 180 }),
+        /* @__PURE__ */ jsxs("span", { children: [
+          "Good neighbors.",
+          /* @__PURE__ */ jsx("br", {}),
+          "Great companions."
+        ] })
+      ] })
+    ] }),
+    !unavailable && /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsxs("section", { id: "neighbors", className: "paw-section", children: [
+        /* @__PURE__ */ jsxs("div", { className: "paw-section-heading", children: [
+          /* @__PURE__ */ jsx("h2", { children: "Friends around the corner" }),
+          /* @__PURE__ */ jsx("p", { children: "Small moments. Very good company." })
+        ] }),
+        photoBoard.length ? /* @__PURE__ */ jsx("div", { className: "paw-gallery", children: photoBoard.map((r) => /* @__PURE__ */ jsx(
+          PetProfileCard,
+          {
+            resource: r,
+            community: local(r.area_id),
+            href: link(r.id),
+            mediaUrl
+          },
+          r.id
+        )) }) : /* @__PURE__ */ jsx("p", { className: "paw-empty", children: "The photo board is ready for its first neighbors. Share a photograph and a few words about your pet." }),
+        /* @__PURE__ */ jsx(
+          "a",
+          {
+            href: safePetLink(browseBasePath + "/neighbors" + communityQuery),
+            children: "Browse all community pets"
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs("section", { id: "lost-found", className: "paw-section paw-recovery", children: [
+        /* @__PURE__ */ jsxs("div", { className: "paw-section-heading", children: [
+          /* @__PURE__ */ jsx("h2", { children: "Let\u2019s help them get home." }),
+          /* @__PURE__ */ jsx("p", { children: "Lost & found is always free." })
+        ] }),
+        notices.length ? /* @__PURE__ */ jsx("div", { className: "paw-gallery", children: notices.map((r) => /* @__PURE__ */ jsx(
+          LostPetNotice,
+          {
+            resource: r,
+            community: local(r.area_id),
+            href: link(r.id),
+            mediaUrl
+          },
+          r.id
+        )) }) : /* @__PURE__ */ jsx("p", { children: "No current, reviewed notices in this community." }),
+        /* @__PURE__ */ jsx("p", { className: "paw-safety", children: PET_SAFETY.recovery }),
+        /* @__PURE__ */ jsx(
+          "a",
+          {
+            href: safePetLink(
+              browseBasePath + "/lost_found" + communityQuery
+            ),
+            children: "Open the lost & found board"
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs("section", { id: "celebrations", className: "paw-section", children: [
+        /* @__PURE__ */ jsxs("div", { className: "paw-section-heading", children: [
+          /* @__PURE__ */ jsx("h2", { children: "A life full of little milestones" }),
+          /* @__PURE__ */ jsx("p", { children: "Birthdays, adoption days, new beginnings and fond memories." })
+        ] }),
+        celebrations.length ? /* @__PURE__ */ jsx("div", { className: "paw-gallery", children: celebrations.map((r) => /* @__PURE__ */ jsx(
+          PetCelebrationCard,
+          {
+            resource: r,
+            community: local(r.area_id),
+            href: link(r.id),
+            mediaUrl
+          },
+          r.id
+        )) }) : /* @__PURE__ */ jsx("p", { className: "paw-empty", children: "Celebrate someone who makes your days brighter. Every story is reviewed with care." }),
+        /* @__PURE__ */ jsx(
+          "a",
+          {
+            href: safePetLink(
+              browseBasePath + "/celebration" + communityQuery
+            ),
+            children: "More pet celebrations"
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs("section", { id: "adoption", className: "paw-section", children: [
+        /* @__PURE__ */ jsxs("div", { className: "paw-section-heading", children: [
+          /* @__PURE__ */ jsx("h2", { children: "A new chapter starts with hello." }),
+          /* @__PURE__ */ jsx("p", { children: "Discover animals through local shelters and rescue organizations." })
+        ] }),
+        adoptions.length ? /* @__PURE__ */ jsx("div", { className: "paw-gallery", children: adoptions.map((r) => /* @__PURE__ */ jsx(
+          AdoptionListingCard,
+          {
+            resource: r,
+            community: local(r.area_id),
+            href: link(r.id),
+            mediaUrl
+          },
+          r.id
+        )) }) : /* @__PURE__ */ jsx("p", { className: "paw-empty", children: "Our editors are gathering official shelter and rescue listings. Check directly with your local organization for current availability." }),
+        /* @__PURE__ */ jsx("p", { className: "paw-safety", children: PET_SAFETY.adoption }),
+        /* @__PURE__ */ jsx(
+          "a",
+          {
+            href: safePetLink(browseBasePath + "/adoption" + communityQuery),
+            children: "Explore adoption listings"
+          }
+        )
+      ] }),
+      nextUrl && /* @__PURE__ */ jsx("a", { className: "paw-button", href: safePetLink(nextUrl), children: "More community pets" })
+    ] }),
+    acknowledgments.length > 0 && /* @__PURE__ */ jsxs("section", { "aria-label": "Community support", children: [
+      /* @__PURE__ */ jsx("p", { children: "Bay Area Paw is made possible with support from our community partners." }),
+      acknowledgments.map((item) => /* @__PURE__ */ jsx(
+        SponsorAcknowledgment2,
+        {
+          acknowledgment: item
+        },
+        item.campaign_id + item.placement_id
+      ))
+    ] }),
+    /* @__PURE__ */ jsxs("footer", { className: "paw-footer", children: [
+      /* @__PURE__ */ jsx(PawMark, { size: 24 }),
+      /* @__PURE__ */ jsxs("p", { children: [
+        "A community project from Bay Area News Network.",
+        /* @__PURE__ */ jsx("br", {}),
+        tagline
+      ] })
+    ] })
+  ] });
+}
+
+export { AdoptionListingCard, LostPetNotice, PawMark, PawOfTheWeekCard, PetCelebrationCard, PetEventCard, PetFriendlyPlaceCard, PetProfileCard, PetsSection, SponsorAcknowledgment2 as SponsorAcknowledgment };