@loafmarkets/ui 0.1.13 → 0.1.16

package/dist/index.d.mts

@@ -339,6 +339,7 @@ type YourOrdersProps = React.HTMLAttributes<HTMLDivElement> & {
     onTabChange?: (tabId: string) => void;
     renderOrderActions?: (order: YourOrder) => React.ReactNode;
     renderTabContent?: (args: RenderTabContentArgs) => React.ReactNode | null;
+    pageSize?: number;
 };
 declare const YourOrders: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
     title?: string;
@@ -348,6 +349,7 @@ declare const YourOrders: React.ForwardRefExoticComponent<React.HTMLAttributes<H
     onTabChange?: (tabId: string) => void;
     renderOrderActions?: (order: YourOrder) => React.ReactNode;
     renderTabContent?: (args: RenderTabContentArgs) => React.ReactNode | null;
+    pageSize?: number;
 } & React.RefAttributes<HTMLDivElement>>;
 
 type PriceChartRange = "30s" | "1m" | "5m" | "15m" | "1h" | "4h" | "24h" | "1W" | "1M";
@@ -395,6 +397,10 @@ type PropertyHeroHeaderProps = React.HTMLAttributes<HTMLDivElement> & {
     propertyTypeLabel?: string;
     onTrade?: () => void;
     onMakeOffer?: () => void;
+    tradeButtonLabel?: string;
+    makeOfferButtonLabel?: string;
+    makeOfferDisabled?: boolean;
+    hideMakeOfferButton?: boolean;
 };
 declare const PropertyHeroHeader: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
     imageUrl: string;
@@ -410,6 +416,10 @@ declare const PropertyHeroHeader: React.ForwardRefExoticComponent<React.HTMLAttr
     propertyTypeLabel?: string;
     onTrade?: () => void;
     onMakeOffer?: () => void;
+    tradeButtonLabel?: string;
+    makeOfferButtonLabel?: string;
+    makeOfferDisabled?: boolean;
+    hideMakeOfferButton?: boolean;
 } & React.RefAttributes<HTMLDivElement>>;
 
 type EmailCodeParams = {
@@ -578,13 +588,39 @@ declare const PropertyCompareBar: React.ForwardRefExoticComponent<React.HTMLAttr
     price?: PropertyPriceSummary;
 } & React.RefAttributes<HTMLDivElement>>;
 
+interface OverviewResponse {
+    readonly description: string;
+    readonly tokensIssued: number;
+    readonly offeringValuation: number;
+    readonly weeklyRent: number;
+    readonly indicativeListing: string;
+    readonly minimumParticipation?: number;
+    readonly landSizeSqm: number;
+    readonly buildingSizeSqm: number;
+    readonly swimmingPool: boolean;
+    readonly tennisCourt: boolean;
+    readonly garden: boolean;
+    readonly gym: boolean;
+    readonly propertyType?: string;
+    readonly yearBuilt: number;
+    readonly ownership: string;
+    readonly zoning: string;
+    readonly levels: number;
+    readonly daStatus: string;
+}
 type PropertyOverviewProps = {
     propertyName: string;
     location: string;
     midPrice: number;
     onTradeClick?: () => void;
+    overviewData?: OverviewResponse | null;
+    minimumParticipation?: number | null;
+    bedrooms?: number | null;
+    bathrooms?: number | null;
+    carSpaces?: number | null;
+    propertyTypeLabel?: string | null;
 };
-declare function PropertyOverview({ propertyName: _propertyName, location: _location, midPrice: _midPrice, onTradeClick: _onTradeClick }: PropertyOverviewProps): react_jsx_runtime.JSX.Element;
+declare function PropertyOverview({ propertyName: _propertyName, location: _location, midPrice: _midPrice, onTradeClick: _onTradeClick, overviewData, minimumParticipation, bedrooms, bathrooms, carSpaces, propertyTypeLabel, }: PropertyOverviewProps): react_jsx_runtime.JSX.Element;
 
 type OfferStatus = 'active' | 'rejected' | 'expired' | 'historical' | 'pending';
 type PropertyOffer = {
@@ -603,7 +639,17 @@ declare function PropertyOffers({ offers }: PropertyOffersProps): react_jsx_runt
 
 declare function PropertyHistory(): react_jsx_runtime.JSX.Element;
 
-declare function PropertyDocuments(): react_jsx_runtime.JSX.Element;
+interface DocumentItem {
+    readonly title: string;
+    readonly documentUrl: string;
+}
+interface DocumentsResponse {
+    readonly documents: readonly DocumentItem[];
+}
+type PropertyDocumentsProps = {
+    documentsData?: DocumentsResponse | null;
+};
+declare function PropertyDocuments({ documentsData }: PropertyDocumentsProps): react_jsx_runtime.JSX.Element;
 
 type InspectionSlot = {
     slotId: string;
@@ -656,6 +702,16 @@ type SaleData = {
     feePercent: number;
     offeringValuation: number;
 };
+type PropertySubscription = {
+    propertyName: string;
+    tokenSymbol: string;
+    tokens: number;
+    value: number;
+    avgPrice: number;
+    percentOfProperty: string;
+    timestamp: string;
+    status?: string;
+};
 
 type PropertyBuyProps = {
     propertyName?: string;
@@ -663,8 +719,15 @@ type PropertyBuyProps = {
     isAuthenticated: boolean;
     onSignIn: () => void;
     saleData?: SaleData | null;
+    walletUsdcBalance?: number | null;
+    walletPropertyTokenBalance?: number | null;
+    onPurchase?: (tokenAmount: number) => Promise<void>;
+    purchaseStatus?: 'idle' | 'checking-allowance' | 'approving' | 'purchasing' | 'success' | 'error';
+    purchaseError?: string | null;
+    onDeposit?: () => void;
+    initialUserSubscriptions?: PropertySubscription[];
 };
-declare function PropertyBuy({ propertyName, propertyLocation: propertyLocationLabel, isAuthenticated, onSignIn, saleData, }: PropertyBuyProps): react_jsx_runtime.JSX.Element;
+declare function PropertyBuy({ propertyName, propertyLocation: propertyLocationLabel, isAuthenticated, onSignIn, saleData, walletUsdcBalance, walletPropertyTokenBalance, onPurchase, purchaseStatus, purchaseError, onDeposit, initialUserSubscriptions, }: PropertyBuyProps): react_jsx_runtime.JSX.Element;
 
 type OwnerBookingProps = {
     propertyName?: string | null;
@@ -753,4 +816,27 @@ type PropertyPhotoGalleryProps = {
 };
 declare function PropertyPhotoGallery({ isOpen, onClose, startIndex, title, subtitle, images, }: PropertyPhotoGalleryProps): react_jsx_runtime.JSX.Element | null;
 
-export { Badge, type BadgeProps, Button, type ButtonProps, Card, CardContent, type CardContentProps, CardDescription, type CardDescriptionProps, CardFooter, type CardFooterProps, CardHeader, type CardHeaderProps, type CardProps, CardTitle, type CardTitleProps, type FundWalletParams, Header, type HeaderProps, type HousePositionOrderbook, type HousePositionPendingOrder, HousePositionSlider, HousePositionSliderMobile, type HousePositionSliderMobileOrderPayload, type HousePositionSliderMobileOrderbook, type HousePositionSliderMobileProps, type HousePositionSliderOrderPayload, type HousePositionSliderProps, type InspectionSlot, LoafLiquidityBadge, LoafLiquidityLogo, type LoafLiquidityLogoProps, LoginPopup, type LoginPopupProps, MobileTradeNav, type MobileTradeNavItem, type MobileTradeNavProps, type OfferStatus, Orderbook, type OrderbookLevel, type OrderbookProps, type OrderbookSide, type OrderbookTrade, OwnerBooking, type OwnerBookingProps, PaymentPopup, type PaymentPopupProps, PortfolioSummary, type PortfolioSummaryProps, PriceChart, type PriceChartCandle, type PriceChartProps, type PriceChartRange, type PropertyAddressOption, PropertyBuy, PropertyCompareBar, type PropertyCompareBarProps, PropertyDocuments, type PropertyGalleryHotspot, type PropertyGalleryImage, PropertyHeroHeader, type PropertyHeroHeaderProps, PropertyHistory, PropertyInspectionTimes, type PropertyNewsItem, type PropertyNewsType, PropertyNewsUpdates, type PropertyNewsUpdatesProps, type PropertyOffer, PropertyOffers, type PropertyOffersProps, PropertyOverview, type PropertyOverviewProps, PropertyPhotoGallery, type PropertyPriceSummary, PropertySubheader, type PropertySubheaderAction, type PropertySubheaderProps, type PropertySubheaderTab, PropertyTour, type PropertyTourProps, PropertyValuation, type PropertyValuationProps, type PropertyValueSummary, TradeConfirmationModal, type TradeConfirmationModalDetails, type TradeConfirmationModalProps, TradingSlider, type TradingSliderProps, type ValuationHistoryPoint, type ValuationRecentSale, type ValuationSummary, type YourOrder, type YourOrderSide, YourOrders, type YourOrdersProps, badgeVariants, buttonVariants };
+type ToastVariant = 'success' | 'error' | 'info' | 'pending';
+type ToastData = {
+    id: string;
+    variant: ToastVariant;
+    title: string;
+    /** Human-readable amount e.g. "20,000 USDC" */
+    amount?: string;
+    /** On-chain tx hash — shown truncated with a block explorer link */
+    txHash?: string;
+    /** Explorer base URL, defaults to Base Sepolia */
+    explorerUrl?: string;
+    /** Auto-dismiss after ms. 0 = never. Default 6000 */
+    duration?: number;
+};
+type ToastContextValue = {
+    toast: (data: Omit<ToastData, 'id'>) => string;
+    dismiss: (id: string) => void;
+};
+declare function ToastProvider({ children }: {
+    children: React__default.ReactNode;
+}): react_jsx_runtime.JSX.Element;
+declare function useToast(): ToastContextValue;
+
+export { Badge, type BadgeProps, Button, type ButtonProps, Card, CardContent, type CardContentProps, CardDescription, type CardDescriptionProps, CardFooter, type CardFooterProps, CardHeader, type CardHeaderProps, type CardProps, CardTitle, type CardTitleProps, type FundWalletParams, Header, type HeaderProps, type HousePositionOrderbook, type HousePositionPendingOrder, HousePositionSlider, HousePositionSliderMobile, type HousePositionSliderMobileOrderPayload, type HousePositionSliderMobileOrderbook, type HousePositionSliderMobileProps, type HousePositionSliderOrderPayload, type HousePositionSliderProps, type InspectionSlot, LoafLiquidityBadge, LoafLiquidityLogo, type LoafLiquidityLogoProps, LoginPopup, type LoginPopupProps, MobileTradeNav, type MobileTradeNavItem, type MobileTradeNavProps, type OfferStatus, Orderbook, type OrderbookLevel, type OrderbookProps, type OrderbookSide, type OrderbookTrade, OwnerBooking, type OwnerBookingProps, PaymentPopup, type PaymentPopupProps, PortfolioSummary, type PortfolioSummaryProps, PriceChart, type PriceChartCandle, type PriceChartProps, type PriceChartRange, type PropertyAddressOption, PropertyBuy, PropertyCompareBar, type PropertyCompareBarProps, PropertyDocuments, type PropertyGalleryHotspot, type PropertyGalleryImage, PropertyHeroHeader, type PropertyHeroHeaderProps, PropertyHistory, PropertyInspectionTimes, type PropertyNewsItem, type PropertyNewsType, PropertyNewsUpdates, type PropertyNewsUpdatesProps, type PropertyOffer, PropertyOffers, type PropertyOffersProps, PropertyOverview, type PropertyOverviewProps, PropertyPhotoGallery, type PropertyPriceSummary, PropertySubheader, type PropertySubheaderAction, type PropertySubheaderProps, type PropertySubheaderTab, PropertyTour, type PropertyTourProps, PropertyValuation, type PropertyValuationProps, type PropertyValueSummary, type ToastData, ToastProvider, type ToastVariant, TradeConfirmationModal, type TradeConfirmationModalDetails, type TradeConfirmationModalProps, TradingSlider, type TradingSliderProps, type ValuationHistoryPoint, type ValuationRecentSale, type ValuationSummary, type YourOrder, type YourOrderSide, YourOrders, type YourOrdersProps, badgeVariants, buttonVariants, useToast };

package/dist/index.d.ts

@@ -339,6 +339,7 @@ type YourOrdersProps = React.HTMLAttributes<HTMLDivElement> & {
     onTabChange?: (tabId: string) => void;
     renderOrderActions?: (order: YourOrder) => React.ReactNode;
     renderTabContent?: (args: RenderTabContentArgs) => React.ReactNode | null;
+    pageSize?: number;
 };
 declare const YourOrders: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
     title?: string;
@@ -348,6 +349,7 @@ declare const YourOrders: React.ForwardRefExoticComponent<React.HTMLAttributes<H
     onTabChange?: (tabId: string) => void;
     renderOrderActions?: (order: YourOrder) => React.ReactNode;
     renderTabContent?: (args: RenderTabContentArgs) => React.ReactNode | null;
+    pageSize?: number;
 } & React.RefAttributes<HTMLDivElement>>;
 
 type PriceChartRange = "30s" | "1m" | "5m" | "15m" | "1h" | "4h" | "24h" | "1W" | "1M";
@@ -395,6 +397,10 @@ type PropertyHeroHeaderProps = React.HTMLAttributes<HTMLDivElement> & {
     propertyTypeLabel?: string;
     onTrade?: () => void;
     onMakeOffer?: () => void;
+    tradeButtonLabel?: string;
+    makeOfferButtonLabel?: string;
+    makeOfferDisabled?: boolean;
+    hideMakeOfferButton?: boolean;
 };
 declare const PropertyHeroHeader: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
     imageUrl: string;
@@ -410,6 +416,10 @@ declare const PropertyHeroHeader: React.ForwardRefExoticComponent<React.HTMLAttr
     propertyTypeLabel?: string;
     onTrade?: () => void;
     onMakeOffer?: () => void;
+    tradeButtonLabel?: string;
+    makeOfferButtonLabel?: string;
+    makeOfferDisabled?: boolean;
+    hideMakeOfferButton?: boolean;
 } & React.RefAttributes<HTMLDivElement>>;
 
 type EmailCodeParams = {
@@ -578,13 +588,39 @@ declare const PropertyCompareBar: React.ForwardRefExoticComponent<React.HTMLAttr
     price?: PropertyPriceSummary;
 } & React.RefAttributes<HTMLDivElement>>;
 
+interface OverviewResponse {
+    readonly description: string;
+    readonly tokensIssued: number;
+    readonly offeringValuation: number;
+    readonly weeklyRent: number;
+    readonly indicativeListing: string;
+    readonly minimumParticipation?: number;
+    readonly landSizeSqm: number;
+    readonly buildingSizeSqm: number;
+    readonly swimmingPool: boolean;
+    readonly tennisCourt: boolean;
+    readonly garden: boolean;
+    readonly gym: boolean;
+    readonly propertyType?: string;
+    readonly yearBuilt: number;
+    readonly ownership: string;
+    readonly zoning: string;
+    readonly levels: number;
+    readonly daStatus: string;
+}
 type PropertyOverviewProps = {
     propertyName: string;
     location: string;
     midPrice: number;
     onTradeClick?: () => void;
+    overviewData?: OverviewResponse | null;
+    minimumParticipation?: number | null;
+    bedrooms?: number | null;
+    bathrooms?: number | null;
+    carSpaces?: number | null;
+    propertyTypeLabel?: string | null;
 };
-declare function PropertyOverview({ propertyName: _propertyName, location: _location, midPrice: _midPrice, onTradeClick: _onTradeClick }: PropertyOverviewProps): react_jsx_runtime.JSX.Element;
+declare function PropertyOverview({ propertyName: _propertyName, location: _location, midPrice: _midPrice, onTradeClick: _onTradeClick, overviewData, minimumParticipation, bedrooms, bathrooms, carSpaces, propertyTypeLabel, }: PropertyOverviewProps): react_jsx_runtime.JSX.Element;
 
 type OfferStatus = 'active' | 'rejected' | 'expired' | 'historical' | 'pending';
 type PropertyOffer = {
@@ -603,7 +639,17 @@ declare function PropertyOffers({ offers }: PropertyOffersProps): react_jsx_runt
 
 declare function PropertyHistory(): react_jsx_runtime.JSX.Element;
 
-declare function PropertyDocuments(): react_jsx_runtime.JSX.Element;
+interface DocumentItem {
+    readonly title: string;
+    readonly documentUrl: string;
+}
+interface DocumentsResponse {
+    readonly documents: readonly DocumentItem[];
+}
+type PropertyDocumentsProps = {
+    documentsData?: DocumentsResponse | null;
+};
+declare function PropertyDocuments({ documentsData }: PropertyDocumentsProps): react_jsx_runtime.JSX.Element;
 
 type InspectionSlot = {
     slotId: string;
@@ -656,6 +702,16 @@ type SaleData = {
     feePercent: number;
     offeringValuation: number;
 };
+type PropertySubscription = {
+    propertyName: string;
+    tokenSymbol: string;
+    tokens: number;
+    value: number;
+    avgPrice: number;
+    percentOfProperty: string;
+    timestamp: string;
+    status?: string;
+};
 
 type PropertyBuyProps = {
     propertyName?: string;
@@ -663,8 +719,15 @@ type PropertyBuyProps = {
     isAuthenticated: boolean;
     onSignIn: () => void;
     saleData?: SaleData | null;
+    walletUsdcBalance?: number | null;
+    walletPropertyTokenBalance?: number | null;
+    onPurchase?: (tokenAmount: number) => Promise<void>;
+    purchaseStatus?: 'idle' | 'checking-allowance' | 'approving' | 'purchasing' | 'success' | 'error';
+    purchaseError?: string | null;
+    onDeposit?: () => void;
+    initialUserSubscriptions?: PropertySubscription[];
 };
-declare function PropertyBuy({ propertyName, propertyLocation: propertyLocationLabel, isAuthenticated, onSignIn, saleData, }: PropertyBuyProps): react_jsx_runtime.JSX.Element;
+declare function PropertyBuy({ propertyName, propertyLocation: propertyLocationLabel, isAuthenticated, onSignIn, saleData, walletUsdcBalance, walletPropertyTokenBalance, onPurchase, purchaseStatus, purchaseError, onDeposit, initialUserSubscriptions, }: PropertyBuyProps): react_jsx_runtime.JSX.Element;
 
 type OwnerBookingProps = {
     propertyName?: string | null;
@@ -753,4 +816,27 @@ type PropertyPhotoGalleryProps = {
 };
 declare function PropertyPhotoGallery({ isOpen, onClose, startIndex, title, subtitle, images, }: PropertyPhotoGalleryProps): react_jsx_runtime.JSX.Element | null;
 
-export { Badge, type BadgeProps, Button, type ButtonProps, Card, CardContent, type CardContentProps, CardDescription, type CardDescriptionProps, CardFooter, type CardFooterProps, CardHeader, type CardHeaderProps, type CardProps, CardTitle, type CardTitleProps, type FundWalletParams, Header, type HeaderProps, type HousePositionOrderbook, type HousePositionPendingOrder, HousePositionSlider, HousePositionSliderMobile, type HousePositionSliderMobileOrderPayload, type HousePositionSliderMobileOrderbook, type HousePositionSliderMobileProps, type HousePositionSliderOrderPayload, type HousePositionSliderProps, type InspectionSlot, LoafLiquidityBadge, LoafLiquidityLogo, type LoafLiquidityLogoProps, LoginPopup, type LoginPopupProps, MobileTradeNav, type MobileTradeNavItem, type MobileTradeNavProps, type OfferStatus, Orderbook, type OrderbookLevel, type OrderbookProps, type OrderbookSide, type OrderbookTrade, OwnerBooking, type OwnerBookingProps, PaymentPopup, type PaymentPopupProps, PortfolioSummary, type PortfolioSummaryProps, PriceChart, type PriceChartCandle, type PriceChartProps, type PriceChartRange, type PropertyAddressOption, PropertyBuy, PropertyCompareBar, type PropertyCompareBarProps, PropertyDocuments, type PropertyGalleryHotspot, type PropertyGalleryImage, PropertyHeroHeader, type PropertyHeroHeaderProps, PropertyHistory, PropertyInspectionTimes, type PropertyNewsItem, type PropertyNewsType, PropertyNewsUpdates, type PropertyNewsUpdatesProps, type PropertyOffer, PropertyOffers, type PropertyOffersProps, PropertyOverview, type PropertyOverviewProps, PropertyPhotoGallery, type PropertyPriceSummary, PropertySubheader, type PropertySubheaderAction, type PropertySubheaderProps, type PropertySubheaderTab, PropertyTour, type PropertyTourProps, PropertyValuation, type PropertyValuationProps, type PropertyValueSummary, TradeConfirmationModal, type TradeConfirmationModalDetails, type TradeConfirmationModalProps, TradingSlider, type TradingSliderProps, type ValuationHistoryPoint, type ValuationRecentSale, type ValuationSummary, type YourOrder, type YourOrderSide, YourOrders, type YourOrdersProps, badgeVariants, buttonVariants };
+type ToastVariant = 'success' | 'error' | 'info' | 'pending';
+type ToastData = {
+    id: string;
+    variant: ToastVariant;
+    title: string;
+    /** Human-readable amount e.g. "20,000 USDC" */
+    amount?: string;
+    /** On-chain tx hash — shown truncated with a block explorer link */
+    txHash?: string;
+    /** Explorer base URL, defaults to Base Sepolia */
+    explorerUrl?: string;
+    /** Auto-dismiss after ms. 0 = never. Default 6000 */
+    duration?: number;
+};
+type ToastContextValue = {
+    toast: (data: Omit<ToastData, 'id'>) => string;
+    dismiss: (id: string) => void;
+};
+declare function ToastProvider({ children }: {
+    children: React__default.ReactNode;
+}): react_jsx_runtime.JSX.Element;
+declare function useToast(): ToastContextValue;
+
+export { Badge, type BadgeProps, Button, type ButtonProps, Card, CardContent, type CardContentProps, CardDescription, type CardDescriptionProps, CardFooter, type CardFooterProps, CardHeader, type CardHeaderProps, type CardProps, CardTitle, type CardTitleProps, type FundWalletParams, Header, type HeaderProps, type HousePositionOrderbook, type HousePositionPendingOrder, HousePositionSlider, HousePositionSliderMobile, type HousePositionSliderMobileOrderPayload, type HousePositionSliderMobileOrderbook, type HousePositionSliderMobileProps, type HousePositionSliderOrderPayload, type HousePositionSliderProps, type InspectionSlot, LoafLiquidityBadge, LoafLiquidityLogo, type LoafLiquidityLogoProps, LoginPopup, type LoginPopupProps, MobileTradeNav, type MobileTradeNavItem, type MobileTradeNavProps, type OfferStatus, Orderbook, type OrderbookLevel, type OrderbookProps, type OrderbookSide, type OrderbookTrade, OwnerBooking, type OwnerBookingProps, PaymentPopup, type PaymentPopupProps, PortfolioSummary, type PortfolioSummaryProps, PriceChart, type PriceChartCandle, type PriceChartProps, type PriceChartRange, type PropertyAddressOption, PropertyBuy, PropertyCompareBar, type PropertyCompareBarProps, PropertyDocuments, type PropertyGalleryHotspot, type PropertyGalleryImage, PropertyHeroHeader, type PropertyHeroHeaderProps, PropertyHistory, PropertyInspectionTimes, type PropertyNewsItem, type PropertyNewsType, PropertyNewsUpdates, type PropertyNewsUpdatesProps, type PropertyOffer, PropertyOffers, type PropertyOffersProps, PropertyOverview, type PropertyOverviewProps, PropertyPhotoGallery, type PropertyPriceSummary, PropertySubheader, type PropertySubheaderAction, type PropertySubheaderProps, type PropertySubheaderTab, PropertyTour, type PropertyTourProps, PropertyValuation, type PropertyValuationProps, type PropertyValueSummary, type ToastData, ToastProvider, type ToastVariant, TradeConfirmationModal, type TradeConfirmationModalDetails, type TradeConfirmationModalProps, TradingSlider, type TradingSliderProps, type ValuationHistoryPoint, type ValuationRecentSale, type ValuationSummary, type YourOrder, type YourOrderSide, YourOrders, type YourOrdersProps, badgeVariants, buttonVariants, useToast };