@loafmarkets/ui 0.1.369 → 0.1.370

package/dist/index.d.mts

@@ -692,6 +692,23 @@ declare const PropertySubheader: React$1.ForwardRefExoticComponent<React$1.HTMLA
     actions?: PropertySubheaderAction[];
 } & React$1.RefAttributes<HTMLDivElement>>;
 
+interface OnboardingGuideProps {
+    /** Whether the guide is visible. */
+    open: boolean;
+    /** True once the 100k has landed on-chain (portfolio value > 0). */
+    fundsReady: boolean;
+    /** Label for the funded amount once ready (default "$100,000"). */
+    cashLabel?: string;
+    /** Primary CTA — take the user to the markets to pick a property. */
+    onBrowseProperties: () => void;
+    /** Optional tertiary action — open the access-code entry. */
+    onEnterCode?: () => void;
+    /** Dismiss / skip (✕, "Skip for now", or after Browse). */
+    onClose: () => void;
+    logoSrc?: string;
+}
+declare function OnboardingGuide({ open, fundsReady, cashLabel, onBrowseProperties, onEnterCode, onClose, logoSrc, }: OnboardingGuideProps): react_jsx_runtime.JSX.Element | null;
+
 type PropertyAddressOption = {
     id: string;
     label: string;
@@ -882,6 +899,8 @@ interface OfferingOrder {
     readonly rejectionReason?: string | null;
     readonly imageUrl?: string;
     readonly createdAt: number;
+    /** Short market ticker (e.g. "MUS") — shown next to quantities. */
+    readonly ticker?: string;
 }
 interface OrderHistoryItem {
     readonly id: number;
@@ -900,6 +919,8 @@ interface OrderHistoryItem {
     readonly cancelledAt: number | null;
     readonly createdAt: number;
     readonly isOfferingOrder?: boolean;
+    /** Short market ticker (e.g. "MUS") — shown next to quantities. */
+    readonly ticker?: string;
 }
 interface TradeHistoryItem {
     readonly tradeId: number;
@@ -912,6 +933,8 @@ interface TradeHistoryItem {
     readonly executedAt: number;
     readonly fee: number;
     readonly status?: string;
+    /** Short market ticker (e.g. "MUS") — shown next to quantities. */
+    readonly ticker?: string;
 }
 interface TransferHistoryItem {
     readonly type: 'DEPOSIT' | 'WITHDRAWAL';
@@ -935,6 +958,10 @@ interface PortfolioPosition {
     readonly propertyPnlPercent: number;
     readonly isIpoAllocation: boolean;
     readonly imageUrl: string;
+    /** A matched trade for this property is still settling — show a spinner + "Settling…" and withhold figures. */
+    readonly settling?: boolean;
+    /** Short market ticker (e.g. "MUS") — shown next to unit counts instead of the full token name. */
+    readonly ticker?: string;
 }
 type ActivityTabId = 'positions' | 'subscriptions' | 'open-orders' | 'orders' | 'trades' | 'transfers';
 type PortfolioActivityPanelProps = {
@@ -942,6 +969,8 @@ type PortfolioActivityPanelProps = {
     showPositionsTab?: boolean;
     showSubscriptionsTab?: boolean;
     onPositionClick?: (tokenName: string, isIpo: boolean) => void;
+    /** Click handler for the asset name in the Open Orders / Order History / Trade History rows — opens that asset. */
+    onAssetClick?: (tokenName: string) => void;
     onClosePosition?: (tokenName: string, type: 'market' | 'limit', quantity: number, marketPrice: number) => void;
     offeringOrders?: readonly OfferingOrder[];
     openOrders?: readonly OrderHistoryItem[];
@@ -950,10 +979,6 @@ type PortfolioActivityPanelProps = {
     transfers?: readonly TransferHistoryItem[];
     onCancelOrder?: (orderId: number) => Promise<void>;
     onCancelAllOrders?: () => Promise<void>;
-    onAmendOrder?: (orderId: number, fields: {
-        quantity?: number;
-        price?: number;
-    }) => Promise<void>;
     cancellingOrderId?: number | null;
     compactPositions?: boolean;
     defaultTab?: ActivityTabId;
@@ -963,7 +988,7 @@ type PortfolioActivityPanelProps = {
     className?: string;
     style?: React.CSSProperties;
 };
-declare function PortfolioActivityPanel({ positions, showPositionsTab, showSubscriptionsTab, onPositionClick, onClosePosition, offeringOrders, openOrders, orderHistory, tradeHistory, transfers, onCancelOrder, onCancelAllOrders, onAmendOrder, cancellingOrderId, compactPositions, defaultTab, onTabChange, pageSize, blockExplorerBaseUrl: _blockExplorerBaseUrl, className, style, }: PortfolioActivityPanelProps): react_jsx_runtime.JSX.Element;
+declare function PortfolioActivityPanel({ positions, showPositionsTab, showSubscriptionsTab, onPositionClick, onAssetClick, onClosePosition, offeringOrders, openOrders, orderHistory, tradeHistory, transfers, onCancelOrder, onCancelAllOrders, cancellingOrderId, compactPositions, defaultTab, onTabChange, pageSize, blockExplorerBaseUrl: _blockExplorerBaseUrl, className, style, }: PortfolioActivityPanelProps): react_jsx_runtime.JSX.Element;
 
 type SelectorItem = {
     readonly tokenName: string;
@@ -1254,4 +1279,4 @@ declare function extractSparkline(candles: ReadonlyArray<{
 }>, maxPoints?: number): number[];
 declare const SparklineChart: React__default.NamedExoticComponent<SparklineChartProps>;
 
-export { type ActivityTabId, AssetSelectorBar, type AssetSelectorBarProps, type AssetSelectorMetric, Badge, type BadgeProps, Button, type ButtonProps, Card, CardContent, type CardContentProps, CardDescription, type CardDescriptionProps, CardFooter, type CardFooterProps, CardHeader, type CardHeaderProps, type CardProps, CardTitle, type CardTitleProps, ContactPopup, type ContactPopupProps, type FinancialItem, type FundWalletParams, type FundWalletResult, Header, type HeaderPortfolioData, 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, OfferingProgressCard, type OfferingProgressCardProps, Orderbook, type OrderbookLevel, type OrderbookProps, type OrderbookSide, type OrderbookTrade, type OverviewImage, type OverviewResponse, OwnerBooking, type OwnerBookingProps, PaymentPopup, type PaymentPopupProps, PortfolioActivityPanel, type PortfolioActivityPanelProps, type PortfolioPosition, 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, type PropertyInfoItem, PropertyInspectionTimes, PropertyMediaRow, type PropertyMediaRowProps, 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 PurchaseFeedItem, type SelectorItem, SiteFooter, Skeleton, type SkeletonProps, SlideDigit, SparklineChart, type SparklineChartProps, type ToastData, ToastProvider, type ToastVariant, TradeConfirmationModal, type TradeConfirmationModalDetails, type TradeConfirmationModalProps, TradingSlider, type TradingSliderProps, type YourOrder, type YourOrderSide, YourOrders, type YourOrdersProps, badgeVariants, buttonVariants, extractSparkline, hasPendingActivity, useAdaptivePolling, useToast };
+export { type ActivityTabId, AssetSelectorBar, type AssetSelectorBarProps, type AssetSelectorMetric, Badge, type BadgeProps, Button, type ButtonProps, Card, CardContent, type CardContentProps, CardDescription, type CardDescriptionProps, CardFooter, type CardFooterProps, CardHeader, type CardHeaderProps, type CardProps, CardTitle, type CardTitleProps, ContactPopup, type ContactPopupProps, type FinancialItem, type FundWalletParams, type FundWalletResult, Header, type HeaderPortfolioData, 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, OfferingProgressCard, type OfferingProgressCardProps, OnboardingGuide, type OnboardingGuideProps, Orderbook, type OrderbookLevel, type OrderbookProps, type OrderbookSide, type OrderbookTrade, type OverviewImage, type OverviewResponse, OwnerBooking, type OwnerBookingProps, PaymentPopup, type PaymentPopupProps, PortfolioActivityPanel, type PortfolioActivityPanelProps, type PortfolioPosition, 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, type PropertyInfoItem, PropertyInspectionTimes, PropertyMediaRow, type PropertyMediaRowProps, 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 PurchaseFeedItem, type SelectorItem, SiteFooter, Skeleton, type SkeletonProps, SlideDigit, SparklineChart, type SparklineChartProps, type ToastData, ToastProvider, type ToastVariant, TradeConfirmationModal, type TradeConfirmationModalDetails, type TradeConfirmationModalProps, TradingSlider, type TradingSliderProps, type YourOrder, type YourOrderSide, YourOrders, type YourOrdersProps, badgeVariants, buttonVariants, extractSparkline, hasPendingActivity, useAdaptivePolling, useToast };

package/dist/index.d.ts

@@ -692,6 +692,23 @@ declare const PropertySubheader: React$1.ForwardRefExoticComponent<React$1.HTMLA
     actions?: PropertySubheaderAction[];
 } & React$1.RefAttributes<HTMLDivElement>>;
 
+interface OnboardingGuideProps {
+    /** Whether the guide is visible. */
+    open: boolean;
+    /** True once the 100k has landed on-chain (portfolio value > 0). */
+    fundsReady: boolean;
+    /** Label for the funded amount once ready (default "$100,000"). */
+    cashLabel?: string;
+    /** Primary CTA — take the user to the markets to pick a property. */
+    onBrowseProperties: () => void;
+    /** Optional tertiary action — open the access-code entry. */
+    onEnterCode?: () => void;
+    /** Dismiss / skip (✕, "Skip for now", or after Browse). */
+    onClose: () => void;
+    logoSrc?: string;
+}
+declare function OnboardingGuide({ open, fundsReady, cashLabel, onBrowseProperties, onEnterCode, onClose, logoSrc, }: OnboardingGuideProps): react_jsx_runtime.JSX.Element | null;
+
 type PropertyAddressOption = {
     id: string;
     label: string;
@@ -882,6 +899,8 @@ interface OfferingOrder {
     readonly rejectionReason?: string | null;
     readonly imageUrl?: string;
     readonly createdAt: number;
+    /** Short market ticker (e.g. "MUS") — shown next to quantities. */
+    readonly ticker?: string;
 }
 interface OrderHistoryItem {
     readonly id: number;
@@ -900,6 +919,8 @@ interface OrderHistoryItem {
     readonly cancelledAt: number | null;
     readonly createdAt: number;
     readonly isOfferingOrder?: boolean;
+    /** Short market ticker (e.g. "MUS") — shown next to quantities. */
+    readonly ticker?: string;
 }
 interface TradeHistoryItem {
     readonly tradeId: number;
@@ -912,6 +933,8 @@ interface TradeHistoryItem {
     readonly executedAt: number;
     readonly fee: number;
     readonly status?: string;
+    /** Short market ticker (e.g. "MUS") — shown next to quantities. */
+    readonly ticker?: string;
 }
 interface TransferHistoryItem {
     readonly type: 'DEPOSIT' | 'WITHDRAWAL';
@@ -935,6 +958,10 @@ interface PortfolioPosition {
     readonly propertyPnlPercent: number;
     readonly isIpoAllocation: boolean;
     readonly imageUrl: string;
+    /** A matched trade for this property is still settling — show a spinner + "Settling…" and withhold figures. */
+    readonly settling?: boolean;
+    /** Short market ticker (e.g. "MUS") — shown next to unit counts instead of the full token name. */
+    readonly ticker?: string;
 }
 type ActivityTabId = 'positions' | 'subscriptions' | 'open-orders' | 'orders' | 'trades' | 'transfers';
 type PortfolioActivityPanelProps = {
@@ -942,6 +969,8 @@ type PortfolioActivityPanelProps = {
     showPositionsTab?: boolean;
     showSubscriptionsTab?: boolean;
     onPositionClick?: (tokenName: string, isIpo: boolean) => void;
+    /** Click handler for the asset name in the Open Orders / Order History / Trade History rows — opens that asset. */
+    onAssetClick?: (tokenName: string) => void;
     onClosePosition?: (tokenName: string, type: 'market' | 'limit', quantity: number, marketPrice: number) => void;
     offeringOrders?: readonly OfferingOrder[];
     openOrders?: readonly OrderHistoryItem[];
@@ -950,10 +979,6 @@ type PortfolioActivityPanelProps = {
     transfers?: readonly TransferHistoryItem[];
     onCancelOrder?: (orderId: number) => Promise<void>;
     onCancelAllOrders?: () => Promise<void>;
-    onAmendOrder?: (orderId: number, fields: {
-        quantity?: number;
-        price?: number;
-    }) => Promise<void>;
     cancellingOrderId?: number | null;
     compactPositions?: boolean;
     defaultTab?: ActivityTabId;
@@ -963,7 +988,7 @@ type PortfolioActivityPanelProps = {
     className?: string;
     style?: React.CSSProperties;
 };
-declare function PortfolioActivityPanel({ positions, showPositionsTab, showSubscriptionsTab, onPositionClick, onClosePosition, offeringOrders, openOrders, orderHistory, tradeHistory, transfers, onCancelOrder, onCancelAllOrders, onAmendOrder, cancellingOrderId, compactPositions, defaultTab, onTabChange, pageSize, blockExplorerBaseUrl: _blockExplorerBaseUrl, className, style, }: PortfolioActivityPanelProps): react_jsx_runtime.JSX.Element;
+declare function PortfolioActivityPanel({ positions, showPositionsTab, showSubscriptionsTab, onPositionClick, onAssetClick, onClosePosition, offeringOrders, openOrders, orderHistory, tradeHistory, transfers, onCancelOrder, onCancelAllOrders, cancellingOrderId, compactPositions, defaultTab, onTabChange, pageSize, blockExplorerBaseUrl: _blockExplorerBaseUrl, className, style, }: PortfolioActivityPanelProps): react_jsx_runtime.JSX.Element;
 
 type SelectorItem = {
     readonly tokenName: string;
@@ -1254,4 +1279,4 @@ declare function extractSparkline(candles: ReadonlyArray<{
 }>, maxPoints?: number): number[];
 declare const SparklineChart: React__default.NamedExoticComponent<SparklineChartProps>;
 
-export { type ActivityTabId, AssetSelectorBar, type AssetSelectorBarProps, type AssetSelectorMetric, Badge, type BadgeProps, Button, type ButtonProps, Card, CardContent, type CardContentProps, CardDescription, type CardDescriptionProps, CardFooter, type CardFooterProps, CardHeader, type CardHeaderProps, type CardProps, CardTitle, type CardTitleProps, ContactPopup, type ContactPopupProps, type FinancialItem, type FundWalletParams, type FundWalletResult, Header, type HeaderPortfolioData, 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, OfferingProgressCard, type OfferingProgressCardProps, Orderbook, type OrderbookLevel, type OrderbookProps, type OrderbookSide, type OrderbookTrade, type OverviewImage, type OverviewResponse, OwnerBooking, type OwnerBookingProps, PaymentPopup, type PaymentPopupProps, PortfolioActivityPanel, type PortfolioActivityPanelProps, type PortfolioPosition, 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, type PropertyInfoItem, PropertyInspectionTimes, PropertyMediaRow, type PropertyMediaRowProps, 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 PurchaseFeedItem, type SelectorItem, SiteFooter, Skeleton, type SkeletonProps, SlideDigit, SparklineChart, type SparklineChartProps, type ToastData, ToastProvider, type ToastVariant, TradeConfirmationModal, type TradeConfirmationModalDetails, type TradeConfirmationModalProps, TradingSlider, type TradingSliderProps, type YourOrder, type YourOrderSide, YourOrders, type YourOrdersProps, badgeVariants, buttonVariants, extractSparkline, hasPendingActivity, useAdaptivePolling, useToast };
+export { type ActivityTabId, AssetSelectorBar, type AssetSelectorBarProps, type AssetSelectorMetric, Badge, type BadgeProps, Button, type ButtonProps, Card, CardContent, type CardContentProps, CardDescription, type CardDescriptionProps, CardFooter, type CardFooterProps, CardHeader, type CardHeaderProps, type CardProps, CardTitle, type CardTitleProps, ContactPopup, type ContactPopupProps, type FinancialItem, type FundWalletParams, type FundWalletResult, Header, type HeaderPortfolioData, 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, OfferingProgressCard, type OfferingProgressCardProps, OnboardingGuide, type OnboardingGuideProps, Orderbook, type OrderbookLevel, type OrderbookProps, type OrderbookSide, type OrderbookTrade, type OverviewImage, type OverviewResponse, OwnerBooking, type OwnerBookingProps, PaymentPopup, type PaymentPopupProps, PortfolioActivityPanel, type PortfolioActivityPanelProps, type PortfolioPosition, 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, type PropertyInfoItem, PropertyInspectionTimes, PropertyMediaRow, type PropertyMediaRowProps, 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 PurchaseFeedItem, type SelectorItem, SiteFooter, Skeleton, type SkeletonProps, SlideDigit, SparklineChart, type SparklineChartProps, type ToastData, ToastProvider, type ToastVariant, TradeConfirmationModal, type TradeConfirmationModalDetails, type TradeConfirmationModalProps, TradingSlider, type TradingSliderProps, type YourOrder, type YourOrderSide, YourOrders, type YourOrdersProps, badgeVariants, buttonVariants, extractSparkline, hasPendingActivity, useAdaptivePolling, useToast };