@loafmarkets/ui 0.1.140 → 0.1.142

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 CHANGED
@@ -754,8 +754,9 @@ type PropertyOverviewProps = {
754
754
  ticker?: string;
755
755
  contractAddress?: string;
756
756
  chain?: string;
757
+ percentageTokenized?: number | null;
757
758
  };
758
- declare function PropertyOverview({ propertyName, location, midPrice, onTradeClick, 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, }: PropertyOverviewProps): react_jsx_runtime.JSX.Element;
759
+ declare function PropertyOverview({ propertyName, location, midPrice, onTradeClick, 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, percentageTokenized, }: PropertyOverviewProps): react_jsx_runtime.JSX.Element;
759
760
 
760
761
  type OfferStatus = 'active' | 'rejected' | 'expired' | 'historical' | 'pending';
761
762
  type PropertyOffer = {
package/dist/index.d.ts CHANGED
@@ -754,8 +754,9 @@ type PropertyOverviewProps = {
754
754
  ticker?: string;
755
755
  contractAddress?: string;
756
756
  chain?: string;
757
+ percentageTokenized?: number | null;
757
758
  };
758
- declare function PropertyOverview({ propertyName, location, midPrice, onTradeClick, 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, }: PropertyOverviewProps): react_jsx_runtime.JSX.Element;
759
+ declare function PropertyOverview({ propertyName, location, midPrice, onTradeClick, 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, percentageTokenized, }: PropertyOverviewProps): react_jsx_runtime.JSX.Element;
759
760
 
760
761
  type OfferStatus = 'active' | 'rejected' | 'expired' | 'historical' | 'pending';
761
762
  type PropertyOffer = {
package/dist/index.js CHANGED
@@ -8323,7 +8323,8 @@ function PropertyOverview({
8323
8323
  isLoading = false,
8324
8324
  ticker,
8325
8325
  contractAddress,
8326
- chain = "Base (Ethereum L2)"
8326
+ chain = "Base (Ethereum L2)",
8327
+ percentageTokenized
8327
8328
  }) {
8328
8329
  const [isDescExpanded, setDescExpanded] = React5.useState(false);
8329
8330
  const description = descriptionProp ?? overviewData?.description ?? DEFAULT_DESCRIPTION;
@@ -8366,9 +8367,10 @@ function PropertyOverview({
8366
8367
  const galleryImages = images ?? [];
8367
8368
  const tokenDetailsItems = [
8368
8369
  { label: "Chain", value: chain },
8369
- { label: "Contract Address", value: contractAddress ? truncateAddress(contractAddress) : "\u2014", mono: true },
8370
+ { label: "Contract Address", value: contractAddress ? truncateAddress(contractAddress) : "\u2014", mono: true, link: contractAddress ? `https://basescan.org/address/${contractAddress}` : void 0 },
8370
8371
  { label: "Token Ticker", value: ticker ?? "\u2014" },
8371
8372
  { label: "Total Tokens", value: isLoading && resolvedTokensIssued == null ? loadingSkeleton : resolvedTokensIssued?.toLocaleString() ?? "\u2014" },
8373
+ { label: "Percentage Tokenized", value: percentageTokenized != null ? `${percentageTokenized}%` : "\u2014" },
8372
8374
  { label: "Property Type", value: resolvedPropertyType ?? "\u2014" },
8373
8375
  { label: "Location", value: location || "\u2014" }
8374
8376
  ];
@@ -8402,7 +8404,7 @@ function PropertyOverview({
8402
8404
  /* @__PURE__ */ jsxRuntime.jsx(TokenDetailsTitle, { children: "Token Details" }),
8403
8405
  tokenDetailsItems.map((item) => /* @__PURE__ */ jsxRuntime.jsxs(TokenDetailRow, { children: [
8404
8406
  /* @__PURE__ */ jsxRuntime.jsx(TokenDetailLabel, { children: item.label }),
8405
- /* @__PURE__ */ jsxRuntime.jsx(TokenDetailValue, { $mono: !!item.mono, children: item.value })
8407
+ /* @__PURE__ */ jsxRuntime.jsx(TokenDetailValue, { $mono: !!item.mono, children: item.link ? /* @__PURE__ */ jsxRuntime.jsx("a", { href: item.link, target: "_blank", rel: "noopener noreferrer", style: { color: "#3380FF", textDecoration: "none" }, children: item.value }) : item.value })
8406
8408
  ] }, item.label))
8407
8409
  ] })
8408
8410
  ] })