@loafmarkets/ui 0.1.285 → 0.1.286
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.js +64 -43
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +64 -43
- package/dist/index.mjs.map +1 -1
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -15212,34 +15212,53 @@ function PropertyBuy({
|
|
|
15212
15212
|
isPrivateClient
|
|
15213
15213
|
}
|
|
15214
15214
|
),
|
|
15215
|
-
/* @__PURE__ */ jsxRuntime.jsxs(
|
|
15216
|
-
/* @__PURE__ */ jsxRuntime.
|
|
15217
|
-
|
|
15218
|
-
|
|
15219
|
-
|
|
15220
|
-
|
|
15221
|
-
|
|
15222
|
-
|
|
15223
|
-
|
|
15224
|
-
|
|
15225
|
-
|
|
15226
|
-
|
|
15215
|
+
/* @__PURE__ */ jsxRuntime.jsxs(BottomRow, { children: [
|
|
15216
|
+
/* @__PURE__ */ jsxRuntime.jsx(ActivityWrapper, { children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
15217
|
+
PortfolioActivityPanel,
|
|
15218
|
+
{
|
|
15219
|
+
positions: portfolioActivity?.positions,
|
|
15220
|
+
showPositionsTab: true,
|
|
15221
|
+
onPositionClick: portfolioActivity?.onPositionClick,
|
|
15222
|
+
offeringOrders: portfolioActivity?.offeringOrders,
|
|
15223
|
+
openOrders: portfolioActivity?.openOrders,
|
|
15224
|
+
orderHistory: portfolioActivity?.orderHistory,
|
|
15225
|
+
tradeHistory: portfolioActivity?.tradeHistory,
|
|
15226
|
+
transfers: portfolioActivity?.transfers,
|
|
15227
|
+
onCancelOrder: portfolioActivity?.onCancelOrder,
|
|
15228
|
+
cancellingOrderId: portfolioActivity?.cancellingOrderId,
|
|
15229
|
+
defaultTab: "subscriptions",
|
|
15230
|
+
pageSize: 6
|
|
15231
|
+
}
|
|
15232
|
+
) }),
|
|
15233
|
+
/* @__PURE__ */ jsxRuntime.jsxs(RecentOrderPanel, { children: [
|
|
15234
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: "roa-header", children: [
|
|
15235
|
+
/* @__PURE__ */ jsxRuntime.jsxs("h3", { children: [
|
|
15236
|
+
/* @__PURE__ */ jsxRuntime.jsx(LiveDot, { $active: ipoStarted && !ipoEnded }),
|
|
15237
|
+
"Recent Order Activity"
|
|
15238
|
+
] }),
|
|
15239
|
+
/* @__PURE__ */ jsxRuntime.jsx("span", { children: ipoEnded ? `Sale ended${ordersAllocated > 0 ? ` \xB7 ${ordersAllocated.toLocaleString()} orders` : ""}` : ipoStarted ? isLoadingActivity && sortedOrders.length === 0 ? "Loading orders\u2026" : `Active orders: ${ordersAllocated.toLocaleString()}` : "Waiting for Offer to Open" })
|
|
15227
15240
|
] }),
|
|
15228
|
-
/* @__PURE__ */ jsxRuntime.jsx(
|
|
15229
|
-
|
|
15230
|
-
|
|
15231
|
-
|
|
15232
|
-
return /* @__PURE__ */ jsxRuntime.jsxs(PurchaseItem, { $barWidth: `${barPercent}%`, $isAlternate: index % 2 === 1, children: [
|
|
15233
|
-
/* @__PURE__ */ jsxRuntime.jsxs(PurchaseInfo, { children: [
|
|
15234
|
-
/* @__PURE__ */ jsxRuntime.jsx(PurchaseName, { children: order.buyerHandle || `${order.buyerAddress.slice(0, 6)}...${order.buyerAddress.slice(-4)}` }),
|
|
15235
|
-
/* @__PURE__ */ jsxRuntime.jsx(PurchaseTime, { children: formatTimeAgo2(order.timestamp) })
|
|
15241
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: "roa-content", children: ipoStarted && isLoadingActivity && sortedOrders.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx(FeedList, { children: Array.from({ length: 6 }).map((_, i) => /* @__PURE__ */ jsxRuntime.jsxs(SkeletonFeedRow, { children: [
|
|
15242
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: "info-col", children: [
|
|
15243
|
+
/* @__PURE__ */ jsxRuntime.jsx(Skeleton, { width: 110, height: 14 }),
|
|
15244
|
+
/* @__PURE__ */ jsxRuntime.jsx(Skeleton, { width: 56, height: 10 })
|
|
15236
15245
|
] }),
|
|
15237
|
-
/* @__PURE__ */ jsxRuntime.jsx(
|
|
15238
|
-
] }, order
|
|
15239
|
-
|
|
15240
|
-
|
|
15241
|
-
|
|
15242
|
-
|
|
15246
|
+
/* @__PURE__ */ jsxRuntime.jsx(Skeleton, { width: 70, height: 14 })
|
|
15247
|
+
] }, `skel-${i}`)) }) : ipoStarted || ipoEnded && sortedOrders.length > 0 ? /* @__PURE__ */ jsxRuntime.jsx(FeedList, { children: sortedOrders.map((order, index) => {
|
|
15248
|
+
const amount = tokenPrice * order.quantity;
|
|
15249
|
+
const barPercent = Math.min(85, Math.max(15, amount / 6e4 * 100));
|
|
15250
|
+
return /* @__PURE__ */ jsxRuntime.jsxs(PurchaseItem, { $barWidth: `${barPercent}%`, $isAlternate: index % 2 === 1, children: [
|
|
15251
|
+
/* @__PURE__ */ jsxRuntime.jsxs(PurchaseInfo, { children: [
|
|
15252
|
+
/* @__PURE__ */ jsxRuntime.jsx(PurchaseName, { children: order.buyerHandle || `${order.buyerAddress.slice(0, 6)}...${order.buyerAddress.slice(-4)}` }),
|
|
15253
|
+
/* @__PURE__ */ jsxRuntime.jsx(PurchaseTime, { children: formatTimeAgo2(order.timestamp) })
|
|
15254
|
+
] }),
|
|
15255
|
+
/* @__PURE__ */ jsxRuntime.jsx(PurchaseAmount, { children: formatOrderCurrency(amount) })
|
|
15256
|
+
] }, order.txHash);
|
|
15257
|
+
}) }) : ipoEnded ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "roa-empty", children: /* @__PURE__ */ jsxRuntime.jsx("p", { children: "Sale ended \u2014 no orders were placed." }) }) : /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "roa-empty", children: [
|
|
15258
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: "roa-spinner" }),
|
|
15259
|
+
/* @__PURE__ */ jsxRuntime.jsx("p", { children: "Activity will appear once the Offering opens" })
|
|
15260
|
+
] }) })
|
|
15261
|
+
] })
|
|
15243
15262
|
] }),
|
|
15244
15263
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { style: { display: "flex", flexDirection: "column" }, children: [
|
|
15245
15264
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
@@ -15280,23 +15299,6 @@ function PropertyBuy({
|
|
|
15280
15299
|
purchaseError && /* @__PURE__ */ jsxRuntime.jsx("div", { style: { marginTop: "0.75rem", padding: "0.75rem 1rem", borderRadius: "8px", background: "rgba(246,70,93,0.1)", border: "1px solid rgba(246,70,93,0.3)", color: "#f6465d", fontSize: "0.8rem", fontWeight: 500 }, children: purchaseError })
|
|
15281
15300
|
] })
|
|
15282
15301
|
] }),
|
|
15283
|
-
/* @__PURE__ */ jsxRuntime.jsx(ActivityWrapper, { children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
15284
|
-
PortfolioActivityPanel,
|
|
15285
|
-
{
|
|
15286
|
-
positions: portfolioActivity?.positions,
|
|
15287
|
-
showPositionsTab: true,
|
|
15288
|
-
onPositionClick: portfolioActivity?.onPositionClick,
|
|
15289
|
-
offeringOrders: portfolioActivity?.offeringOrders,
|
|
15290
|
-
openOrders: portfolioActivity?.openOrders,
|
|
15291
|
-
orderHistory: portfolioActivity?.orderHistory,
|
|
15292
|
-
tradeHistory: portfolioActivity?.tradeHistory,
|
|
15293
|
-
transfers: portfolioActivity?.transfers,
|
|
15294
|
-
onCancelOrder: portfolioActivity?.onCancelOrder,
|
|
15295
|
-
cancellingOrderId: portfolioActivity?.cancellingOrderId,
|
|
15296
|
-
defaultTab: "subscriptions",
|
|
15297
|
-
pageSize: 6
|
|
15298
|
-
}
|
|
15299
|
-
) }),
|
|
15300
15302
|
/* @__PURE__ */ jsxRuntime.jsxs(NewsVideoRow, { children: [
|
|
15301
15303
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
15302
15304
|
PropertyNewsUpdates,
|
|
@@ -15413,6 +15415,8 @@ var HeroGrid = styled9__default.default.div`
|
|
|
15413
15415
|
}
|
|
15414
15416
|
`;
|
|
15415
15417
|
var ActivityWrapper = styled9__default.default.div`
|
|
15418
|
+
flex: 1;
|
|
15419
|
+
min-width: 0;
|
|
15416
15420
|
background-color: var(--color-card-darker, #111);
|
|
15417
15421
|
border-radius: 8px;
|
|
15418
15422
|
padding: 1.5rem;
|
|
@@ -15427,7 +15431,19 @@ var ActivityWrapper = styled9__default.default.div`
|
|
|
15427
15431
|
min-height: auto;
|
|
15428
15432
|
}
|
|
15429
15433
|
`;
|
|
15434
|
+
var BottomRow = styled9__default.default.div`
|
|
15435
|
+
display: flex;
|
|
15436
|
+
gap: 1.5rem;
|
|
15437
|
+
align-items: stretch;
|
|
15438
|
+
@media (max-width: 1024px) {
|
|
15439
|
+
flex-direction: column;
|
|
15440
|
+
gap: 1rem;
|
|
15441
|
+
}
|
|
15442
|
+
`;
|
|
15430
15443
|
var RecentOrderPanel = styled9__default.default.div`
|
|
15444
|
+
flex: 0 0 auto;
|
|
15445
|
+
min-width: 380px;
|
|
15446
|
+
max-width: 480px;
|
|
15431
15447
|
background-color: var(--color-card-darker, #111);
|
|
15432
15448
|
border-radius: 8px;
|
|
15433
15449
|
padding: 1.5rem;
|
|
@@ -15436,6 +15452,11 @@ var RecentOrderPanel = styled9__default.default.div`
|
|
|
15436
15452
|
box-shadow: 0 4px 8px rgba(0,0,0,0.2);
|
|
15437
15453
|
border: 1px solid var(--color-border);
|
|
15438
15454
|
overflow: hidden;
|
|
15455
|
+
@media (max-width: 1024px) {
|
|
15456
|
+
min-width: 0;
|
|
15457
|
+
max-width: none;
|
|
15458
|
+
width: 100%;
|
|
15459
|
+
}
|
|
15439
15460
|
@media (max-width: 768px) {
|
|
15440
15461
|
padding: 1rem;
|
|
15441
15462
|
}
|