@loafmarkets/ui 0.1.356 → 0.1.358
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.d.mts +1 -3
- package/dist/index.d.ts +1 -3
- package/dist/index.js +6 -282
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +6 -282
- package/dist/index.mjs.map +1 -1
- package/package.json +1 -1
package/dist/index.d.mts
CHANGED
|
@@ -772,8 +772,6 @@ type PropertyOverviewProps = {
|
|
|
772
772
|
chain?: string;
|
|
773
773
|
percentageTokenized?: number | null;
|
|
774
774
|
volume24h?: number | null;
|
|
775
|
-
openOrdersValue?: number | null;
|
|
776
|
-
holderCount?: number | null;
|
|
777
775
|
priceHistory?: {
|
|
778
776
|
time: number;
|
|
779
777
|
close: number;
|
|
@@ -788,7 +786,7 @@ type PropertyOverviewProps = {
|
|
|
788
786
|
marketClosedDays: readonly string[];
|
|
789
787
|
} | null;
|
|
790
788
|
};
|
|
791
|
-
declare function PropertyOverview({ propertyName: _propertyName, location, midPrice, onTradeClick, onDocumentsClick, onPhotosClick, description: descriptionProp, tradeButtonLabel, images, galleryCategories, videoUrl, tokenName, landSizeSqm: landProp, buildingSizeSqm: buildingProp, features: featuresProp, propertyInfo: _propertyInfoProp, overviewData, bedrooms, bathrooms, carSpaces, propertyTypeLabel, tokensIssued: tokensIssuedProp, isLoading, ticker, contractAddress, chain, volume24h,
|
|
789
|
+
declare function PropertyOverview({ propertyName: _propertyName, location, midPrice, onTradeClick, onDocumentsClick, onPhotosClick, description: descriptionProp, tradeButtonLabel, images, galleryCategories, videoUrl, tokenName, landSizeSqm: landProp, buildingSizeSqm: buildingProp, features: featuresProp, propertyInfo: _propertyInfoProp, overviewData, bedrooms, bathrooms, carSpaces, propertyTypeLabel, tokensIssued: tokensIssuedProp, isLoading, ticker, contractAddress, chain, volume24h, priceHistory: priceHistoryProp, beta, marketHours, }: PropertyOverviewProps): react_jsx_runtime.JSX.Element;
|
|
792
790
|
|
|
793
791
|
type OfferStatus = 'active' | 'rejected' | 'expired' | 'historical' | 'pending';
|
|
794
792
|
type PropertyOffer = {
|
package/dist/index.d.ts
CHANGED
|
@@ -772,8 +772,6 @@ type PropertyOverviewProps = {
|
|
|
772
772
|
chain?: string;
|
|
773
773
|
percentageTokenized?: number | null;
|
|
774
774
|
volume24h?: number | null;
|
|
775
|
-
openOrdersValue?: number | null;
|
|
776
|
-
holderCount?: number | null;
|
|
777
775
|
priceHistory?: {
|
|
778
776
|
time: number;
|
|
779
777
|
close: number;
|
|
@@ -788,7 +786,7 @@ type PropertyOverviewProps = {
|
|
|
788
786
|
marketClosedDays: readonly string[];
|
|
789
787
|
} | null;
|
|
790
788
|
};
|
|
791
|
-
declare function PropertyOverview({ propertyName: _propertyName, location, midPrice, onTradeClick, onDocumentsClick, onPhotosClick, description: descriptionProp, tradeButtonLabel, images, galleryCategories, videoUrl, tokenName, landSizeSqm: landProp, buildingSizeSqm: buildingProp, features: featuresProp, propertyInfo: _propertyInfoProp, overviewData, bedrooms, bathrooms, carSpaces, propertyTypeLabel, tokensIssued: tokensIssuedProp, isLoading, ticker, contractAddress, chain, volume24h,
|
|
789
|
+
declare function PropertyOverview({ propertyName: _propertyName, location, midPrice, onTradeClick, onDocumentsClick, onPhotosClick, description: descriptionProp, tradeButtonLabel, images, galleryCategories, videoUrl, tokenName, landSizeSqm: landProp, buildingSizeSqm: buildingProp, features: featuresProp, propertyInfo: _propertyInfoProp, overviewData, bedrooms, bathrooms, carSpaces, propertyTypeLabel, tokensIssued: tokensIssuedProp, isLoading, ticker, contractAddress, chain, volume24h, priceHistory: priceHistoryProp, beta, marketHours, }: PropertyOverviewProps): react_jsx_runtime.JSX.Element;
|
|
792
790
|
|
|
793
791
|
type OfferStatus = 'active' | 'rejected' | 'expired' | 'historical' | 'pending';
|
|
794
792
|
type PropertyOffer = {
|
package/dist/index.js
CHANGED
|
@@ -6845,30 +6845,6 @@ var LoginPopup = ({
|
|
|
6845
6845
|
/* @__PURE__ */ jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M12 2C9.79 2 8 3.79 8 6v4H6c-1.1 0-2 .9-2 2v8c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2v-8c0-1.1-.9-2-2-2h-2V6c0-2.21-1.79-4-4-4zm-2 4c0-1.1.9-2 2-2s2 .9 2 2v4h-4V6zm2 9a2 2 0 100 4 2 2 0 000-4z" }) }),
|
|
6846
6846
|
"Sign in with Passkey"
|
|
6847
6847
|
] })
|
|
6848
|
-
] }),
|
|
6849
|
-
/* @__PURE__ */ jsxRuntime.jsx(Divider, {}),
|
|
6850
|
-
/* @__PURE__ */ jsxRuntime.jsxs(AnnotationContainer, { children: [
|
|
6851
|
-
/* @__PURE__ */ jsxRuntime.jsxs(Annotation, { children: [
|
|
6852
|
-
/* @__PURE__ */ jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M21 18v1c0 1.1-.9 2-2 2H5c-1.11 0-2-.9-2-2V5c0-1.1.89-2 2-2h14c1.1 0 2 .9 2 2v1h-9c-1.11 0-2 .9-2 2v8c0 1.1.89 2 2 2h9zm-9-2h10V8H12v8zm4-2.5c-.83 0-1.5-.67-1.5-1.5s.67-1.5 1.5-1.5 1.5.67 1.5 1.5-.67 1.5-1.5 1.5z" }) }),
|
|
6853
|
-
/* @__PURE__ */ jsxRuntime.jsxs(AnnotationText, { children: [
|
|
6854
|
-
/* @__PURE__ */ jsxRuntime.jsx(AnnotationLabel, { children: "\u2190 Digital Asset users" }),
|
|
6855
|
-
"Connect your Web3 wallet to access your assets"
|
|
6856
|
-
] })
|
|
6857
|
-
] }),
|
|
6858
|
-
/* @__PURE__ */ jsxRuntime.jsxs(Annotation, { children: [
|
|
6859
|
-
/* @__PURE__ */ jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M20 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4l-8 5-8-5V6l8 5 8-5v2z" }) }),
|
|
6860
|
-
/* @__PURE__ */ jsxRuntime.jsxs(AnnotationText, { children: [
|
|
6861
|
-
/* @__PURE__ */ jsxRuntime.jsx(AnnotationLabel, { children: "\u2190 Traditional Finance users" }),
|
|
6862
|
-
"Sign in with email, no web3 experience needed"
|
|
6863
|
-
] })
|
|
6864
|
-
] }),
|
|
6865
|
-
/* @__PURE__ */ jsxRuntime.jsxs(Annotation, { children: [
|
|
6866
|
-
/* @__PURE__ */ jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M18 8h-1V6c0-2.76-2.24-5-5-5S7 3.24 7 6v2H6c-1.1 0-2 .9-2 2v10c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V10c0-1.1-.9-2-2-2zm-6 9c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2zm3.1-9H8.9V6c0-1.71 1.39-3.1 3.1-3.1 1.71 0 3.1 1.39 3.1 3.1v2z" }) }),
|
|
6867
|
-
/* @__PURE__ */ jsxRuntime.jsxs(AnnotationText, { children: [
|
|
6868
|
-
/* @__PURE__ */ jsxRuntime.jsx(AnnotationLabel, { children: "\u2190 Self custodial" }),
|
|
6869
|
-
"We never have ownership of your assets. All units are self custodial"
|
|
6870
|
-
] })
|
|
6871
|
-
] })
|
|
6872
6848
|
] })
|
|
6873
6849
|
] }) });
|
|
6874
6850
|
}
|
|
@@ -7581,57 +7557,12 @@ var LoginButton = styled9__default.default.button`
|
|
|
7581
7557
|
color: var(--color-accent, #e6c656);
|
|
7582
7558
|
}
|
|
7583
7559
|
`;
|
|
7584
|
-
var Divider = styled9__default.default.div`
|
|
7585
|
-
display: flex;
|
|
7586
|
-
align-items: center;
|
|
7587
|
-
margin: 1.5rem 0;
|
|
7588
|
-
|
|
7589
|
-
&::before,
|
|
7590
|
-
&::after {
|
|
7591
|
-
content: "";
|
|
7592
|
-
flex: 1;
|
|
7593
|
-
height: 1px;
|
|
7594
|
-
background-color: rgba(230, 198, 86, 0.2);
|
|
7595
|
-
}
|
|
7596
|
-
`;
|
|
7597
7560
|
var InfoText = styled9__default.default.p`
|
|
7598
7561
|
color: var(--color-text-secondary, #848e9c);
|
|
7599
7562
|
font-size: 0.875rem;
|
|
7600
7563
|
text-align: center;
|
|
7601
7564
|
line-height: 1.5;
|
|
7602
7565
|
`;
|
|
7603
|
-
var AnnotationContainer = styled9__default.default.div`
|
|
7604
|
-
display: flex;
|
|
7605
|
-
flex-direction: column;
|
|
7606
|
-
gap: 0.75rem;
|
|
7607
|
-
margin-top: 1.5rem;
|
|
7608
|
-
padding-top: 1.5rem;
|
|
7609
|
-
border-top: 1px solid rgba(230, 198, 86, 0.2);
|
|
7610
|
-
`;
|
|
7611
|
-
var Annotation = styled9__default.default.div`
|
|
7612
|
-
display: flex;
|
|
7613
|
-
align-items: flex-start;
|
|
7614
|
-
gap: 1rem;
|
|
7615
|
-
color: var(--color-text-secondary, #848e9c);
|
|
7616
|
-
font-size: 0.8rem;
|
|
7617
|
-
|
|
7618
|
-
svg {
|
|
7619
|
-
width: 16px;
|
|
7620
|
-
height: 16px;
|
|
7621
|
-
flex-shrink: 0;
|
|
7622
|
-
margin-top: 2px;
|
|
7623
|
-
color: var(--color-accent, #e6c656);
|
|
7624
|
-
}
|
|
7625
|
-
`;
|
|
7626
|
-
var AnnotationText = styled9__default.default.span`
|
|
7627
|
-
flex: 1;
|
|
7628
|
-
line-height: 1.4;
|
|
7629
|
-
`;
|
|
7630
|
-
var AnnotationLabel = styled9__default.default.span`
|
|
7631
|
-
color: var(--color-text, #eaecef);
|
|
7632
|
-
font-weight: 500;
|
|
7633
|
-
margin-right: 0.25rem;
|
|
7634
|
-
`;
|
|
7635
7566
|
var EmailFormContainer = styled9__default.default.div`
|
|
7636
7567
|
display: flex;
|
|
7637
7568
|
flex-direction: column;
|
|
@@ -9038,15 +8969,12 @@ function PropertyOverview({
|
|
|
9038
8969
|
contractAddress,
|
|
9039
8970
|
chain = "Base (Ethereum L2)",
|
|
9040
8971
|
volume24h,
|
|
9041
|
-
openOrdersValue,
|
|
9042
|
-
holderCount,
|
|
9043
8972
|
priceHistory: priceHistoryProp,
|
|
9044
8973
|
beta = false,
|
|
9045
8974
|
marketHours
|
|
9046
8975
|
}) {
|
|
9047
8976
|
const [isDescExpanded, setDescExpanded] = React5.useState(false);
|
|
9048
8977
|
const [showDividendHistory, setShowDividendHistory] = React5.useState(false);
|
|
9049
|
-
const [showHolders, setShowHolders] = React5.useState(false);
|
|
9050
8978
|
const [copiedAddress, setCopiedAddress] = React5.useState(false);
|
|
9051
8979
|
const [statsTab, setStatsTab] = React5.useState("token");
|
|
9052
8980
|
const description = descriptionProp ?? overviewData?.description ?? DEFAULT_DESCRIPTION;
|
|
@@ -9100,9 +9028,7 @@ function PropertyOverview({
|
|
|
9100
9028
|
const tokenStats = [
|
|
9101
9029
|
{ label: "Token Price", value: isLoading && tokenPriceValue == null ? loadingSkeleton : tokenPriceValue ? `$${tokenPriceValue.toFixed(2)}` : "\u2014", gold: true },
|
|
9102
9030
|
{ label: "24h Volume", value: isLoading && vol24hDollar == null ? loadingSkeleton : vol24hDollar != null && vol24hDollar > 0 ? fmtDollar(vol24hDollar) : "\u2014" },
|
|
9103
|
-
{ label: "Dividend Yield", value: isLoading && currentDividendYield == null ? loadingSkeleton : currentDividendYield ? `${currentDividendYield}%` : "\u2014" }
|
|
9104
|
-
{ label: "Open Orders", value: isLoading && openOrdersValue == null ? loadingSkeleton : openOrdersValue != null && openOrdersValue > 0 ? fmtDollar(openOrdersValue) : "\u2014" },
|
|
9105
|
-
{ label: "Holders", value: isLoading && holderCount == null ? loadingSkeleton : holderCount != null ? holderCount.toLocaleString() : "\u2014" }
|
|
9031
|
+
{ label: "Dividend Yield", value: isLoading && currentDividendYield == null ? loadingSkeleton : currentDividendYield ? `${currentDividendYield}%` : "\u2014" }
|
|
9106
9032
|
];
|
|
9107
9033
|
const growthPct = overviewData?.growth5Yr;
|
|
9108
9034
|
const propertyStats = [
|
|
@@ -9169,7 +9095,7 @@ function PropertyOverview({
|
|
|
9169
9095
|
/* @__PURE__ */ jsxRuntime.jsx(StatsRowLabel, { children: "Token Performance" }),
|
|
9170
9096
|
/* @__PURE__ */ jsxRuntime.jsx(StatsHRow, { children: tokenStats.map((item) => /* @__PURE__ */ jsxRuntime.jsxs(StatsHCell, { children: [
|
|
9171
9097
|
/* @__PURE__ */ jsxRuntime.jsx(StatsHCellLabel, { children: item.label }),
|
|
9172
|
-
|
|
9098
|
+
/* @__PURE__ */ jsxRuntime.jsx(StatsHCellValue, { $gold: !!item.gold, children: item.value })
|
|
9173
9099
|
] }, item.label)) })
|
|
9174
9100
|
] }),
|
|
9175
9101
|
/* @__PURE__ */ jsxRuntime.jsxs(StatsRowSection, { children: [
|
|
@@ -9188,7 +9114,7 @@ function PropertyOverview({
|
|
|
9188
9114
|
] }),
|
|
9189
9115
|
statsTab === "token" && /* @__PURE__ */ jsxRuntime.jsx(StatsTabContent, { children: tokenStats.map((item) => /* @__PURE__ */ jsxRuntime.jsxs(StatRow, { $gold: !!item.gold, children: [
|
|
9190
9116
|
/* @__PURE__ */ jsxRuntime.jsx(StatLabel, { children: item.label }),
|
|
9191
|
-
|
|
9117
|
+
/* @__PURE__ */ jsxRuntime.jsx(StatValue, { $gold: !!item.gold, children: item.value })
|
|
9192
9118
|
] }, item.label)) }),
|
|
9193
9119
|
statsTab === "property" && /* @__PURE__ */ jsxRuntime.jsxs(StatsTabContent, { children: [
|
|
9194
9120
|
propertyStats.map((item) => /* @__PURE__ */ jsxRuntime.jsxs(StatRow, { children: [
|
|
@@ -9210,14 +9136,6 @@ function PropertyOverview({
|
|
|
9210
9136
|
onClose: () => setShowDividendHistory(false)
|
|
9211
9137
|
}
|
|
9212
9138
|
),
|
|
9213
|
-
showHolders && /* @__PURE__ */ jsxRuntime.jsx(
|
|
9214
|
-
HoldersPopup,
|
|
9215
|
-
{
|
|
9216
|
-
contractAddress,
|
|
9217
|
-
ticker,
|
|
9218
|
-
onClose: () => setShowHolders(false)
|
|
9219
|
-
}
|
|
9220
|
-
),
|
|
9221
9139
|
/* @__PURE__ */ jsxRuntime.jsxs(Section, { children: [
|
|
9222
9140
|
/* @__PURE__ */ jsxRuntime.jsx(SectionHeader, { children: "The Asset" }),
|
|
9223
9141
|
galleryImages.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
|
|
@@ -9274,14 +9192,6 @@ function PropertyOverview({
|
|
|
9274
9192
|
/* @__PURE__ */ jsxRuntime.jsx(StatLabel, { children: "Suburb Median" }),
|
|
9275
9193
|
/* @__PURE__ */ jsxRuntime.jsx(StatValue, { children: overviewData?.suburbMedian != null ? fmtDollar(overviewData.suburbMedian) : "\u2014" })
|
|
9276
9194
|
] }),
|
|
9277
|
-
/* @__PURE__ */ jsxRuntime.jsxs(StatRow, { children: [
|
|
9278
|
-
/* @__PURE__ */ jsxRuntime.jsx(StatLabel, { children: "5yr Property Growth" }),
|
|
9279
|
-
/* @__PURE__ */ jsxRuntime.jsx(StatValue, { style: growthPct != null && growthPct > 0 ? { color: "#4ade80" } : void 0, children: growthPct != null ? `${growthPct > 0 ? "+" : ""}${growthPct}%` : "\u2014" })
|
|
9280
|
-
] }),
|
|
9281
|
-
/* @__PURE__ */ jsxRuntime.jsxs(StatRow, { children: [
|
|
9282
|
-
/* @__PURE__ */ jsxRuntime.jsx(StatLabel, { children: "Current Dividend" }),
|
|
9283
|
-
/* @__PURE__ */ jsxRuntime.jsx(StatValue, { children: overviewData?.lastDividend != null ? `$${overviewData.lastDividend.toFixed(2)} / share / mo` : "\u2014" })
|
|
9284
|
-
] }),
|
|
9285
9195
|
propertyHistory.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
|
|
9286
9196
|
/* @__PURE__ */ jsxRuntime.jsx(StatsColumnHeader, { style: { marginTop: "1.25rem" }, children: "Capital History" }),
|
|
9287
9197
|
/* @__PURE__ */ jsxRuntime.jsx(TimelineWrap, { children: propertyHistory.map((h, i) => {
|
|
@@ -9506,65 +9416,6 @@ function DividendHistoryPopup({
|
|
|
9506
9416
|
] }) })
|
|
9507
9417
|
] }) });
|
|
9508
9418
|
}
|
|
9509
|
-
var MOCK_HOLDERS = [
|
|
9510
|
-
{ rank: 1, address: "0xA1b2...9F3e", label: "Loaf Treasury", tokens: 12500, pct: 25 },
|
|
9511
|
-
{ rank: 2, address: "0xC4d5...1A7b", label: null, tokens: 6200, pct: 12.4 },
|
|
9512
|
-
{ rank: 3, address: "0xE8f9...3C2d", label: null, tokens: 4800, pct: 9.6 },
|
|
9513
|
-
{ rank: 4, address: "0x2B3c...7D4e", label: "Market Maker", tokens: 3500, pct: 7 },
|
|
9514
|
-
{ rank: 5, address: "0x5F6a...8E1c", label: null, tokens: 2900, pct: 5.8 },
|
|
9515
|
-
{ rank: 6, address: "0x7A8b...0F2d", label: null, tokens: 2400, pct: 4.8 },
|
|
9516
|
-
{ rank: 7, address: "0x9C0d...4A3e", label: null, tokens: 1800, pct: 3.6 },
|
|
9517
|
-
{ rank: 8, address: "0xB1e2...6C5f", label: null, tokens: 1500, pct: 3 },
|
|
9518
|
-
{ rank: 9, address: "0xD3f4...8E7a", label: null, tokens: 1200, pct: 2.4 },
|
|
9519
|
-
{ rank: 10, address: "0xF5a6...2B9c", label: null, tokens: 950, pct: 1.9 }
|
|
9520
|
-
];
|
|
9521
|
-
function HoldersPopup({
|
|
9522
|
-
contractAddress,
|
|
9523
|
-
ticker,
|
|
9524
|
-
onClose
|
|
9525
|
-
}) {
|
|
9526
|
-
React5.useEffect(() => {
|
|
9527
|
-
const handleEsc = (e) => {
|
|
9528
|
-
if (e.key === "Escape") onClose();
|
|
9529
|
-
};
|
|
9530
|
-
window.addEventListener("keydown", handleEsc);
|
|
9531
|
-
return () => window.removeEventListener("keydown", handleEsc);
|
|
9532
|
-
}, [onClose]);
|
|
9533
|
-
const basescanUrl = contractAddress ? `https://sepolia.basescan.org/token/${contractAddress}#balances` : "https://sepolia.basescan.org";
|
|
9534
|
-
return /* @__PURE__ */ jsxRuntime.jsx(DivPopupOverlay, { onClick: onClose, children: /* @__PURE__ */ jsxRuntime.jsxs(HoldersPanel, { onClick: (e) => e.stopPropagation(), children: [
|
|
9535
|
-
/* @__PURE__ */ jsxRuntime.jsxs(DivPopupHeader, { children: [
|
|
9536
|
-
/* @__PURE__ */ jsxRuntime.jsxs(DivPopupTitle, { children: [
|
|
9537
|
-
"Top Holders",
|
|
9538
|
-
ticker ? ` (${ticker})` : ""
|
|
9539
|
-
] }),
|
|
9540
|
-
/* @__PURE__ */ jsxRuntime.jsxs(HoldersHeaderRight, { children: [
|
|
9541
|
-
/* @__PURE__ */ jsxRuntime.jsx(HoldersBasescanLink, { href: basescanUrl, target: "_blank", rel: "noopener noreferrer", children: "View on BaseScan\xA0\u2197" }),
|
|
9542
|
-
/* @__PURE__ */ jsxRuntime.jsx(DivPopupClose, { onClick: onClose, "aria-label": "Close holders", children: "\u2715" })
|
|
9543
|
-
] })
|
|
9544
|
-
] }),
|
|
9545
|
-
/* @__PURE__ */ jsxRuntime.jsxs(HoldersTableWrap, { children: [
|
|
9546
|
-
/* @__PURE__ */ jsxRuntime.jsxs(HoldersTableHeader, { children: [
|
|
9547
|
-
/* @__PURE__ */ jsxRuntime.jsx(HoldersColRank, { children: "#" }),
|
|
9548
|
-
/* @__PURE__ */ jsxRuntime.jsx(HoldersColAddr, { children: "Address" }),
|
|
9549
|
-
/* @__PURE__ */ jsxRuntime.jsx(HoldersColTokens, { children: "Tokens" }),
|
|
9550
|
-
/* @__PURE__ */ jsxRuntime.jsx(HoldersColPct, { children: "%" })
|
|
9551
|
-
] }),
|
|
9552
|
-
MOCK_HOLDERS.map((h) => /* @__PURE__ */ jsxRuntime.jsxs(HoldersTableRow, { children: [
|
|
9553
|
-
/* @__PURE__ */ jsxRuntime.jsx(HoldersColRank, { children: h.rank }),
|
|
9554
|
-
/* @__PURE__ */ jsxRuntime.jsxs(HoldersColAddr, { children: [
|
|
9555
|
-
/* @__PURE__ */ jsxRuntime.jsx(HolderAddrLink, { href: `https://sepolia.basescan.org/address/${h.address.replace("...", "")}`, target: "_blank", rel: "noopener noreferrer", children: h.address }),
|
|
9556
|
-
h.label && /* @__PURE__ */ jsxRuntime.jsx(HolderLabel, { children: h.label })
|
|
9557
|
-
] }),
|
|
9558
|
-
/* @__PURE__ */ jsxRuntime.jsx(HoldersColTokens, { children: h.tokens.toLocaleString() }),
|
|
9559
|
-
/* @__PURE__ */ jsxRuntime.jsxs(HoldersColPct, { children: [
|
|
9560
|
-
h.pct.toFixed(1),
|
|
9561
|
-
"%"
|
|
9562
|
-
] })
|
|
9563
|
-
] }, h.rank))
|
|
9564
|
-
] }),
|
|
9565
|
-
/* @__PURE__ */ jsxRuntime.jsx(HoldersFooter, { children: /* @__PURE__ */ jsxRuntime.jsx(HoldersFullListBtn, { href: basescanUrl, target: "_blank", rel: "noopener noreferrer", children: "See Full List of Holders\xA0\u2197" }) })
|
|
9566
|
-
] }) });
|
|
9567
|
-
}
|
|
9568
9419
|
var Wrapper = styled9__default.default.div`
|
|
9569
9420
|
display: flex;
|
|
9570
9421
|
flex-direction: column;
|
|
@@ -10174,133 +10025,6 @@ var DivTableTD = styled9__default.default.td`
|
|
|
10174
10025
|
font-size: 0.82rem;
|
|
10175
10026
|
color: rgba(255,255,255,0.75);
|
|
10176
10027
|
`;
|
|
10177
|
-
var HoldersPanel = styled9__default.default.div`
|
|
10178
|
-
background: #111;
|
|
10179
|
-
border: 1px solid rgba(255,255,255,0.08);
|
|
10180
|
-
border-radius: 14px;
|
|
10181
|
-
width: 90%;
|
|
10182
|
-
max-width: 520px;
|
|
10183
|
-
max-height: 85vh;
|
|
10184
|
-
overflow-y: auto;
|
|
10185
|
-
display: flex;
|
|
10186
|
-
flex-direction: column;
|
|
10187
|
-
`;
|
|
10188
|
-
var HoldersHeaderRight = styled9__default.default.div`
|
|
10189
|
-
display: flex;
|
|
10190
|
-
align-items: center;
|
|
10191
|
-
gap: 1rem;
|
|
10192
|
-
`;
|
|
10193
|
-
var HoldersBasescanLink = styled9__default.default.a`
|
|
10194
|
-
font-size: 0.75rem;
|
|
10195
|
-
color: rgba(255,255,255,0.4);
|
|
10196
|
-
text-decoration: none;
|
|
10197
|
-
transition: color 0.15s;
|
|
10198
|
-
&:hover { color: rgba(212,175,55,0.9); }
|
|
10199
|
-
`;
|
|
10200
|
-
var HoldersTableWrap = styled9__default.default.div`
|
|
10201
|
-
padding: 0 1.5rem;
|
|
10202
|
-
`;
|
|
10203
|
-
var HoldersTableHeader = styled9__default.default.div`
|
|
10204
|
-
display: flex;
|
|
10205
|
-
align-items: center;
|
|
10206
|
-
padding: 0.6rem 0;
|
|
10207
|
-
border-bottom: 1px solid rgba(255,255,255,0.08);
|
|
10208
|
-
font-size: 0.65rem;
|
|
10209
|
-
font-weight: 500;
|
|
10210
|
-
color: rgba(255,255,255,0.4);
|
|
10211
|
-
text-transform: uppercase;
|
|
10212
|
-
letter-spacing: 0.06em;
|
|
10213
|
-
`;
|
|
10214
|
-
var HoldersTableRow = styled9__default.default.div`
|
|
10215
|
-
display: flex;
|
|
10216
|
-
align-items: center;
|
|
10217
|
-
padding: 0.6rem 0;
|
|
10218
|
-
border-bottom: 1px solid rgba(255,255,255,0.03);
|
|
10219
|
-
font-size: 0.82rem;
|
|
10220
|
-
color: rgba(255,255,255,0.75);
|
|
10221
|
-
border-radius: 6px;
|
|
10222
|
-
transition: background 0.15s;
|
|
10223
|
-
&:hover { background: rgba(255,255,255,0.03); }
|
|
10224
|
-
&:last-child { border-bottom: none; }
|
|
10225
|
-
`;
|
|
10226
|
-
var HoldersColRank = styled9__default.default.span`
|
|
10227
|
-
width: 32px;
|
|
10228
|
-
flex-shrink: 0;
|
|
10229
|
-
color: rgba(255,255,255,0.35);
|
|
10230
|
-
font-size: 0.75rem;
|
|
10231
|
-
`;
|
|
10232
|
-
var HoldersColAddr = styled9__default.default.span`
|
|
10233
|
-
flex: 1;
|
|
10234
|
-
min-width: 0;
|
|
10235
|
-
display: flex;
|
|
10236
|
-
align-items: center;
|
|
10237
|
-
gap: 0.5rem;
|
|
10238
|
-
`;
|
|
10239
|
-
var HolderAddrLink = styled9__default.default.a`
|
|
10240
|
-
font-family: monospace;
|
|
10241
|
-
font-size: 0.8rem;
|
|
10242
|
-
color: rgba(255,255,255,0.7);
|
|
10243
|
-
text-decoration: none;
|
|
10244
|
-
&:hover { color: rgba(212,175,55,0.9); }
|
|
10245
|
-
`;
|
|
10246
|
-
var HolderLabel = styled9__default.default.span`
|
|
10247
|
-
font-size: 0.68rem;
|
|
10248
|
-
color: rgba(212,175,55,0.7);
|
|
10249
|
-
background: rgba(212,175,55,0.08);
|
|
10250
|
-
padding: 1px 6px;
|
|
10251
|
-
border-radius: 4px;
|
|
10252
|
-
white-space: nowrap;
|
|
10253
|
-
`;
|
|
10254
|
-
var HoldersColTokens = styled9__default.default.span`
|
|
10255
|
-
width: 90px;
|
|
10256
|
-
text-align: right;
|
|
10257
|
-
flex-shrink: 0;
|
|
10258
|
-
font-variant-numeric: tabular-nums;
|
|
10259
|
-
`;
|
|
10260
|
-
var HoldersColPct = styled9__default.default.span`
|
|
10261
|
-
width: 55px;
|
|
10262
|
-
text-align: right;
|
|
10263
|
-
flex-shrink: 0;
|
|
10264
|
-
font-variant-numeric: tabular-nums;
|
|
10265
|
-
color: rgba(255,255,255,0.5);
|
|
10266
|
-
`;
|
|
10267
|
-
var HoldersFooter = styled9__default.default.div`
|
|
10268
|
-
padding: 1rem 1.5rem 1.25rem;
|
|
10269
|
-
display: flex;
|
|
10270
|
-
justify-content: center;
|
|
10271
|
-
`;
|
|
10272
|
-
var HoldersFullListBtn = styled9__default.default.a`
|
|
10273
|
-
display: inline-flex;
|
|
10274
|
-
align-items: center;
|
|
10275
|
-
padding: 0.55rem 1.5rem;
|
|
10276
|
-
border: 1px solid rgba(255,255,255,0.1);
|
|
10277
|
-
border-radius: 8px;
|
|
10278
|
-
background: rgba(255,255,255,0.03);
|
|
10279
|
-
color: rgba(255,255,255,0.6);
|
|
10280
|
-
font-size: 0.78rem;
|
|
10281
|
-
font-weight: 500;
|
|
10282
|
-
text-decoration: none;
|
|
10283
|
-
transition: border-color 0.15s, color 0.15s, background 0.15s;
|
|
10284
|
-
&:hover {
|
|
10285
|
-
border-color: rgba(212,175,55,0.4);
|
|
10286
|
-
color: rgba(212,175,55,0.9);
|
|
10287
|
-
background: rgba(212,175,55,0.05);
|
|
10288
|
-
}
|
|
10289
|
-
`;
|
|
10290
|
-
var StatValueClickable = styled9__default.default.span`
|
|
10291
|
-
font-size: 0.88rem;
|
|
10292
|
-
font-weight: 500;
|
|
10293
|
-
color: #fff;
|
|
10294
|
-
cursor: pointer;
|
|
10295
|
-
text-decoration: underline;
|
|
10296
|
-
text-underline-offset: 3px;
|
|
10297
|
-
text-decoration-color: rgba(255,255,255,0.15);
|
|
10298
|
-
transition: color 0.15s, text-decoration-color 0.15s;
|
|
10299
|
-
&:hover {
|
|
10300
|
-
color: rgba(212,175,55,0.9);
|
|
10301
|
-
text-decoration-color: rgba(212,175,55,0.5);
|
|
10302
|
-
}
|
|
10303
|
-
`;
|
|
10304
10028
|
var STATUS_BG = {
|
|
10305
10029
|
active: "rgba(14,203,129,0.18)",
|
|
10306
10030
|
rejected: "rgba(246,70,93,0.18)",
|
|
@@ -12405,7 +12129,7 @@ function OrderPanel({
|
|
|
12405
12129
|
] })
|
|
12406
12130
|
] })
|
|
12407
12131
|
] }),
|
|
12408
|
-
/* @__PURE__ */ jsxRuntime.jsx(
|
|
12132
|
+
/* @__PURE__ */ jsxRuntime.jsx(Divider, { children: "\u2193" }),
|
|
12409
12133
|
/* @__PURE__ */ jsxRuntime.jsxs(ReadyChecklist, { children: [
|
|
12410
12134
|
/* @__PURE__ */ jsxRuntime.jsx(ChecklistTitle, { children: "Get ready to invest" }),
|
|
12411
12135
|
/* @__PURE__ */ jsxRuntime.jsx(ChecklistSub, { children: "Complete these steps to be first in line" }),
|
|
@@ -12579,7 +12303,7 @@ function OrderPanel({
|
|
|
12579
12303
|
}
|
|
12580
12304
|
)
|
|
12581
12305
|
] }),
|
|
12582
|
-
/* @__PURE__ */ jsxRuntime.jsx(
|
|
12306
|
+
/* @__PURE__ */ jsxRuntime.jsx(Divider, { children: "\u2193" }),
|
|
12583
12307
|
/* @__PURE__ */ jsxRuntime.jsxs(Card2, { children: [
|
|
12584
12308
|
/* @__PURE__ */ jsxRuntime.jsxs(CardTopRow, { children: [
|
|
12585
12309
|
/* @__PURE__ */ jsxRuntime.jsx(CardLabel, { children: ipoStarted ? "You Receive" : "You'll Receive" }),
|
|
@@ -12878,7 +12602,7 @@ var DepositButton2 = styled9__default.default.button`
|
|
|
12878
12602
|
cursor: pointer;
|
|
12879
12603
|
font-weight: 500;
|
|
12880
12604
|
`;
|
|
12881
|
-
var
|
|
12605
|
+
var Divider = styled9__default.default.div`
|
|
12882
12606
|
text-align: center;
|
|
12883
12607
|
margin: 0.25rem 0;
|
|
12884
12608
|
color: var(--color-text-secondary);
|