@loafmarkets/ui 0.1.59 → 0.1.60

package/dist/index.d.mts

@@ -958,8 +958,10 @@ 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;

package/dist/index.d.ts

@@ -958,8 +958,10 @@ 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;

package/dist/index.js

@@ -12117,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,
       {
@@ -12179,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;
@@ -12189,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,
@@ -12544,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" },
@@ -12614,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);
@@ -12627,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;
@@ -12735,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..." });
   }
@@ -12855,6 +12698,7 @@ function PropertyBuy({
         NewsOrdersSection,
         {
           newsItems,
+          newsConnectionStatus,
           activityData: portfolioActivity
         }
       )