@scalemule/news-publication 0.0.49 → 0.0.50

package/dist/pets-plugin.js

@@ -0,0 +1,312 @@
+import { LostPetNotice, PetCelebrationCard, AdoptionListingCard, PetEventCard, PetProfileCard, PawMark } from './chunk-QW3OZB22.js';
+import './chunk-4JRWZXAP.js';
+import './chunk-66GI2IX6.js';
+import { petRequest } from './chunk-ABPJMDUG.js';
+import { PET_UUID, safePetLink, PET_SAFETY, resolvePetCommunity } from './chunk-AFJ6S5WJ.js';
+import { PetSignIn, PetOwnerActions, PetSubmissionForm } from '@scalemule/news-publication/pets-forms';
+import { PetPreferencesForm, PetResourceActions, PetSignOut } from '@scalemule/news-publication/pets-interactions';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+
+var publicationPetPaths = {
+  home: "/pets",
+  account: "/pets/account",
+  submit: "/pets/submit",
+  resource: "/pets",
+  browse: "/pets/browse"
+};
+var standalonePetPaths = {
+  home: "/",
+  account: "/account",
+  submit: "/submit",
+  resource: "/pets",
+  browse: "/browse"
+};
+function petCollectionRequest(scope, suffix = "") {
+  return petRequest(
+    scope,
+    `/v1/knowledge/community-maps/collections/${scope.collectionSlug}${suffix}`
+  );
+}
+async function petReaderAuthenticated(scope) {
+  if (!scope.accessToken) return false;
+  try {
+    const me = await petRequest(
+      scope,
+      "/v1/auth/me"
+    );
+    return Boolean(me.id && me.email_verified);
+  } catch {
+    return false;
+  }
+}
+function Shell({
+  paths,
+  children,
+  signedIn
+}) {
+  return /* @__PURE__ */ jsxs("div", { className: "paw", children: [
+    /* @__PURE__ */ jsxs("header", { className: "paw-page-heading", children: [
+      /* @__PURE__ */ jsxs("a", { className: "paw-brand", href: paths.home, children: [
+        /* @__PURE__ */ jsx(PawMark, {}),
+        "Bay Area Paw"
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "paw-form-actions", children: [
+        /* @__PURE__ */ jsx("a", { href: paths.account, children: "My pets" }),
+        signedIn && /* @__PURE__ */ jsx(PetSignOut, { returnTo: paths.home })
+      ] })
+    ] }),
+    children
+  ] });
+}
+async function PetAccountPage({
+  scope,
+  signedIn,
+  paths = publicationPetPaths,
+  after,
+  signInEnabled = true
+}) {
+  let body;
+  if (!signedIn)
+    body = signInEnabled ? /* @__PURE__ */ jsx(PetSignIn, { returnTo: paths.account }) : /* @__PURE__ */ jsx("p", { children: "Community sign-in is being prepared. Public browsing is open." });
+  else
+    try {
+      const [own, preferences, collection] = await Promise.all([
+        petCollectionRequest(
+          scope,
+          "/pets/mine" + (after && PET_UUID.test(after) ? "?after=" + after : "")
+        ),
+        petCollectionRequest(scope, "/pets/preferences"),
+        petCollectionRequest(scope)
+      ]);
+      body = /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx("p", { className: "paw-intro", children: "A home for their stories, wherever you read your local news." }),
+        !own.items.length && /* @__PURE__ */ jsx("p", { children: "Your pet\u2019s story starts here. Create a private profile or share a contribution with the community." }),
+        own.items.map((resource) => /* @__PURE__ */ jsxs("article", { className: "paw-account-row", children: [
+          /* @__PURE__ */ jsx("h2", { children: resource.content.name }),
+          /* @__PURE__ */ jsx("p", { children: resource.visibility === "private" ? "Private \u2014 only you" : resource.status === "published" ? "Editorially published; visibility follows its scheduled dates" : resource.status.replaceAll("_", " ") }),
+          resource.review_note && /* @__PURE__ */ jsxs("p", { children: [
+            "Editorial note: ",
+            resource.review_note
+          ] }),
+          /* @__PURE__ */ jsx(PetOwnerActions, { resource, submitUrl: paths.submit })
+        ] }, resource.id)),
+        own.next_cursor && /* @__PURE__ */ jsx("a", { href: paths.account + "?after=" + own.next_cursor, children: "More contributions" }),
+        /* @__PURE__ */ jsx("p", { children: /* @__PURE__ */ jsx("a", { className: "paw-button", href: paths.submit, children: "Add a pet or story" }) }),
+        /* @__PURE__ */ jsx(
+          PetPreferencesForm,
+          {
+            record: preferences,
+            communities: preferences.communities || collection.areas
+          }
+        )
+      ] });
+    } catch (error) {
+      body = error && typeof error === "object" && "status" in error && error.status === 403 ? /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx("p", { children: "Connect your network sign-in to open this pet community." }),
+        /* @__PURE__ */ jsx(PetSignIn, { returnTo: paths.account })
+      ] }) : /* @__PURE__ */ jsx("p", { role: "status", children: "Your pets could not be loaded. Please try again shortly." });
+    }
+  return /* @__PURE__ */ jsx(Shell, { paths, signedIn, children: /* @__PURE__ */ jsxs("section", { className: "paw-story", children: [
+    /* @__PURE__ */ jsx("p", { className: "paw-eyebrow", children: "Your community account" }),
+    /* @__PURE__ */ jsxs("h1", { children: [
+      "Your pets.",
+      /* @__PURE__ */ jsx("br", {}),
+      "Your little corner."
+    ] }),
+    body
+  ] }) });
+}
+async function PetSubmitPage({
+  scope,
+  signedIn,
+  paths = publicationPetPaths,
+  edit,
+  community,
+  submissionsEnabled = true
+}) {
+  let form;
+  const next = paths.submit + "?" + new URLSearchParams({
+    ...edit ? { edit } : {},
+    ...community ? { community } : {}
+  });
+  if (!submissionsEnabled)
+    form = /* @__PURE__ */ jsxs("section", { className: "paw-form", children: [
+      /* @__PURE__ */ jsx("h1", { children: "We\u2019re getting ready to meet your pets." }),
+      /* @__PURE__ */ jsx("p", { children: "Contributions will open when our local review team and photo-sharing experience are ready." })
+    ] });
+  else if (!signedIn)
+    form = /* @__PURE__ */ jsxs("section", { className: "paw-form", children: [
+      /* @__PURE__ */ jsxs("h1", { children: [
+        "A familiar sign-in.",
+        /* @__PURE__ */ jsx("br", {}),
+        "A new place to belong."
+      ] }),
+      /* @__PURE__ */ jsx(PetSignIn, { returnTo: next })
+    ] });
+  else
+    try {
+      const [collection, own, initial] = await Promise.all([
+        petCollectionRequest(scope),
+        petCollectionRequest(scope, "/pets/mine"),
+        edit && PET_UUID.test(edit) ? petCollectionRequest(scope, "/pets/mine/" + edit) : void 0
+      ]);
+      form = edit && !initial ? /* @__PURE__ */ jsx("p", { children: "This contribution is unavailable. Open it from My pets." }) : /* @__PURE__ */ jsx(
+        PetSubmissionForm,
+        {
+          communities: collection.areas,
+          policy: collection.submission_policy,
+          profiles: own.items.filter((p) => p.kind === "profile"),
+          initial,
+          defaultCommunity: collection.areas.find((a) => a.slug === community)?.id,
+          accountUrl: paths.account
+        }
+      );
+    } catch {
+      form = /* @__PURE__ */ jsx("p", { role: "status", children: "This contribution could not be loaded. Open it from My pets or try again shortly." });
+    }
+  return /* @__PURE__ */ jsx(Shell, { paths, children: form });
+}
+function PetStoryPage({
+  resource,
+  communities,
+  signedIn,
+  paths = publicationPetPaths,
+  canonicalOrigin
+}) {
+  const c = resource.content, photoUrl = (photo) => `/api/pets/${resource.id}/media/${photo}`, source = c.source && safePetLink(c.source.official_url);
+  return /* @__PURE__ */ jsx(Shell, { paths, children: /* @__PURE__ */ jsxs(
+    "article",
+    {
+      className: `paw-story${c.category === "memorial" ? " paw-memorial" : ""}`,
+      children: [
+        /* @__PURE__ */ jsx("p", { className: "paw-context", children: communities.find((a) => a.id === resource.area_id)?.name }),
+        /* @__PURE__ */ jsxs("h1", { children: [
+          c.category === "memorial" ? "Remembering " : "Meet ",
+          c.name,
+          "."
+        ] }),
+        resource.media.map((photo, index) => /* @__PURE__ */ jsxs("figure", { children: [
+          /* @__PURE__ */ jsxs("picture", { children: [
+            /* @__PURE__ */ jsx(
+              "source",
+              {
+                type: "image/webp",
+                srcSet: `${photoUrl(photo.id)}?width=640&format=webp 640w, ${photoUrl(photo.id)}?width=1280&format=webp 1280w`,
+                sizes: "(max-width: 850px) 100vw, 800px"
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              "img",
+              {
+                src: `${photoUrl(photo.id)}?width=1280&format=jpeg`,
+                alt: photo.caption || c.name,
+                width: 1200,
+                height: 900,
+                loading: index ? "lazy" : "eager"
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsx("figcaption", { children: photo.attribution })
+        ] }, photo.id)),
+        /* @__PURE__ */ jsx("p", { children: c.story }),
+        c.personality && /* @__PURE__ */ jsx("p", { children: c.personality }),
+        c.activities.length > 0 && /* @__PURE__ */ jsxs("p", { children: [
+          "Favorite things: ",
+          c.activities.join(", "),
+          "."
+        ] }),
+        c.attribution && /* @__PURE__ */ jsxs("p", { className: "paw-credit", children: [
+          "Shared by ",
+          c.attribution
+        ] }),
+        ["lost", "found"].includes(resource.kind) && /* @__PURE__ */ jsxs("aside", { className: "paw-safety", children: [
+          /* @__PURE__ */ jsx("p", { children: resource.reunited_at ? "Reported reunited." : "A community report." }),
+          /* @__PURE__ */ jsx("p", { children: PET_SAFETY.recovery }),
+          /* @__PURE__ */ jsx("p", { children: "Private recovery contact is not available yet. Do not post contact details in public." })
+        ] }),
+        source && /* @__PURE__ */ jsxs("a", { href: source, rel: "noopener noreferrer", children: [
+          "Visit ",
+          c.source.organization,
+          " for current information"
+        ] }),
+        /* @__PURE__ */ jsx("p", { children: /* @__PURE__ */ jsx("a", { href: canonicalOrigin + "/pets/" + resource.id, children: "Permanent link to this story" }) }),
+        /* @__PURE__ */ jsx(
+          PetResourceActions,
+          {
+            resource,
+            signedIn,
+            accountUrl: paths.account
+          }
+        ),
+        /* @__PURE__ */ jsx("a", { href: paths.home, children: "More community pets" })
+      ]
+    }
+  ) });
+}
+var petBrowseLabels = {
+  neighbors: "Friends around the corner",
+  profile: "Meet our pets",
+  photo: "The community photo board",
+  lost_found: "Let\u2019s help them get home.",
+  celebration: "Little milestones. Lasting memories.",
+  adoption: "A new chapter starts with hello.",
+  event: "Good things to get together for."
+};
+async function PetBrowsePage({
+  scope,
+  kind,
+  query,
+  paths = publicationPetPaths
+}) {
+  let body;
+  try {
+    const collection = await petCollectionRequest(scope), chosen = resolvePetCommunity(collection.areas, query.community);
+    const filter = new URLSearchParams({ kind });
+    if (chosen) filter.set("area_id", chosen.id);
+    for (const key of ["after", "species", "category"])
+      if (query[key]) filter.set(key, query[key]);
+    const result = await petCollectionRequest(scope, "/pets?" + filter);
+    const Card = kind === "lost_found" ? LostPetNotice : kind === "celebration" ? PetCelebrationCard : kind === "adoption" ? AdoptionListingCard : kind === "event" ? PetEventCard : PetProfileCard;
+    const next = new URLSearchParams(
+      Object.entries(query).filter(
+        (e) => typeof e[1] === "string"
+      )
+    );
+    if (result.next_cursor) next.set("after", result.next_cursor);
+    body = /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsxs("form", { className: "paw-filters", method: "get", children: [
+        /* @__PURE__ */ jsxs("label", { children: [
+          "Community",
+          /* @__PURE__ */ jsxs("select", { name: "community", defaultValue: chosen?.slug || "", children: [
+            /* @__PURE__ */ jsx("option", { value: "", children: "All local communities" }),
+            collection.areas.map((a) => /* @__PURE__ */ jsx("option", { value: a.slug, children: a.name }, a.id))
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs("label", { children: [
+          "Species",
+          /* @__PURE__ */ jsx("input", { name: "species", maxLength: 50, defaultValue: query.species })
+        ] }),
+        /* @__PURE__ */ jsx("button", { children: "Browse" })
+      ] }),
+      result.items.length ? /* @__PURE__ */ jsx("div", { className: "paw-gallery", children: result.items.map((r) => /* @__PURE__ */ jsx(
+        Card,
+        {
+          resource: r,
+          community: collection.areas.find((a) => a.id === r.area_id)?.name || "Our community",
+          href: paths.resource + "/" + r.id,
+          mediaUrl: (id, media) => `/api/pets/${id}/media/${media}`
+        },
+        r.id
+      )) }) : /* @__PURE__ */ jsx("p", { className: "paw-empty", children: "No reviewed public contributions match these filters." }),
+      result.next_cursor && /* @__PURE__ */ jsx("a", { className: "paw-button", href: "?" + next, children: "Next page" })
+    ] });
+  } catch {
+    body = /* @__PURE__ */ jsx("p", { role: "status", children: "The community board is temporarily unavailable. Please try again shortly." });
+  }
+  return /* @__PURE__ */ jsx(Shell, { paths, children: /* @__PURE__ */ jsxs("section", { className: "paw-section", children: [
+    /* @__PURE__ */ jsx("h1", { children: petBrowseLabels[kind] || "Community pets" }),
+    body
+  ] }) });
+}
+
+export { PetAccountPage, PetBrowsePage, PetStoryPage, PetSubmitPage, petBrowseLabels, petCollectionRequest, petReaderAuthenticated, publicationPetPaths, standalonePetPaths };

package/dist/pets-publication.cjs

@@ -1,10 +1,11 @@
 'use strict';
 
+var petsInteractions = require('@scalemule/news-publication/pets-interactions');
 var sdk = require('@scalemule/sdk');
 var jsxRuntime = require('react/jsx-runtime');
 var react = require('react');
 
-// src/pets-server.ts
+// src/pets-publication.tsx
 
 // src/pets.ts
 var PET_KINDS = [
@@ -38,7 +39,7 @@ function petReferences(metadata) {
   });
 }
 function resolvePetCommunity(areas, selected, preference, publicationDefault) {
-  if (selected === "") return void 0;
+  if (selected === "" || selected === void 0 && preference === "all") return void 0;
   for (const candidate of [selected, preference, publicationDefault]) {
     const found = areas.find(
       (area) => area.id === candidate || area.slug === candidate
@@ -253,6 +254,181 @@ function PawMark({ size = 36 }) {
     }
   );
 }
+function PawNeighborhoodIllustration() {
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "svg",
+    {
+      className: "paw-neighborhood-art",
+      viewBox: "0 0 520 460",
+      fill: "none",
+      "aria-hidden": "true",
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "path",
+          {
+            d: "M42 233C42 111 124 29 257 29c134 0 220 102 220 218v153H42V233Z",
+            fill: "var(--paw-art-sky)"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "366", cy: "112", r: "44", fill: "var(--paw-sun)" }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "path",
+          {
+            d: "M42 262c93-99 132-19 203-52 91-43 145-27 232 52v138H42V262Z",
+            fill: "var(--paw-art-hill)"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "path",
+          {
+            d: "M42 331c89-59 161-27 216-3 81 36 145-47 219-21v93H42v-69Z",
+            fill: "var(--paw-art-ground)"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "path",
+          {
+            d: "M310 239c34-18 68-21 103-14M311 249c34-18 68-21 103-14",
+            stroke: "var(--paw-art-line)",
+            strokeWidth: "2",
+            strokeLinecap: "round",
+            opacity: ".45"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "path",
+          {
+            d: "M90 190v75m29-85v75m-44-46h61m-57 31c14-15 32-15 51-7",
+            stroke: "var(--paw-art-line)",
+            strokeWidth: "3",
+            strokeLinecap: "round",
+            opacity: ".45"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "path",
+          {
+            d: "M167 341c-29-24-33-67-5-88 16-12 44-6 59 17l27 47c15 26 36 38 58 44H167v-20Z",
+            fill: "var(--paw-terracotta)"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "path",
+          {
+            d: "M173 340c-17-9-39-15-54-31-14-16-13-27-11-38",
+            stroke: "var(--paw-terracotta)",
+            strokeWidth: "17",
+            strokeLinecap: "round"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "path",
+          {
+            d: "M229 283c26-17 39-43 31-67-8-25-35-34-57-18-23 17-13 49 1 68",
+            fill: "var(--paw-terracotta)"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "path",
+          {
+            d: "M251 224l34 5c14 2 13 23 0 28l-36 13",
+            fill: "var(--paw-terracotta)"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "path",
+          {
+            d: "M206 203c-15 1-31 13-29 33 1 11 6 18 15 17 13-1 21-18 25-37",
+            fill: "var(--paw-art-line)"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "path",
+          {
+            d: "M231 285l-10 67c-1 7 9 11 28 11M264 280l2 70c0 10 10 13 25 13",
+            stroke: "var(--paw-terracotta)",
+            strokeWidth: "19",
+            strokeLinecap: "round"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "path",
+          {
+            d: "M215 273l38-7",
+            stroke: "var(--paw-art-line)",
+            strokeWidth: "9",
+            strokeLinecap: "round"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "248", cy: "223", r: "3.5", fill: "var(--paw-art-line)" }),
+        /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M283 229h9c1 8-3 13-9 13", fill: "var(--paw-art-line)" }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "path",
+          {
+            d: "M292 348c-9-46 1-79 33-79 33 0 47 37 48 77l-1 17h-80v-15Z",
+            fill: "var(--paw-art-cat)"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M303 277l-6-43 26 20 23-22 2 48", fill: "var(--paw-art-cat)" }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "path",
+          {
+            d: "M365 351c27-4 45-15 41-39-2-11-15-16-24-10",
+            stroke: "var(--paw-art-cat)",
+            strokeWidth: "12",
+            strokeLinecap: "round"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "path",
+          {
+            d: "M316 277h3m17-2h3m-13 10 3 2-3 3m-21-5-15-3m16 9-17 2m54-10 16-5m-14 13 15 1",
+            stroke: "var(--paw-art-line)",
+            strokeWidth: "2.5",
+            strokeLinecap: "round"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "path",
+          {
+            d: "M145 378h245",
+            stroke: "var(--paw-art-line)",
+            strokeWidth: "2",
+            strokeLinecap: "round",
+            opacity: ".3"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "99", cy: "365", r: "16", fill: "var(--paw-sun)" }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "path",
+          {
+            d: "M93 351c16 8 18 18 12 28",
+            stroke: "var(--paw-art-line)",
+            strokeWidth: "2"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "path",
+          {
+            d: "M426 352v-43m0 22c-14-1-20-10-20-20 15 2 21 11 20 20m0-9c0-15 6-25 20-28 2 13-6 24-20 28",
+            stroke: "var(--paw-art-line)",
+            strokeWidth: "3",
+            strokeLinecap: "round"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "path",
+          {
+            d: "m406 153 8-6 8 6m-234-33 8-6 8 6",
+            stroke: "var(--paw-art-line)",
+            strokeWidth: "2.5",
+            strokeLinecap: "round"
+          }
+        )
+      ]
+    }
+  );
+}
 function Photo({
   resource,
   mediaUrl,
@@ -506,22 +682,19 @@ function PetsSection({
       }
     ) : /* @__PURE__ */ jsxRuntime.jsxs("section", { className: "paw-welcome", children: [
       /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "paw-eyebrow", children: "Life is better together" }),
         /* @__PURE__ */ jsxRuntime.jsxs("h1", { children: [
-          "Every pet has a story.",
+          "Every pet.",
           /* @__PURE__ */ jsxRuntime.jsx("br", {}),
-          "Let\u2019s meet yours."
+          /* @__PURE__ */ jsxRuntime.jsx("em", { children: "A local story." })
         ] }),
         /* @__PURE__ */ jsxRuntime.jsx("p", { children: "A place for familiar faces, happy reunions and the everyday joy of life with pets." }),
         contributeUrl && /* @__PURE__ */ jsxRuntime.jsx("a", { className: "paw-button", href: safePetLink(contributeUrl), children: "Submit for Paw of the Week" }),
         /* @__PURE__ */ jsxRuntime.jsx("small", { children: "Free to enter. Thoughtfully selected by local editors." })
       ] }),
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "paw-emblem", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(PawMark, { size: 180 }),
-        /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
-          "Good neighbors.",
-          /* @__PURE__ */ jsxRuntime.jsx("br", {}),
-          "Great companions."
-        ] })
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "paw-illustration", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(PawNeighborhoodIllustration, {}),
+        /* @__PURE__ */ jsxRuntime.jsx("p", { children: "Good neighbors. Great companions." })
       ] })
     ] }),
     !unavailable && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
@@ -651,7 +824,9 @@ async function PublicationPetsSection({
   region,
   canonicalOrigin,
   defaultCommunity,
+  rememberedCommunity,
   walksUrl,
+  native = false,
   cleanCaption = (v) => v
 }) {
   const root = `/v1/knowledge/community-maps/collections/${scope.collectionSlug}`;
@@ -661,10 +836,19 @@ async function PublicationPetsSection({
     const home = defaultCommunity || collection.areas.find(
       (area) => area.name.toLocaleLowerCase() === region.toLocaleLowerCase()
     )?.id;
+    let remembered = rememberedCommunity, signedIn = false;
+    if (native && scope.accessToken) {
+      try {
+        const saved = await petRequest(scope, root + "/pets/preferences");
+        remembered = saved.preferences.home_area_id || (saved.revision > 0 ? "all" : void 0);
+        signedIn = true;
+      } catch {
+      }
+    }
     const chosen = resolvePetCommunity(
       collection.areas,
       query.community,
-      void 0,
+      remembered,
       home
     );
     const filter = new URLSearchParams();
@@ -706,25 +890,35 @@ async function PublicationPetsSection({
       }))
     });
     const local = chosen ? "?community=" + encodeURIComponent(chosen.slug) : "";
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      PetsSection,
-      {
-        basePath: "/pets",
-        regionLabel: region,
-        resourceBasePath: canonicalOrigin + "/pets",
-        communities: collection.areas,
-        community: chosen,
-        acknowledgments: await petAcknowledgments(scope, chosen?.slug),
-        resources: feeds.flatMap((feed) => feed.items).map(clean),
-        spotlight: spotlights.items[0] && clean(spotlights.items[0]),
-        mediaUrl,
-        contributeUrl: canonicalOrigin + "/submit" + local,
-        placesUrl: canonicalOrigin + "/places" + local,
-        walksUrl,
-        browseBasePath: canonicalOrigin + "/browse",
-        eventsUrl: canonicalOrigin + "/events"
-      }
-    );
+    return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      native && /* @__PURE__ */ jsxRuntime.jsx(
+        petsInteractions.PetCommunityMemory,
+        {
+          signedIn,
+          selected: query.community === void 0 ? void 0 : chosen?.id || null
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        PetsSection,
+        {
+          basePath: "/pets",
+          regionLabel: region,
+          resourceBasePath: native ? "/pets" : canonicalOrigin + "/pets",
+          accountUrl: native ? "/pets/account" : void 0,
+          communities: collection.areas,
+          community: chosen,
+          acknowledgments: await petAcknowledgments(scope, chosen?.slug),
+          resources: feeds.flatMap((feed) => feed.items).map(clean),
+          spotlight: spotlights.items[0] && clean(spotlights.items[0]),
+          mediaUrl,
+          contributeUrl: (native ? "/pets/submit" : canonicalOrigin + "/submit") + local,
+          placesUrl: canonicalOrigin + "/places" + local,
+          walksUrl,
+          browseBasePath: native ? "/pets/browse" : canonicalOrigin + "/browse",
+          eventsUrl: native ? "/pets/browse/event" : canonicalOrigin + "/events"
+        }
+      )
+    ] });
   } catch {
     return /* @__PURE__ */ jsxRuntime.jsx(
       PetsSection,
@@ -742,6 +936,7 @@ async function PublicationPetReferences({
   scope,
   metadata,
   canonicalOrigin,
+  native = false,
   communities,
   cleanCaption = (v) => v
 }) {
@@ -763,7 +958,7 @@ async function PublicationPetReferences({
         }))
       },
       community: communities?.find((c) => c.id === resource.area_id)?.name || "Our community",
-      href: `${canonicalOrigin}/pets/${resource.id}`,
+      href: `${native ? "" : canonicalOrigin}/pets/${resource.id}`,
       mediaUrl: (id, photo) => `/api/pets/${id}/media/${photo}`
     };
     const Card = resource.kind === "spotlight" ? PawOfTheWeekCard : resource.kind === "adoption" ? AdoptionListingCard : resource.kind === "event" ? PetEventCard : resource.kind === "celebration" ? PetCelebrationCard : ["lost", "found"].includes(resource.kind) ? LostPetNotice : PetProfileCard;
@@ -773,6 +968,7 @@ async function PublicationPetReferences({
 async function PublicationPetEvents({
   scope,
   canonicalOrigin,
+  native = false,
   cleanCaption = (value) => value
 }) {
   try {
@@ -801,12 +997,12 @@ async function PublicationPetEvents({
             }))
           },
           community: "Our community",
-          href: `${canonicalOrigin}/pets/${resource.id}`,
+          href: `${native ? "" : canonicalOrigin}/pets/${resource.id}`,
           mediaUrl: (id, media) => `/api/pets/${id}/media/${media}`
         },
         resource.id
       )) }),
-      /* @__PURE__ */ jsxRuntime.jsx("a", { href: canonicalOrigin + "/events", children: "Browse the pet community calendar" })
+      /* @__PURE__ */ jsxRuntime.jsx("a", { href: native ? "/pets/browse/event" : canonicalOrigin + "/events", children: "Browse the pet community calendar" })
     ] });
   } catch {
     return /* @__PURE__ */ jsxRuntime.jsx("p", { role: "status", children: "Pet event listings are temporarily unavailable." });