@loafmarkets/ui 0.1.138 → 0.1.140
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 +7 -8
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +7 -8
- package/dist/index.mjs.map +1 -1
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -8074,7 +8074,7 @@ function GalleryMapSection({
|
|
|
8074
8074
|
src: resolvedMapUrl,
|
|
8075
8075
|
width: "100%",
|
|
8076
8076
|
height: "100%",
|
|
8077
|
-
style: { border: 0, minHeight:
|
|
8077
|
+
style: { border: 0, minHeight: 500, pointerEvents: "auto" },
|
|
8078
8078
|
allow: "autoplay; fullscreen; web-share; xr-spatial-tracking;",
|
|
8079
8079
|
title: "Property Location",
|
|
8080
8080
|
referrerPolicy: "unsafe-url",
|
|
@@ -8133,8 +8133,8 @@ var Track = styled19__default.default.div`
|
|
|
8133
8133
|
`;
|
|
8134
8134
|
var Slide = styled19__default.default.div`
|
|
8135
8135
|
min-width: 100%; position: relative; cursor: pointer;
|
|
8136
|
-
img { width: 100%; height:
|
|
8137
|
-
@media (max-width: 768px) { img { height:
|
|
8136
|
+
img { width: 100%; height: 500px; object-fit: cover; border-radius: 8px; }
|
|
8137
|
+
@media (max-width: 768px) { img { height: 280px; } }
|
|
8138
8138
|
`;
|
|
8139
8139
|
var SlideCaption = styled19__default.default.div`
|
|
8140
8140
|
position: absolute; bottom: 0; left: 0; right: 0; padding: 1rem;
|
|
@@ -8199,11 +8199,11 @@ var CategoryRow = styled19__default.default.div`
|
|
|
8199
8199
|
button[data-active='true'] { background: rgba(212,175,55,0.2); border-color: #D4AF37; color: #D4AF37; }
|
|
8200
8200
|
`;
|
|
8201
8201
|
var MapPanel = styled19__default.default(PanelBase)`
|
|
8202
|
-
min-height:
|
|
8202
|
+
min-height: 500px; padding: 1.5rem;
|
|
8203
8203
|
min-width: 0; overflow: hidden;
|
|
8204
8204
|
`;
|
|
8205
8205
|
var MapFrame = styled19__default.default.div`
|
|
8206
|
-
flex: 1; border-radius: 6px; overflow: hidden; min-height:
|
|
8206
|
+
flex: 1; border-radius: 6px; overflow: hidden; min-height: 500px; position: relative;
|
|
8207
8207
|
`;
|
|
8208
8208
|
var IframeShield = styled19__default.default.div`
|
|
8209
8209
|
position: absolute; inset: 0; z-index: 1; cursor: pointer;
|
|
@@ -8361,7 +8361,6 @@ function PropertyOverview({
|
|
|
8361
8361
|
const weeklyRent = overviewData?.weeklyRent ?? 0;
|
|
8362
8362
|
const annualRent = weeklyRent * 52;
|
|
8363
8363
|
const dividendYield = resolvedValuation && annualRent > 0 ? (annualRent / resolvedValuation * 100).toFixed(2) : null;
|
|
8364
|
-
const marketCap = tokenPriceValue && resolvedTokensIssued ? tokenPriceValue * resolvedTokensIssued : null;
|
|
8365
8364
|
const loadingSkeleton = /* @__PURE__ */ jsxRuntime.jsx(Skeleton, { width: 90, height: 18 });
|
|
8366
8365
|
const resolvedPropertyType = overviewData?.propertyType ?? propertyTypeLabel ?? null;
|
|
8367
8366
|
const galleryImages = images ?? [];
|
|
@@ -8375,12 +8374,12 @@ function PropertyOverview({
|
|
|
8375
8374
|
];
|
|
8376
8375
|
const tokenStats = [
|
|
8377
8376
|
{ label: "Token Price", value: isLoading && tokenPriceValue == null ? loadingSkeleton : tokenPriceValue ? `$${tokenPriceValue.toLocaleString(void 0, { minimumFractionDigits: 2, maximumFractionDigits: 2 })}` : "\u2014", gold: true },
|
|
8378
|
-
{ label: "
|
|
8377
|
+
{ label: "Property Value", value: isLoading && resolvedValuation == null ? loadingSkeleton : resolvedValuation ? resolvedValuation >= 1e6 ? `$${(resolvedValuation / 1e6).toFixed(2)}M` : `$${resolvedValuation.toLocaleString()}` : "\u2014" },
|
|
8379
8378
|
{ label: "Dividend Yield", value: isLoading && dividendYield == null ? loadingSkeleton : dividendYield ? `${dividendYield}%` : "\u2014" },
|
|
8380
8379
|
{ label: "Total Tokens", value: isLoading && resolvedTokensIssued == null ? loadingSkeleton : resolvedTokensIssued?.toLocaleString() ?? "\u2014" }
|
|
8381
8380
|
];
|
|
8382
8381
|
const propertyStats = [
|
|
8383
|
-
{ label: "
|
|
8382
|
+
{ label: "Offering Valuation", value: isLoading && resolvedValuation == null ? loadingSkeleton : resolvedValuation ? resolvedValuation >= 1e6 ? `$${(resolvedValuation / 1e6).toFixed(2)}M` : `$${resolvedValuation.toLocaleString()}` : "\u2014" },
|
|
8384
8383
|
{ label: "Weekly Rent", value: isLoading && !overviewData ? loadingSkeleton : weeklyRent > 0 ? `$${weeklyRent.toLocaleString()}/wk` : "\u2014", badge: weeklyRent > 0 ? "Rented" : void 0 },
|
|
8385
8384
|
{ label: "Annual Rent", value: isLoading && !overviewData ? loadingSkeleton : annualRent > 0 ? `$${annualRent.toLocaleString()}/yr` : "\u2014" },
|
|
8386
8385
|
{ label: "Year Built", value: isLoading && !overviewData ? loadingSkeleton : overviewData?.yearBuilt ? String(overviewData.yearBuilt) : "\u2014" }
|