@loafmarkets/ui 0.1.26 → 0.1.28

package/dist/index.mjs

@@ -8434,12 +8434,6 @@ var STATUS_COLOR2 = {
   CLOSED: "#848e9c",
   CANCELLED: "#f6465d"
 };
-var recentOrderPurchases = [
-  { name: "investor_au", amount: 12500 },
-  { name: "sydney_prop", amount: 25e3 },
-  { name: "heritage_inv", amount: 5e4 },
-  { name: "mosman_buyer", amount: 7500 }
-];
 function AssetSelectorBar({ propertyName, tokenPrice, offeringValuation }) {
   const [isDropdownOpen, setIsDropdownOpen] = useState(false);
   return /* @__PURE__ */ jsx(AssetSelectorWrapper, { children: /* @__PURE__ */ jsxs(IPOAssetSelector, { children: [
@@ -8709,7 +8703,7 @@ function OfferingProgressCard({
             /* @__PURE__ */ jsx(CountdownUnitLabel, { children: "S" })
           ] })
         ] })
-      ] }) : /* @__PURE__ */ jsx(PreLiveStatus, { $statusColor: statusColor, children: ipoStatus === "CLOSED" ? "Sale Completed" : ipoStatus === "CANCELLED" ? "Sale Cancelled" : "Sale Not Yet Open" }),
+      ] }) : /* @__PURE__ */ jsx(PreLiveStatus, { $statusColor: statusColor, children: "Sale Not Yet Open" }),
       /* @__PURE__ */ jsxs("div", { style: { textAlign: "right" }, children: [
         /* @__PURE__ */ jsx(MetricLabel2, { children: "Offering Valuation" }),
         /* @__PURE__ */ jsxs(MetricValue2, { children: [
@@ -8921,7 +8915,16 @@ var ProgressBar = styled23.div`
     transition: width 0.5s ease;
   }
 `;
-function VideoActivitySection({ ipoStarted }) {
+function VideoActivitySection({
+  ipoStarted,
+  recentOrders = [],
+  ordersAllocated = 0,
+  tokenPrice = 0
+}) {
+  const sortedOrders = useMemo(
+    () => [...recentOrders].sort((a, b) => b.timestamp - a.timestamp),
+    [recentOrders]
+  );
   return /* @__PURE__ */ jsxs(Section4, { children: [
     /* @__PURE__ */ jsxs(VideoPanel, { children: [
       /* @__PURE__ */ jsx("div", { className: "section-header", children: /* @__PURE__ */ jsx("h3", { children: "Musgrave" }) }),
@@ -8936,15 +8939,15 @@ function VideoActivitySection({ ipoStarted }) {
           /* @__PURE__ */ jsx(LiveIndicatorDot, { $active: ipoStarted }),
           "Recent Order Activity"
         ] }),
-        /* @__PURE__ */ jsx("span", { children: ipoStarted ? "Active orders: 1,247" : "Waiting for Offer to Open" })
+        /* @__PURE__ */ jsx("span", { children: ipoStarted ? `Active orders: ${ordersAllocated.toLocaleString()}` : "Waiting for Offer to Open" })
       ] }),
-      /* @__PURE__ */ jsx("div", { className: "activity-content", children: ipoStarted ? /* @__PURE__ */ jsx("div", { className: "activity-list", children: recentOrderPurchases.map((purchase, i) => /* @__PURE__ */ jsxs("div", { className: "purchase-row", children: [
-        /* @__PURE__ */ jsx("span", { children: purchase.name }),
+      /* @__PURE__ */ jsx("div", { className: "activity-content", children: ipoStarted ? /* @__PURE__ */ jsx("div", { className: "activity-list", children: sortedOrders.map((order) => /* @__PURE__ */ jsxs("div", { className: "purchase-row", children: [
+        /* @__PURE__ */ jsx("span", { children: order.buyerHandle || `${order.buyerAddress.slice(0, 6)}...${order.buyerAddress.slice(-4)}` }),
         /* @__PURE__ */ jsxs("strong", { children: [
           "$",
-          purchase.amount.toLocaleString()
+          (tokenPrice * order.quantity).toLocaleString(void 0, { maximumFractionDigits: 0 })
         ] })
-      ] }, i)) }) : /* @__PURE__ */ jsxs("div", { className: "activity-empty", children: [
+      ] }, order.txHash)) }) : /* @__PURE__ */ jsxs("div", { className: "activity-empty", children: [
         /* @__PURE__ */ jsx("div", { className: "spinner" }),
         /* @__PURE__ */ jsx("p", { children: "Activity will appear once the Offering opens" })
       ] }) })
@@ -9823,7 +9826,7 @@ function GalleryMapSection({ propertyLocation }) {
         /* @__PURE__ */ jsx(
           "iframe",
           {
-            src: "https://demo.loafmarkets.com/map/musgrave?embed=true&zoom=14&hideOthers=true",
+            src: "/map/musgrave?embed=true&zoom=14&hideOthers=true",
             width: "100%",
             height: "100%",
             style: { border: 0, minHeight: "400px", pointerEvents: "auto" },
@@ -10545,7 +10548,9 @@ function PropertyBuy({
   onDeposit,
   initialUserSubscriptions = [],
   opensAt,
-  isPrivateClient = false
+  isPrivateClient = false,
+  recentOrders = [],
+  ordersAllocated = 0
 }) {
   const [sliderValue, setSliderValue] = useState(0);
   const [availableBalance, setAvailableBalance] = useState(walletUsdcBalance ?? 125e3);
@@ -10719,7 +10724,15 @@ function PropertyBuy({
           opensAt
         }
       ),
-      /* @__PURE__ */ jsx(VideoActivitySection, { ipoStarted }),
+      /* @__PURE__ */ jsx(
+        VideoActivitySection,
+        {
+          ipoStarted,
+          recentOrders,
+          ordersAllocated,
+          tokenPrice
+        }
+      ),
       /* @__PURE__ */ jsxs("div", { style: { display: "flex", flexDirection: "column" }, children: [
         /* @__PURE__ */ jsx(
           OrderPanel,