@loafmarkets/ui 0.1.426 → 0.1.428

package/dist/index.mjs

@@ -3019,7 +3019,7 @@ PropertyTour.displayName = "PropertyTour";
 var BREAKING_WINDOW_HOURS = 6;
 var BREAKING_MEMORY_CAP = 50;
 var BREAKING_MEMORY_STORAGE_KEY = "loaf:dismissed-breaking";
-var emptyBreakingMemory = () => ({ dismissed: {}, pinned: {}, watermark: null });
+var emptyBreakingMemory = () => ({ dismissed: {}, blocked: {} });
 var isTimestampMap = (v) => typeof v === "object" && v !== null && !Array.isArray(v) && Object.values(v).every((t) => typeof t === "number" && Number.isFinite(t));
 var pruneMap = (map, cutoff) => {
   const fresh = Object.entries(map).filter(([, t]) => t >= cutoff);
@@ -3030,44 +3030,30 @@ var prune = (mem, now) => {
   const cutoff = now - BREAKING_WINDOW_HOURS * 36e5;
   return {
     dismissed: pruneMap(mem.dismissed, cutoff),
-    pinned: pruneMap(mem.pinned, cutoff),
-    // An expired watermark can't block anything (every in-window story is newer).
-    watermark: mem.watermark !== null && mem.watermark >= cutoff ? mem.watermark : null
+    blocked: pruneMap(mem.blocked, cutoff)
   };
 };
 function parseBreakingMemory(raw, now) {
   if (!raw) return emptyBreakingMemory();
   try {
     const v = JSON.parse(raw);
-    if (typeof v !== "object" || v === null || Array.isArray(v) || !isTimestampMap(v.dismissed) || !isTimestampMap(v.pinned) || !(v.watermark === null || typeof v.watermark === "number" && Number.isFinite(v.watermark))) {
+    if (typeof v !== "object" || v === null || Array.isArray(v) || !isTimestampMap(v.dismissed)) {
       return emptyBreakingMemory();
     }
-    return prune({ dismissed: v.dismissed, pinned: v.pinned, watermark: v.watermark ?? null }, now);
+    const blocked = isTimestampMap(v.blocked) ? v.blocked : {};
+    return prune({ dismissed: v.dismissed, blocked }, now);
   } catch {
     return emptyBreakingMemory();
   }
 }
 var serializeBreakingMemory = (mem) => JSON.stringify(mem);
-function recordBreakingDismissal(mem, key, publishedAtMs, now) {
-  return prune(
-    {
-      dismissed: { ...mem.dismissed, [key]: publishedAtMs },
-      pinned: mem.pinned,
-      watermark: Math.max(mem.watermark ?? -Infinity, publishedAtMs)
-    },
-    now
-  );
+function recordBreakingDismissal(mem, key, publishedAtMs, now, waiting = []) {
+  const blocked = { ...mem.blocked };
+  for (const w of waiting) blocked[w.key] = w.publishedAtMs;
+  return prune({ dismissed: { ...mem.dismissed, [key]: publishedAtMs }, blocked }, now);
 }
-function recordBreakingPins(mem, pins, now) {
-  if (pins.every((p) => mem.pinned[p.key] !== void 0)) return mem;
-  const pinned = { ...mem.pinned };
-  for (const p of pins) pinned[p.key] = p.publishedAtMs;
-  return prune({ dismissed: mem.dismissed, pinned, watermark: mem.watermark }, now);
-}
-function mayPinBreaking(mem, key, publishedAtMs) {
-  if (mem.dismissed[key] !== void 0) return false;
-  if (mem.watermark === null) return true;
-  return publishedAtMs > mem.watermark || mem.pinned[key] !== void 0;
+function mayPinBreaking(mem, key) {
+  return mem.dismissed[key] === void 0 && mem.blocked[key] === void 0;
 }
 function loadBreakingMemory(now) {
   try {
@@ -3652,18 +3638,8 @@ var PropertyNewsUpdates = React9.forwardRef(
     };
     const pinnedBreaking = React9.useMemo(() => {
       const mem = getBreakingMemory();
-      return breakingEligible.filter((it) => mayPinBreaking(mem, breakingKey(it), breakingPublishedMs(it))).sort((a, b) => breakingImpact(b) - breakingImpact(a)).slice(0, MAX_PINNED_BREAKING);
+      return breakingEligible.filter((it) => mayPinBreaking(mem, breakingKey(it))).sort((a, b) => breakingImpact(b) - breakingImpact(a)).slice(0, MAX_PINNED_BREAKING);
     }, [breakingEligible, dismissedVersion]);
-    React9.useEffect(() => {
-      if (pinnedBreaking.length === 0) return;
-      const mem = getBreakingMemory();
-      const next = recordBreakingPins(
-        mem,
-        pinnedBreaking.map((it) => ({ key: breakingKey(it), publishedAtMs: breakingPublishedMs(it) })),
-        Date.now()
-      );
-      if (next !== mem) commitBreakingMemory(next);
-    }, [pinnedBreaking]);
     const breakingRowKeys = React9.useMemo(
       () => new Set(breakingEligible.map(breakingKey)),
       [breakingEligible]
@@ -3769,8 +3745,10 @@ var PropertyNewsUpdates = React9.forwardRef(
                 const k = breakingKey(item);
                 const dx = breakingSwipe?.key === k ? breakingSwipe.dx : 0;
                 const persistDismissal = () => {
+                  const holding = new Set(pinnedBreaking);
+                  const waiting = breakingEligible.filter((c) => !holding.has(c)).map((c) => ({ key: breakingKey(c), publishedAtMs: breakingPublishedMs(c) }));
                   commitBreakingMemory(
-                    recordBreakingDismissal(getBreakingMemory(), k, breakingPublishedMs(item), Date.now())
+                    recordBreakingDismissal(getBreakingMemory(), k, breakingPublishedMs(item), Date.now(), waiting)
                   );
                 };
                 const finishDismiss = () => {
@@ -10797,6 +10775,7 @@ function GalleryMapSection({
   const [showVideo, setShowVideo] = useState(false);
   const [autoPlaying, setAutoPlaying] = useState(autoPlay);
   const [showFullMap, setShowFullMap] = useState(false);
+  const [fullMapMountedFor, setFullMapMountedFor] = useState(null);
   const [showFullVideo, setShowFullVideo] = useState(false);
   const isMobile = useMaxWidth(768);
   const resolvedMapUrl = mapUrl ?? (tokenName ? `/map/${tokenName}?embed=true&zoom=14&hideOthers=true` : "about:blank");
@@ -10914,7 +10893,10 @@ function GalleryMapSection({
         ] }),
         /* @__PURE__ */ jsxs(MapHeaderRight, { children: [
           /* @__PURE__ */ jsx("span", { children: propertyLocation }),
-          /* @__PURE__ */ jsxs("button", { type: "button", onClick: () => setShowFullMap(true), children: [
+          /* @__PURE__ */ jsxs("button", { type: "button", onClick: () => {
+            setFullMapMountedFor(resolvedMapUrl);
+            setShowFullMap(true);
+          }, children: [
             /* @__PURE__ */ jsx("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", style: { width: 14, height: 14 }, children: /* @__PURE__ */ jsx("path", { d: "M8 3H5a2 2 0 00-2 2v3m18 0V5a2 2 0 00-2-2h-3m0 18h3a2 2 0 002-2v-3M3 16v3a2 2 0 002 2h3" }) }),
             "Full Screen"
           ] })
@@ -10963,7 +10945,7 @@ function GalleryMapSection({
       ] }),
       /* @__PURE__ */ jsx(SuburbDesc, { children: "One of Sydney's most prestigious harbourside suburbs, consistently ranked among Australia's highest-value residential markets. Strong capital growth driven by limited supply, heritage conservation overlays, and international buyer demand." })
     ] }),
-    showFullMap && !hideMap && /* @__PURE__ */ jsx(FullMapPopup, { onClose: () => setShowFullMap(false), mapUrl: resolvedMapUrl }),
+    fullMapMountedFor === resolvedMapUrl && !hideMap && /* @__PURE__ */ jsx(FullMapPopup, { hidden: !showFullMap, onClose: () => setShowFullMap(false), mapUrl: resolvedMapUrl }),
     showFullVideo && videoUrl && /* @__PURE__ */ jsxs(FullVideoOverlay, { onClick: () => setShowFullVideo(false), children: [
       /* @__PURE__ */ jsx(FullVideoClose, { onClick: () => setShowFullVideo(false), "aria-label": "Close video", children: "\u2715" }),
       /* @__PURE__ */ jsx(
@@ -11093,21 +11075,23 @@ function StackedGallery({ images, onPhotoClick }) {
     }) })
   ] });
 }
-function FullMapPopup({ onClose, mapUrl }) {
+function FullMapPopup({ onClose, mapUrl, hidden = false }) {
   useEffect(() => {
+    if (hidden) return;
     const handleEsc = (e) => {
       if (e.key === "Escape") onClose();
     };
     window.addEventListener("keydown", handleEsc);
     return () => window.removeEventListener("keydown", handleEsc);
-  }, [onClose]);
+  }, [onClose, hidden]);
   useEffect(() => {
+    if (hidden) return;
     const handleMessage = (e) => {
       if (e.data === "loaf:close-embed") onClose();
     };
     window.addEventListener("message", handleMessage);
     return () => window.removeEventListener("message", handleMessage);
-  }, [onClose]);
+  }, [onClose, hidden]);
   const iframeRef = useCallback((node) => {
     if (!node) return;
     const handleLoad = () => {
@@ -11123,7 +11107,7 @@ function FullMapPopup({ onClose, mapUrl }) {
     };
     node.addEventListener("load", handleLoad);
   }, [onClose]);
-  return /* @__PURE__ */ jsx(FullMapOverlay, { onClick: onClose, children: /* @__PURE__ */ jsxs(FullMapPanel, { onClick: (e) => e.stopPropagation(), children: [
+  return /* @__PURE__ */ jsx(FullMapOverlay, { onClick: onClose, hidden, children: /* @__PURE__ */ jsxs(FullMapPanel, { onClick: (e) => e.stopPropagation(), children: [
     /* @__PURE__ */ jsxs(FullMapHeader, { children: [
       /* @__PURE__ */ jsxs(FullMapTitle, { children: [
         /* @__PURE__ */ jsx(BiMap, {}),
@@ -11419,6 +11403,12 @@ var FullMapOverlay = styled10.div`
   align-items: center;
   justify-content: center;
   backdrop-filter: blur(4px);
+
+  /* Kept mounted between opens (see fullMapMountedFor); \`display: flex\` above would
+     otherwise beat the UA's [hidden] rule. */
+  &[hidden] {
+    display: none;
+  }
 `;
 var FullVideoOverlay = styled10.div`
   position: fixed;