@loafmarkets/ui 0.1.27 → 0.1.28

package/dist/index.d.mts

@@ -712,6 +712,13 @@ type PropertySubscription = {
     timestamp: string;
     status?: string;
 };
+type IpoRecentOrder = {
+    buyerAddress: string;
+    buyerHandle: string;
+    quantity: number;
+    timestamp: number;
+    txHash: string;
+};
 
 type PropertyBuyProps = {
     propertyName?: string;
@@ -730,8 +737,10 @@ type PropertyBuyProps = {
     initialUserSubscriptions?: PropertySubscription[];
     opensAt?: number | null;
     isPrivateClient?: boolean;
+    recentOrders?: readonly IpoRecentOrder[];
+    ordersAllocated?: number;
 };
-declare function PropertyBuy({ propertyName, propertyLocation: propertyLocationLabel, tokenDisplayName, tokenSymbol, isAuthenticated, onSignIn, saleData, walletUsdcBalance, walletPropertyTokenBalance, onPurchase, purchaseStatus, purchaseError, onDeposit, initialUserSubscriptions, opensAt, isPrivateClient, }: PropertyBuyProps): react_jsx_runtime.JSX.Element;
+declare function PropertyBuy({ propertyName, propertyLocation: propertyLocationLabel, tokenDisplayName, tokenSymbol, isAuthenticated, onSignIn, saleData, walletUsdcBalance, walletPropertyTokenBalance, onPurchase, purchaseStatus, purchaseError, onDeposit, initialUserSubscriptions, opensAt, isPrivateClient, recentOrders, ordersAllocated, }: PropertyBuyProps): react_jsx_runtime.JSX.Element;
 
 type OwnerBookingProps = {
     propertyName?: string | null;

package/dist/index.d.ts

@@ -712,6 +712,13 @@ type PropertySubscription = {
     timestamp: string;
     status?: string;
 };
+type IpoRecentOrder = {
+    buyerAddress: string;
+    buyerHandle: string;
+    quantity: number;
+    timestamp: number;
+    txHash: string;
+};
 
 type PropertyBuyProps = {
     propertyName?: string;
@@ -730,8 +737,10 @@ type PropertyBuyProps = {
     initialUserSubscriptions?: PropertySubscription[];
     opensAt?: number | null;
     isPrivateClient?: boolean;
+    recentOrders?: readonly IpoRecentOrder[];
+    ordersAllocated?: number;
 };
-declare function PropertyBuy({ propertyName, propertyLocation: propertyLocationLabel, tokenDisplayName, tokenSymbol, isAuthenticated, onSignIn, saleData, walletUsdcBalance, walletPropertyTokenBalance, onPurchase, purchaseStatus, purchaseError, onDeposit, initialUserSubscriptions, opensAt, isPrivateClient, }: PropertyBuyProps): react_jsx_runtime.JSX.Element;
+declare function PropertyBuy({ propertyName, propertyLocation: propertyLocationLabel, tokenDisplayName, tokenSymbol, isAuthenticated, onSignIn, saleData, walletUsdcBalance, walletPropertyTokenBalance, onPurchase, purchaseStatus, purchaseError, onDeposit, initialUserSubscriptions, opensAt, isPrivateClient, recentOrders, ordersAllocated, }: PropertyBuyProps): react_jsx_runtime.JSX.Element;
 
 type OwnerBookingProps = {
     propertyName?: string | null;

package/dist/index.js

@@ -8459,12 +8459,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] = React5.useState(false);
   return /* @__PURE__ */ jsxRuntime.jsx(AssetSelectorWrapper, { children: /* @__PURE__ */ jsxRuntime.jsxs(IPOAssetSelector, { children: [
@@ -8734,7 +8728,7 @@ function OfferingProgressCard({
             /* @__PURE__ */ jsxRuntime.jsx(CountdownUnitLabel, { children: "S" })
           ] })
         ] })
-      ] }) : /* @__PURE__ */ jsxRuntime.jsx(PreLiveStatus, { $statusColor: statusColor, children: ipoStatus === "CLOSED" ? "Sale Completed" : ipoStatus === "CANCELLED" ? "Sale Cancelled" : "Sale Not Yet Open" }),
+      ] }) : /* @__PURE__ */ jsxRuntime.jsx(PreLiveStatus, { $statusColor: statusColor, children: "Sale Not Yet Open" }),
       /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { textAlign: "right" }, children: [
         /* @__PURE__ */ jsxRuntime.jsx(MetricLabel2, { children: "Offering Valuation" }),
         /* @__PURE__ */ jsxRuntime.jsxs(MetricValue2, { children: [
@@ -8946,7 +8940,16 @@ var ProgressBar = styled23__default.default.div`
     transition: width 0.5s ease;
   }
 `;
-function VideoActivitySection({ ipoStarted }) {
+function VideoActivitySection({
+  ipoStarted,
+  recentOrders = [],
+  ordersAllocated = 0,
+  tokenPrice = 0
+}) {
+  const sortedOrders = React5.useMemo(
+    () => [...recentOrders].sort((a, b) => b.timestamp - a.timestamp),
+    [recentOrders]
+  );
   return /* @__PURE__ */ jsxRuntime.jsxs(Section4, { children: [
     /* @__PURE__ */ jsxRuntime.jsxs(VideoPanel, { children: [
       /* @__PURE__ */ jsxRuntime.jsx("div", { className: "section-header", children: /* @__PURE__ */ jsxRuntime.jsx("h3", { children: "Musgrave" }) }),
@@ -8961,15 +8964,15 @@ function VideoActivitySection({ ipoStarted }) {
           /* @__PURE__ */ jsxRuntime.jsx(LiveIndicatorDot, { $active: ipoStarted }),
           "Recent Order Activity"
         ] }),
-        /* @__PURE__ */ jsxRuntime.jsx("span", { children: ipoStarted ? "Active orders: 1,247" : "Waiting for Offer to Open" })
+        /* @__PURE__ */ jsxRuntime.jsx("span", { children: ipoStarted ? `Active orders: ${ordersAllocated.toLocaleString()}` : "Waiting for Offer to Open" })
       ] }),
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "activity-content", children: ipoStarted ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "activity-list", children: recentOrderPurchases.map((purchase, i) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "purchase-row", children: [
-        /* @__PURE__ */ jsxRuntime.jsx("span", { children: purchase.name }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "activity-content", children: ipoStarted ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "activity-list", children: sortedOrders.map((order) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "purchase-row", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("span", { children: order.buyerHandle || `${order.buyerAddress.slice(0, 6)}...${order.buyerAddress.slice(-4)}` }),
         /* @__PURE__ */ jsxRuntime.jsxs("strong", { children: [
           "$",
-          purchase.amount.toLocaleString()
+          (tokenPrice * order.quantity).toLocaleString(void 0, { maximumFractionDigits: 0 })
         ] })
-      ] }, i)) }) : /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "activity-empty", children: [
+      ] }, order.txHash)) }) : /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "activity-empty", children: [
         /* @__PURE__ */ jsxRuntime.jsx("div", { className: "spinner" }),
         /* @__PURE__ */ jsxRuntime.jsx("p", { children: "Activity will appear once the Offering opens" })
       ] }) })
@@ -10570,7 +10573,9 @@ function PropertyBuy({
   onDeposit,
   initialUserSubscriptions = [],
   opensAt,
-  isPrivateClient = false
+  isPrivateClient = false,
+  recentOrders = [],
+  ordersAllocated = 0
 }) {
   const [sliderValue, setSliderValue] = React5.useState(0);
   const [availableBalance, setAvailableBalance] = React5.useState(walletUsdcBalance ?? 125e3);
@@ -10744,7 +10749,15 @@ function PropertyBuy({
           opensAt
         }
       ),
-      /* @__PURE__ */ jsxRuntime.jsx(VideoActivitySection, { ipoStarted }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        VideoActivitySection,
+        {
+          ipoStarted,
+          recentOrders,
+          ordersAllocated,
+          tokenPrice
+        }
+      ),
       /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { display: "flex", flexDirection: "column" }, children: [
         /* @__PURE__ */ jsxRuntime.jsx(
           OrderPanel,