@loafmarkets/ui 0.1.58 → 0.1.60

package/dist/index.d.mts

@@ -958,8 +958,30 @@ type PropertyBuyProps = {
         onCancelOrder?: (orderId: number) => Promise<void>;
         cancellingOrderId?: number | null;
     };
+    newsItems?: PropertyNewsItem[];
+    newsConnectionStatus?: 'live' | 'connecting';
 };
-declare function PropertyBuy({ propertyName, propertyLocation: propertyLocationLabel, tokenDisplayName, tokenSymbol, tokenName, isAuthenticated, onSignIn, saleData, walletUsdcBalance, walletPropertyTokenBalance, onPurchase, purchaseStatus, purchaseError, onDeposit, opensAt, isPrivateClient, recentOrders, ordersAllocated, subscribers, isLoadingActivity, selectorItems, onSelectorSelect, portfolioActivity, }: PropertyBuyProps): react_jsx_runtime.JSX.Element;
+declare function PropertyBuy({ propertyName, propertyLocation: propertyLocationLabel, tokenDisplayName, tokenSymbol, tokenName, isAuthenticated, onSignIn, saleData, walletUsdcBalance, walletPropertyTokenBalance, onPurchase, purchaseStatus, purchaseError, onDeposit, opensAt, isPrivateClient, recentOrders, ordersAllocated, subscribers, isLoadingActivity, selectorItems, onSelectorSelect, portfolioActivity, newsItems, newsConnectionStatus, }: PropertyBuyProps): react_jsx_runtime.JSX.Element;
+
+type OfferingProgressCardProps = {
+    ipoStarted: boolean;
+    statusLabel: string;
+    statusColor: string;
+    ipoStatus: string;
+    tokenPrice: number;
+    offeringValuation: number;
+    percentSold: number;
+    totalSold: number;
+    supplyToSell: number;
+    opensAt?: number | null;
+    subscriberCount?: number;
+    raisedAmount?: number;
+    targetAmount?: number;
+    isPrivateClient?: boolean;
+    style?: React__default.CSSProperties;
+    className?: string;
+};
+declare function OfferingProgressCard({ ipoStarted, statusLabel, statusColor, ipoStatus, tokenPrice, offeringValuation, percentSold, totalSold, supplyToSell, opensAt, subscriberCount, raisedAmount, targetAmount, isPrivateClient, style, className, }: OfferingProgressCardProps): react_jsx_runtime.JSX.Element;
 
 type OwnerBookingProps = {
     propertyName?: string | null;
@@ -1109,4 +1131,4 @@ interface SkeletonProps extends React$1.HTMLAttributes<HTMLDivElement> {
  */
 declare const Skeleton: React$1.ForwardRefExoticComponent<SkeletonProps & React$1.RefAttributes<HTMLDivElement>>;
 
-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, type FinancialItem, type FundWalletParams, type FundWalletResult, Header, type HeaderProps, type HousePositionOrderbook, type HousePositionPendingOrder, HousePositionSlider, HousePositionSliderMobile, type HousePositionSliderMobileOrderPayload, type HousePositionSliderMobileOrderbook, type HousePositionSliderMobileProps, type HousePositionSliderOrderPayload, type HousePositionSliderProps, type InspectionSlot, LoafLiquidityBadge, LoafLiquidityLogo, type LoafLiquidityLogoProps, LoginPopup, type LoginPopupProps, MobileTradeNav, type MobileTradeNavItem, type MobileTradeNavProps, type OfferStatus, 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, 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, Skeleton, type SkeletonProps, type ToastData, ToastProvider, type ToastVariant, TradeConfirmationModal, type TradeConfirmationModalDetails, type TradeConfirmationModalProps, TradingSlider, type TradingSliderProps, type ValuationHistoryPoint, type ValuationRecentSale, type ValuationSummary, type YourOrder, type YourOrderSide, YourOrders, type YourOrdersProps, badgeVariants, buttonVariants, hasPendingActivity, 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, type FinancialItem, type FundWalletParams, type FundWalletResult, Header, type HeaderProps, type HousePositionOrderbook, type HousePositionPendingOrder, HousePositionSlider, HousePositionSliderMobile, type HousePositionSliderMobileOrderPayload, type HousePositionSliderMobileOrderbook, type HousePositionSliderMobileProps, type HousePositionSliderOrderPayload, type HousePositionSliderProps, type InspectionSlot, LoafLiquidityBadge, LoafLiquidityLogo, type LoafLiquidityLogoProps, LoginPopup, type LoginPopupProps, MobileTradeNav, type MobileTradeNavItem, type MobileTradeNavProps, type OfferStatus, OfferingProgressCard, type OfferingProgressCardProps, 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, 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, Skeleton, type SkeletonProps, type ToastData, ToastProvider, type ToastVariant, TradeConfirmationModal, type TradeConfirmationModalDetails, type TradeConfirmationModalProps, TradingSlider, type TradingSliderProps, type ValuationHistoryPoint, type ValuationRecentSale, type ValuationSummary, type YourOrder, type YourOrderSide, YourOrders, type YourOrdersProps, badgeVariants, buttonVariants, hasPendingActivity, useAdaptivePolling, useToast };

package/dist/index.d.ts

@@ -958,8 +958,30 @@ type PropertyBuyProps = {
         onCancelOrder?: (orderId: number) => Promise<void>;
         cancellingOrderId?: number | null;
     };
+    newsItems?: PropertyNewsItem[];
+    newsConnectionStatus?: 'live' | 'connecting';
 };
-declare function PropertyBuy({ propertyName, propertyLocation: propertyLocationLabel, tokenDisplayName, tokenSymbol, tokenName, isAuthenticated, onSignIn, saleData, walletUsdcBalance, walletPropertyTokenBalance, onPurchase, purchaseStatus, purchaseError, onDeposit, opensAt, isPrivateClient, recentOrders, ordersAllocated, subscribers, isLoadingActivity, selectorItems, onSelectorSelect, portfolioActivity, }: PropertyBuyProps): react_jsx_runtime.JSX.Element;
+declare function PropertyBuy({ propertyName, propertyLocation: propertyLocationLabel, tokenDisplayName, tokenSymbol, tokenName, isAuthenticated, onSignIn, saleData, walletUsdcBalance, walletPropertyTokenBalance, onPurchase, purchaseStatus, purchaseError, onDeposit, opensAt, isPrivateClient, recentOrders, ordersAllocated, subscribers, isLoadingActivity, selectorItems, onSelectorSelect, portfolioActivity, newsItems, newsConnectionStatus, }: PropertyBuyProps): react_jsx_runtime.JSX.Element;
+
+type OfferingProgressCardProps = {
+    ipoStarted: boolean;
+    statusLabel: string;
+    statusColor: string;
+    ipoStatus: string;
+    tokenPrice: number;
+    offeringValuation: number;
+    percentSold: number;
+    totalSold: number;
+    supplyToSell: number;
+    opensAt?: number | null;
+    subscriberCount?: number;
+    raisedAmount?: number;
+    targetAmount?: number;
+    isPrivateClient?: boolean;
+    style?: React__default.CSSProperties;
+    className?: string;
+};
+declare function OfferingProgressCard({ ipoStarted, statusLabel, statusColor, ipoStatus, tokenPrice, offeringValuation, percentSold, totalSold, supplyToSell, opensAt, subscriberCount, raisedAmount, targetAmount, isPrivateClient, style, className, }: OfferingProgressCardProps): react_jsx_runtime.JSX.Element;
 
 type OwnerBookingProps = {
     propertyName?: string | null;
@@ -1109,4 +1131,4 @@ interface SkeletonProps extends React$1.HTMLAttributes<HTMLDivElement> {
  */
 declare const Skeleton: React$1.ForwardRefExoticComponent<SkeletonProps & React$1.RefAttributes<HTMLDivElement>>;
 
-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, type FinancialItem, type FundWalletParams, type FundWalletResult, Header, type HeaderProps, type HousePositionOrderbook, type HousePositionPendingOrder, HousePositionSlider, HousePositionSliderMobile, type HousePositionSliderMobileOrderPayload, type HousePositionSliderMobileOrderbook, type HousePositionSliderMobileProps, type HousePositionSliderOrderPayload, type HousePositionSliderProps, type InspectionSlot, LoafLiquidityBadge, LoafLiquidityLogo, type LoafLiquidityLogoProps, LoginPopup, type LoginPopupProps, MobileTradeNav, type MobileTradeNavItem, type MobileTradeNavProps, type OfferStatus, 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, 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, Skeleton, type SkeletonProps, type ToastData, ToastProvider, type ToastVariant, TradeConfirmationModal, type TradeConfirmationModalDetails, type TradeConfirmationModalProps, TradingSlider, type TradingSliderProps, type ValuationHistoryPoint, type ValuationRecentSale, type ValuationSummary, type YourOrder, type YourOrderSide, YourOrders, type YourOrdersProps, badgeVariants, buttonVariants, hasPendingActivity, 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, type FinancialItem, type FundWalletParams, type FundWalletResult, Header, type HeaderProps, type HousePositionOrderbook, type HousePositionPendingOrder, HousePositionSlider, HousePositionSliderMobile, type HousePositionSliderMobileOrderPayload, type HousePositionSliderMobileOrderbook, type HousePositionSliderMobileProps, type HousePositionSliderOrderPayload, type HousePositionSliderProps, type InspectionSlot, LoafLiquidityBadge, LoafLiquidityLogo, type LoafLiquidityLogoProps, LoginPopup, type LoginPopupProps, MobileTradeNav, type MobileTradeNavItem, type MobileTradeNavProps, type OfferStatus, OfferingProgressCard, type OfferingProgressCardProps, 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, 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, Skeleton, type SkeletonProps, type ToastData, ToastProvider, type ToastVariant, TradeConfirmationModal, type TradeConfirmationModalDetails, type TradeConfirmationModalProps, TradingSlider, type TradingSliderProps, type ValuationHistoryPoint, type ValuationRecentSale, type ValuationSummary, type YourOrder, type YourOrderSide, YourOrders, type YourOrdersProps, badgeVariants, buttonVariants, hasPendingActivity, useAdaptivePolling, useToast };

package/dist/index.js

@@ -9692,7 +9692,9 @@ function OfferingProgressCard({
   subscriberCount = 0,
   raisedAmount,
   targetAmount,
-  isPrivateClient = false
+  isPrivateClient = false,
+  style,
+  className
 }) {
   const [currentTime, setCurrentTime] = React5.useState(/* @__PURE__ */ new Date());
   const [countdown, setCountdown] = React5.useState(null);
@@ -9722,7 +9724,7 @@ function OfferingProgressCard({
     const interval = setInterval(() => setCountdown(calculateCountdown()), 1e3);
     return () => clearInterval(interval);
   }, [opensAt]);
-  return /* @__PURE__ */ jsxRuntime.jsxs(Container, { children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs(Container, { style, className, children: [
     /* @__PURE__ */ jsxRuntime.jsxs(Header2, { children: [
       /* @__PURE__ */ jsxRuntime.jsxs("h3", { children: [
         /* @__PURE__ */ jsxRuntime.jsx(fa.FaChartLine, {}),
@@ -12115,31 +12117,16 @@ var CancelConfirmProceed = styled25__default.default.button`
     cursor: not-allowed;
   }
 `;
-function NewsOrdersSection({ newsItems, activityData }) {
+function NewsOrdersSection({ newsItems, newsConnectionStatus, activityData }) {
   return /* @__PURE__ */ jsxRuntime.jsxs(Row2, { children: [
-    /* @__PURE__ */ jsxRuntime.jsxs(TradeNewsPanel, { children: [
-      /* @__PURE__ */ jsxRuntime.jsxs(TradeNewsHeader, { children: [
-        /* @__PURE__ */ jsxRuntime.jsx("h3", { children: "Property News & Headlines" }),
-        /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
-          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "dot" }),
-          " LIVE"
-        ] })
-      ] }),
-      /* @__PURE__ */ jsxRuntime.jsx(TradeNewsList, { children: newsItems.map((newsItem) => /* @__PURE__ */ jsxRuntime.jsxs(
-        TradeNewsItem,
-        {
-          "data-new": newsItem.isNew,
-          children: [
-            /* @__PURE__ */ jsxRuntime.jsx(TradeNewsTitle, { children: newsItem.title }),
-            /* @__PURE__ */ jsxRuntime.jsxs(TradeNewsInfo, { children: [
-              /* @__PURE__ */ jsxRuntime.jsx(TradeNewsDate, { "data-new": newsItem.isNew, children: newsItem.date }),
-              /* @__PURE__ */ jsxRuntime.jsx(TradeNewsCategory, { "data-type": newsItem.type, children: newsItem.type === "property" ? "Property Update" : "Market News" })
-            ] })
-          ]
-        },
-        newsItem.displayId || `${newsItem.id}-fallback`
-      )) })
-    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      PropertyNewsUpdates,
+      {
+        items: newsItems,
+        heading: "Property News & Updates",
+        connectionStatus: newsConnectionStatus
+      }
+    ),
     /* @__PURE__ */ jsxRuntime.jsx(ActivityWrapper, { children: /* @__PURE__ */ jsxRuntime.jsx(
       PortfolioActivityPanel,
       {
@@ -12177,7 +12164,7 @@ var Row2 = styled25__default.default.div`
     overflow: hidden;
   }
 `;
-var TradeNewsPanel = styled25__default.default.div`
+var ActivityWrapper = styled25__default.default.div`
   background-color: var(--color-card-darker, #111);
   border-radius: 8px;
   padding: 1.5rem;
@@ -12187,107 +12174,11 @@ var TradeNewsPanel = styled25__default.default.div`
   border: 1px solid var(--color-border);
   min-height: 280px;
   overflow: hidden;
-  @media (max-width: 768px) {
-    max-width: 100%;
-    flex: 0 0 100%;
-  }
   @media (max-width: 768px) {
     padding: 1rem;
     min-height: auto;
   }
 `;
-var ActivityWrapper = styled25__default.default(TradeNewsPanel)``;
-var TradeNewsHeader = styled25__default.default.div`
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  padding-bottom: 0.75rem;
-  margin-bottom: 1rem;
-  border-bottom: 1px solid rgba(255,255,255,0.1);
-  h3 {
-    margin: 0;
-    font-size: 0.9rem;
-    font-weight: 600;
-    color: var(--color-text);
-  }
-  span {
-    font-size: 0.7rem;
-    color: var(--color-text-secondary);
-    display: flex;
-    align-items: center;
-    gap: 0.25rem;
-    font-weight: 500;
-  }
-  .dot {
-    width: 6px;
-    height: 6px;
-    border-radius: 50%;
-    background-color: #0ecb81;
-    animation: pulse 2s infinite;
-  }
-  @keyframes pulse {
-    0% { opacity: 0.4; }
-    50% { opacity: 1; }
-    100% { opacity: 0.4; }
-  }
-`;
-var TradeNewsList = styled25__default.default.div`
-  display: flex;
-  flex-direction: column;
-  gap: 0.75rem;
-  flex: 1;
-  overflow: visible;
-  max-width: 100%;
-`;
-var TradeNewsItem = styled25__default.default.div`
-  display: flex;
-  flex-direction: column;
-  padding: 0.75rem;
-  background-color: rgba(255,255,255,0.05);
-  border-radius: 6px;
-  cursor: pointer;
-  transition: all 0.2s;
-  &[data-new='true'] {
-    background-color: rgba(14,203,129,0.1);
-  }
-  &:hover {
-    background-color: rgba(255,255,255,0.08);
-    transform: translateY(-2px);
-  }
-`;
-var TradeNewsTitle = styled25__default.default.h4`
-  font-size: 0.9375rem;
-  font-weight: 500;
-  margin: 0 0 0.5rem 0;
-  color: var(--color-text);
-`;
-var TradeNewsInfo = styled25__default.default.div`
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  font-size: 0.75rem;
-  color: var(--color-text-secondary);
-`;
-var TradeNewsDate = styled25__default.default.span`
-  &[data-new='true'] {
-    color: #0ecb81;
-  }
-`;
-var TradeNewsCategory = styled25__default.default.span`
-  padding: 0.25rem 0.5rem;
-  border-radius: 4px;
-  background-color: rgba(240,185,11,0.1);
-  color: var(--color-accent, #f0b90b);
-  font-weight: 500;
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  max-width: 100px;
-  &[data-type='property'] {
-    background-color: rgba(14,203,129,0.1);
-    color: #0ecb81;
-  }
-`;
 function OrderConfirmationModal({
   open,
   onClose,
@@ -12542,22 +12433,6 @@ var ButtonRow2 = styled25__default.default.div`
 `;
 
 // src/components/property-buy/constants.ts
-var allNewsItems = [
-  { id: 1, title: "RBA signals potential rate cut in Q1 2026 - property stocks rally", type: "market" },
-  { id: 2, title: "Sydney unemployment drops to 3.1% - Eastern suburbs lead recovery", type: "market" },
-  { id: 3, title: "Musgrave heritage listing confirmed - protects architectural value", type: "property" },
-  { id: 4, title: "Mosman Council approves DA for Musgrave restoration works", type: "property" },
-  { id: 5, title: "Nearby 12 Mcleod St sells for $18.5M - sets new street record", type: "market" },
-  { id: 6, title: "Eastern suburbs rental yields reach 3.8% - highest in 5 years", type: "market" },
-  { id: 7, title: "Musgrave pool resurfacing completed - heritage sandstone preserved", type: "property" },
-  { id: 8, title: "Mosman median house price hits $7.2M - up 9% YoY", type: "market" },
-  { id: 9, title: "Musgrave gardens featured in Heritage NSW annual report", type: "property" },
-  { id: 10, title: "Lower North Shore vacancy rates drop to 1.2% - rental demand surges", type: "market" },
-  { id: 11, title: "Musgrave structural inspection complete - excellent condition confirmed", type: "property" },
-  { id: 12, title: "Sydney harbour views premium reaches 35% - Mosman leads growth", type: "market" },
-  { id: 13, title: "New security system installed at Musgrave - smart home integration", type: "property" },
-  { id: 14, title: "Heritage property demand up 22% - pre-Federation homes most sought", type: "market" }
-];
 var musgraveGalleryImages = [
   { src: "/properties/Musgrave/ExteriorFront_Musgrave_Loafmarkets.jpg", title: "Exterior Front", subtitle: "Grand entrance" },
   { src: "/properties/Musgrave/ExteriorDusk_Musgrave_Loafmarkets.jpg", title: "Exterior Dusk", subtitle: "Evening ambiance" },
@@ -12612,7 +12487,9 @@ function PropertyBuy({
   isLoadingActivity = false,
   selectorItems,
   onSelectorSelect,
-  portfolioActivity
+  portfolioActivity,
+  newsItems = [],
+  newsConnectionStatus
 }) {
   const [sliderValue, setSliderValue] = React5.useState(0);
   const [availableBalance, setAvailableBalance] = React5.useState(walletUsdcBalance ?? 0);
@@ -12625,15 +12502,6 @@ function PropertyBuy({
   const [orderPlacedSuccess, setOrderPlacedSuccess] = React5.useState(false);
   const [lastOrderDetails, setLastOrderDetails] = React5.useState(null);
   const [showOrderConfirmModal, setShowOrderConfirmModal] = React5.useState(false);
-  const [, setLiveNewsIndex] = React5.useState(0);
-  const [newsItems, setNewsItems] = React5.useState(
-    () => allNewsItems.slice(0, 4).map((item, index) => ({
-      ...item,
-      displayId: `${item.id}-initial-${index}`,
-      date: index === 0 ? "Just now" : `${(index + 1) * 3} minutes ago`,
-      isNew: false
-    }))
-  );
   const tokenPrice = saleData?.tokenPrice ?? 250;
   const feeRate = (saleData?.feePercent ?? 0.5) / 100;
   const totalSold = saleData?.totalSold ?? 0;
@@ -12733,29 +12601,6 @@ function PropertyBuy({
     setSliderValue(0);
     setManualOrderAmount(null);
   };
-  React5.useEffect(() => {
-    const newsInterval = setInterval(() => {
-      setLiveNewsIndex((prev) => {
-        const nextIndex = (prev + 1) % allNewsItems.length;
-        setNewsItems((current) => {
-          const incoming = allNewsItems[nextIndex];
-          if (current.some((item) => item.id === incoming.id)) {
-            return current;
-          }
-          return [
-            { ...incoming, displayId: `${incoming.id}-${Date.now()}`, date: "Just now", isNew: true },
-            ...current.slice(0, 3).map((item) => ({
-              ...item,
-              isNew: false,
-              date: item.date === "Just now" ? "8 seconds ago" : item.date
-            }))
-          ];
-        });
-        return nextIndex;
-      });
-    }, 8e3);
-    return () => clearInterval(newsInterval);
-  }, []);
   if (saleData?.loading) {
     return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "py-16 px-8 text-[var(--color-text-secondary)] text-center text-[0.9rem]", children: "Loading sale data..." });
   }
@@ -12853,6 +12698,7 @@ function PropertyBuy({
         NewsOrdersSection,
         {
           newsItems,
+          newsConnectionStatus,
           activityData: portfolioActivity
         }
       )
@@ -15301,6 +15147,7 @@ exports.LoafLiquidityBadge = LoafLiquidityBadge;
 exports.LoafLiquidityLogo = LoafLiquidityLogo;
 exports.LoginPopup = LoginPopup;
 exports.MobileTradeNav = MobileTradeNav;
+exports.OfferingProgressCard = OfferingProgressCard;
 exports.Orderbook = Orderbook;
 exports.OwnerBooking = owner_booking_default;
 exports.PaymentPopup = PaymentPopup;