@loafmarkets/ui 0.1.423 → 0.1.425

package/dist/index.d.mts

@@ -379,6 +379,9 @@ interface PropertyNewsUpdatesProps extends React$1.HTMLAttributes<HTMLDivElement
     showAssetBadges?: boolean;
 }
 declare const __resetDismissedBreaking: () => void;
+/** Test hook: drop the in-memory cache so the next read comes from storage,
+ *  the way a fresh page load would. */
+declare const __reloadBreakingMemory: () => void;
 declare function formatAge(publishedAt: string, now: number): string;
 declare function rowAgeLabel(publishedAt: string | undefined, now: number): {
     label: string;
@@ -1547,4 +1550,4 @@ declare function extractSparkline(candles: ReadonlyArray<{
 }>, maxPoints?: number): number[];
 declare const SparklineChart: React__default.NamedExoticComponent<SparklineChartProps>;
 
-export { type ActivityTabId, AssetSelectorBar, type AssetSelectorBarProps, type AssetSelectorMetric, Badge, type BadgeProps, Button, type ButtonProps, Card, CardContent, type CardContentProps, CardDescription, type CardDescriptionProps, CardFooter, type CardFooterProps, CardHeader, type CardHeaderProps, type CardProps, CardTitle, type CardTitleProps, ContactPopup, type ContactPopupProps, type FinancialItem, type FundWalletParams, type FundWalletResult, Header, type HeaderNavItem, type HeaderPortfolioData, type HeaderProps, HlsVideo, type HlsVideoProps, type HlsVideoSource, type HousePositionOrderbook, type HousePositionPendingOrder, HousePositionSlider, HousePositionSliderMobile, type HousePositionSliderMobileOrderPayload, type HousePositionSliderMobileOrderbook, type HousePositionSliderMobileProps, type HousePositionSliderOrderPayload, type HousePositionSliderProps, type InspectionSlot, LoafLiquidityBadge, type LoafLiquidityDotState, LoafLiquidityLogo, type LoafLiquidityLogoProps, LoginPopup, type LoginPopupProps, MobileTradeNav, type MobileTradeNavItem, type MobileTradeNavProps, type NewsBadgeAsset, type OfferStatus, OfferingProgressCard, type OfferingProgressCardProps, OnboardingGuide, type OnboardingGuideProps, Orderbook, type OrderbookLevel, type OrderbookProps, type OrderbookSide, type OrderbookTrade, type OverviewImage, type OverviewResponse, OwnerBooking, type OwnerBookingProps, PaymentPopup, type PaymentPopupProps, PortfolioActivityPanel, type PortfolioActivityPanelProps, type PortfolioPosition, PortfolioSummary, type PortfolioSummaryProps, PriceChart, type PriceChartCandle, type PriceChartProps, type PriceChartRange, type PropertyAddressOption, PropertyBuy, PropertyCompareBar, type PropertyCompareBarProps, PropertyDocuments, type PropertyGalleryHotspot, type PropertyGalleryImage, PropertyHeroHeader, type PropertyHeroHeaderProps, PropertyHistory, type PropertyInfoItem, PropertyInspectionTimes, PropertyMediaRow, type PropertyMediaRowProps, type PropertyNewsItem, type PropertyNewsType, PropertyNewsUpdates, type PropertyNewsUpdatesProps, type PropertyOffer, PropertyOffers, type PropertyOffersProps, PropertyOverview, type PropertyOverviewProps, PropertyPhotoGallery, type PropertyPriceSummary, PropertySubheader, type PropertySubheaderAction, type PropertySubheaderProps, type PropertySubheaderTab, PropertyTour, type PropertyTourProps, PropertyValuation, type PropertyValuationProps, type PropertyValueSummary, type PurchaseFeedItem, type SelectorItem, SentimentBar, SiteFooter, Skeleton, type SkeletonProps, SlideDigit, SparklineChart, type SparklineChartProps, type ToastData, ToastProvider, type ToastVariant, TradeConfirmationModal, type TradeConfirmationModalDetails, type TradeConfirmationModalProps, TradingSlider, type TradingSliderProps, type YourOrder, type YourOrderSide, YourOrders, type YourOrdersProps, __resetDismissedBreaking, badgeVariants, buttonVariants, extractSparkline, formatAge, hasPendingActivity, matchesTab, rowAgeLabel, useAdaptivePolling, useToast };
+export { type ActivityTabId, AssetSelectorBar, type AssetSelectorBarProps, type AssetSelectorMetric, Badge, type BadgeProps, Button, type ButtonProps, Card, CardContent, type CardContentProps, CardDescription, type CardDescriptionProps, CardFooter, type CardFooterProps, CardHeader, type CardHeaderProps, type CardProps, CardTitle, type CardTitleProps, ContactPopup, type ContactPopupProps, type FinancialItem, type FundWalletParams, type FundWalletResult, Header, type HeaderNavItem, type HeaderPortfolioData, type HeaderProps, HlsVideo, type HlsVideoProps, type HlsVideoSource, type HousePositionOrderbook, type HousePositionPendingOrder, HousePositionSlider, HousePositionSliderMobile, type HousePositionSliderMobileOrderPayload, type HousePositionSliderMobileOrderbook, type HousePositionSliderMobileProps, type HousePositionSliderOrderPayload, type HousePositionSliderProps, type InspectionSlot, LoafLiquidityBadge, type LoafLiquidityDotState, LoafLiquidityLogo, type LoafLiquidityLogoProps, LoginPopup, type LoginPopupProps, MobileTradeNav, type MobileTradeNavItem, type MobileTradeNavProps, type NewsBadgeAsset, type OfferStatus, OfferingProgressCard, type OfferingProgressCardProps, OnboardingGuide, type OnboardingGuideProps, Orderbook, type OrderbookLevel, type OrderbookProps, type OrderbookSide, type OrderbookTrade, type OverviewImage, type OverviewResponse, OwnerBooking, type OwnerBookingProps, PaymentPopup, type PaymentPopupProps, PortfolioActivityPanel, type PortfolioActivityPanelProps, type PortfolioPosition, PortfolioSummary, type PortfolioSummaryProps, PriceChart, type PriceChartCandle, type PriceChartProps, type PriceChartRange, type PropertyAddressOption, PropertyBuy, PropertyCompareBar, type PropertyCompareBarProps, PropertyDocuments, type PropertyGalleryHotspot, type PropertyGalleryImage, PropertyHeroHeader, type PropertyHeroHeaderProps, PropertyHistory, type PropertyInfoItem, PropertyInspectionTimes, PropertyMediaRow, type PropertyMediaRowProps, type PropertyNewsItem, type PropertyNewsType, PropertyNewsUpdates, type PropertyNewsUpdatesProps, type PropertyOffer, PropertyOffers, type PropertyOffersProps, PropertyOverview, type PropertyOverviewProps, PropertyPhotoGallery, type PropertyPriceSummary, PropertySubheader, type PropertySubheaderAction, type PropertySubheaderProps, type PropertySubheaderTab, PropertyTour, type PropertyTourProps, PropertyValuation, type PropertyValuationProps, type PropertyValueSummary, type PurchaseFeedItem, type SelectorItem, SentimentBar, SiteFooter, Skeleton, type SkeletonProps, SlideDigit, SparklineChart, type SparklineChartProps, type ToastData, ToastProvider, type ToastVariant, TradeConfirmationModal, type TradeConfirmationModalDetails, type TradeConfirmationModalProps, TradingSlider, type TradingSliderProps, type YourOrder, type YourOrderSide, YourOrders, type YourOrdersProps, __reloadBreakingMemory, __resetDismissedBreaking, badgeVariants, buttonVariants, extractSparkline, formatAge, hasPendingActivity, matchesTab, rowAgeLabel, useAdaptivePolling, useToast };

package/dist/index.d.ts

@@ -379,6 +379,9 @@ interface PropertyNewsUpdatesProps extends React$1.HTMLAttributes<HTMLDivElement
     showAssetBadges?: boolean;
 }
 declare const __resetDismissedBreaking: () => void;
+/** Test hook: drop the in-memory cache so the next read comes from storage,
+ *  the way a fresh page load would. */
+declare const __reloadBreakingMemory: () => void;
 declare function formatAge(publishedAt: string, now: number): string;
 declare function rowAgeLabel(publishedAt: string | undefined, now: number): {
     label: string;
@@ -1547,4 +1550,4 @@ declare function extractSparkline(candles: ReadonlyArray<{
 }>, maxPoints?: number): number[];
 declare const SparklineChart: React__default.NamedExoticComponent<SparklineChartProps>;
 
-export { type ActivityTabId, AssetSelectorBar, type AssetSelectorBarProps, type AssetSelectorMetric, Badge, type BadgeProps, Button, type ButtonProps, Card, CardContent, type CardContentProps, CardDescription, type CardDescriptionProps, CardFooter, type CardFooterProps, CardHeader, type CardHeaderProps, type CardProps, CardTitle, type CardTitleProps, ContactPopup, type ContactPopupProps, type FinancialItem, type FundWalletParams, type FundWalletResult, Header, type HeaderNavItem, type HeaderPortfolioData, type HeaderProps, HlsVideo, type HlsVideoProps, type HlsVideoSource, type HousePositionOrderbook, type HousePositionPendingOrder, HousePositionSlider, HousePositionSliderMobile, type HousePositionSliderMobileOrderPayload, type HousePositionSliderMobileOrderbook, type HousePositionSliderMobileProps, type HousePositionSliderOrderPayload, type HousePositionSliderProps, type InspectionSlot, LoafLiquidityBadge, type LoafLiquidityDotState, LoafLiquidityLogo, type LoafLiquidityLogoProps, LoginPopup, type LoginPopupProps, MobileTradeNav, type MobileTradeNavItem, type MobileTradeNavProps, type NewsBadgeAsset, type OfferStatus, OfferingProgressCard, type OfferingProgressCardProps, OnboardingGuide, type OnboardingGuideProps, Orderbook, type OrderbookLevel, type OrderbookProps, type OrderbookSide, type OrderbookTrade, type OverviewImage, type OverviewResponse, OwnerBooking, type OwnerBookingProps, PaymentPopup, type PaymentPopupProps, PortfolioActivityPanel, type PortfolioActivityPanelProps, type PortfolioPosition, PortfolioSummary, type PortfolioSummaryProps, PriceChart, type PriceChartCandle, type PriceChartProps, type PriceChartRange, type PropertyAddressOption, PropertyBuy, PropertyCompareBar, type PropertyCompareBarProps, PropertyDocuments, type PropertyGalleryHotspot, type PropertyGalleryImage, PropertyHeroHeader, type PropertyHeroHeaderProps, PropertyHistory, type PropertyInfoItem, PropertyInspectionTimes, PropertyMediaRow, type PropertyMediaRowProps, type PropertyNewsItem, type PropertyNewsType, PropertyNewsUpdates, type PropertyNewsUpdatesProps, type PropertyOffer, PropertyOffers, type PropertyOffersProps, PropertyOverview, type PropertyOverviewProps, PropertyPhotoGallery, type PropertyPriceSummary, PropertySubheader, type PropertySubheaderAction, type PropertySubheaderProps, type PropertySubheaderTab, PropertyTour, type PropertyTourProps, PropertyValuation, type PropertyValuationProps, type PropertyValueSummary, type PurchaseFeedItem, type SelectorItem, SentimentBar, SiteFooter, Skeleton, type SkeletonProps, SlideDigit, SparklineChart, type SparklineChartProps, type ToastData, ToastProvider, type ToastVariant, TradeConfirmationModal, type TradeConfirmationModalDetails, type TradeConfirmationModalProps, TradingSlider, type TradingSliderProps, type YourOrder, type YourOrderSide, YourOrders, type YourOrdersProps, __resetDismissedBreaking, badgeVariants, buttonVariants, extractSparkline, formatAge, hasPendingActivity, matchesTab, rowAgeLabel, useAdaptivePolling, useToast };
+export { type ActivityTabId, AssetSelectorBar, type AssetSelectorBarProps, type AssetSelectorMetric, Badge, type BadgeProps, Button, type ButtonProps, Card, CardContent, type CardContentProps, CardDescription, type CardDescriptionProps, CardFooter, type CardFooterProps, CardHeader, type CardHeaderProps, type CardProps, CardTitle, type CardTitleProps, ContactPopup, type ContactPopupProps, type FinancialItem, type FundWalletParams, type FundWalletResult, Header, type HeaderNavItem, type HeaderPortfolioData, type HeaderProps, HlsVideo, type HlsVideoProps, type HlsVideoSource, type HousePositionOrderbook, type HousePositionPendingOrder, HousePositionSlider, HousePositionSliderMobile, type HousePositionSliderMobileOrderPayload, type HousePositionSliderMobileOrderbook, type HousePositionSliderMobileProps, type HousePositionSliderOrderPayload, type HousePositionSliderProps, type InspectionSlot, LoafLiquidityBadge, type LoafLiquidityDotState, LoafLiquidityLogo, type LoafLiquidityLogoProps, LoginPopup, type LoginPopupProps, MobileTradeNav, type MobileTradeNavItem, type MobileTradeNavProps, type NewsBadgeAsset, type OfferStatus, OfferingProgressCard, type OfferingProgressCardProps, OnboardingGuide, type OnboardingGuideProps, Orderbook, type OrderbookLevel, type OrderbookProps, type OrderbookSide, type OrderbookTrade, type OverviewImage, type OverviewResponse, OwnerBooking, type OwnerBookingProps, PaymentPopup, type PaymentPopupProps, PortfolioActivityPanel, type PortfolioActivityPanelProps, type PortfolioPosition, PortfolioSummary, type PortfolioSummaryProps, PriceChart, type PriceChartCandle, type PriceChartProps, type PriceChartRange, type PropertyAddressOption, PropertyBuy, PropertyCompareBar, type PropertyCompareBarProps, PropertyDocuments, type PropertyGalleryHotspot, type PropertyGalleryImage, PropertyHeroHeader, type PropertyHeroHeaderProps, PropertyHistory, type PropertyInfoItem, PropertyInspectionTimes, PropertyMediaRow, type PropertyMediaRowProps, type PropertyNewsItem, type PropertyNewsType, PropertyNewsUpdates, type PropertyNewsUpdatesProps, type PropertyOffer, PropertyOffers, type PropertyOffersProps, PropertyOverview, type PropertyOverviewProps, PropertyPhotoGallery, type PropertyPriceSummary, PropertySubheader, type PropertySubheaderAction, type PropertySubheaderProps, type PropertySubheaderTab, PropertyTour, type PropertyTourProps, PropertyValuation, type PropertyValuationProps, type PropertyValueSummary, type PurchaseFeedItem, type SelectorItem, SentimentBar, SiteFooter, Skeleton, type SkeletonProps, SlideDigit, SparklineChart, type SparklineChartProps, type ToastData, ToastProvider, type ToastVariant, TradeConfirmationModal, type TradeConfirmationModalDetails, type TradeConfirmationModalProps, TradingSlider, type TradingSliderProps, type YourOrder, type YourOrderSide, YourOrders, type YourOrdersProps, __reloadBreakingMemory, __resetDismissedBreaking, badgeVariants, buttonVariants, extractSparkline, formatAge, hasPendingActivity, matchesTab, rowAgeLabel, useAdaptivePolling, useToast };

package/dist/index.js

@@ -2875,7 +2875,6 @@ function MobileDepthRow({
   );
 }
 var isHlsManifest = (url) => /\.m3u8(\?|$)/i.test(url);
-var HLS_MIME = "application/vnd.apple.mpegurl";
 var MANIFEST_FAILURES = /* @__PURE__ */ new Set(["manifestLoadError", "manifestLoadTimeOut", "manifestParsingError"]);
 var HlsVideo = React9__namespace.forwardRef(
   ({ src, capLevelToPlayerSize = true, onError, ...videoProps }, ref) => {
@@ -2893,7 +2892,7 @@ var HlsVideo = React9__namespace.forwardRef(
     React9__namespace.useEffect(() => {
       const video = videoRef.current;
       if (!video || !activeSrc) return;
-      if (!isHlsManifest(activeSrc) || video.canPlayType(HLS_MIME)) {
+      if (!isHlsManifest(activeSrc)) {
         video.src = activeSrc;
         return;
       }
@@ -3041,6 +3040,74 @@ var PropertyTour = React9__namespace.forwardRef(
 );
 PropertyTour.displayName = "PropertyTour";
 
+// src/lib/breaking-dismissals.ts
+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 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);
+  fresh.sort((a, b) => b[1] - a[1]);
+  return Object.fromEntries(fresh.slice(0, BREAKING_MEMORY_CAP));
+};
+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
+  };
+};
+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))) {
+      return emptyBreakingMemory();
+    }
+    return prune({ dismissed: v.dismissed, pinned: v.pinned, watermark: v.watermark ?? null }, 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 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 loadBreakingMemory(now) {
+  try {
+    return parseBreakingMemory(window.localStorage.getItem(BREAKING_MEMORY_STORAGE_KEY), now);
+  } catch {
+    return emptyBreakingMemory();
+  }
+}
+function saveBreakingMemory(mem) {
+  try {
+    window.localStorage.setItem(BREAKING_MEMORY_STORAGE_KEY, serializeBreakingMemory(mem));
+  } catch {
+  }
+}
+
 // src/lib/isSafeUrl.ts
 var CONTROL_CHARS = /[\u0000-\u001F\u007F]/g;
 function isSafeUrl(url) {
@@ -3061,13 +3128,27 @@ function matchesTab(item, tab) {
   if (item.types && item.types.length > 0) return item.types.includes(tab);
   return item.type === tab;
 }
-var BREAKING_WINDOW_HOURS = 6;
 var MAX_PINNED_BREAKING = 2;
 var BREAKING_IMPACT_FLOOR = 8;
 var breakingImpact = (it) => typeof it.impactScore === "number" && Number.isFinite(it.impactScore) ? it.impactScore : BREAKING_IMPACT_FLOOR;
-var dismissedBreakingKeys = /* @__PURE__ */ new Set();
-var __resetDismissedBreaking = () => dismissedBreakingKeys.clear();
+var breakingMemory = null;
+var getBreakingMemory = () => breakingMemory ??= loadBreakingMemory(Date.now());
+var commitBreakingMemory = (mem) => {
+  breakingMemory = mem;
+  saveBreakingMemory(mem);
+};
+var __resetDismissedBreaking = () => {
+  breakingMemory = null;
+  try {
+    window.localStorage.removeItem(BREAKING_MEMORY_STORAGE_KEY);
+  } catch {
+  }
+};
+var __reloadBreakingMemory = () => {
+  breakingMemory = null;
+};
 var breakingKey = (it) => String(it.id ?? it.title);
+var breakingPublishedMs = (it) => new Date(it.publishedAt).getTime();
 var BREAKING_SWIPE_MIN_PX = 80;
 var ITEMS_PER_PAGE = 5;
 var ITEMS_PER_PAGE_MOBILE = 5;
@@ -3595,8 +3676,19 @@ var PropertyNewsUpdates = React9__namespace.forwardRef(
       });
     };
     const pinnedBreaking = React9__namespace.useMemo(() => {
-      return breakingEligible.filter((it) => !dismissedBreakingKeys.has(breakingKey(it))).sort((a, b) => breakingImpact(b) - breakingImpact(a)).slice(0, MAX_PINNED_BREAKING);
+      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);
     }, [breakingEligible, dismissedVersion]);
+    React9__namespace.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__namespace.useMemo(
       () => new Set(breakingEligible.map(breakingKey)),
       [breakingEligible]
@@ -3701,8 +3793,13 @@ var PropertyNewsUpdates = React9__namespace.forwardRef(
                 const sentiment = getSentimentInfo(item.sentimentScore);
                 const k = breakingKey(item);
                 const dx = breakingSwipe?.key === k ? breakingSwipe.dx : 0;
+                const persistDismissal = () => {
+                  commitBreakingMemory(
+                    recordBreakingDismissal(getBreakingMemory(), k, breakingPublishedMs(item), Date.now())
+                  );
+                };
                 const finishDismiss = () => {
-                  dismissedBreakingKeys.add(k);
+                  persistDismissal();
                   setDismissingBreakingKey(null);
                   setDismissedVersion((v) => v + 1);
                 };
@@ -3750,7 +3847,7 @@ var PropertyNewsUpdates = React9__namespace.forwardRef(
                       const drag = Math.max(0, e.clientX - breakingSwipeStartXRef.current);
                       const width = e.currentTarget.offsetWidth || 0;
                       if (drag >= Math.max(BREAKING_SWIPE_MIN_PX, width * 0.3)) {
-                        dismissedBreakingKeys.add(k);
+                        persistDismissal();
                         setDismissedVersion((v) => v + 1);
                       }
                     },
@@ -22021,6 +22118,7 @@ exports.ToastProvider = ToastProvider;
 exports.TradeConfirmationModal = TradeConfirmationModal;
 exports.TradingSlider = TradingSlider;
 exports.YourOrders = YourOrders;
+exports.__reloadBreakingMemory = __reloadBreakingMemory;
 exports.__resetDismissedBreaking = __resetDismissedBreaking;
 exports.badgeVariants = badgeVariants;
 exports.buttonVariants = buttonVariants;