@loafmarkets/ui 0.1.384 → 0.1.386

package/dist/index.d.mts

@@ -83,6 +83,8 @@ interface OrderbookProps extends React$1.HTMLAttributes<HTMLDivElement> {
     amountPrecision?: number;
     defaultTab?: "orderbook" | "trades";
     onTabChange?: (tab: "orderbook" | "trades") => void;
+    /** When false, the "Trades" tab is hidden and only the orderbook shows (e.g. on mobile). Default true. */
+    showTradesTab?: boolean;
     rightHeader?: React$1.ReactNode;
     variant?: "auto" | "default" | "compact";
     /**
@@ -578,10 +580,29 @@ type LoginPopupProps = {
     onFundWallet?: (params: FundWalletParams) => Promise<FundWalletResult> | void;
     /** Optional view to show immediately when the popup opens. */
     initialView?: LoginPopupView;
+    /**
+     * Gate-only: an access code supplied out-of-band (e.g. the `?code=` param on an
+     * invite link). Any form is accepted ("LOAF-M8TRP" / "loaf-m8trp" / "M8TRP").
+     * Pre-fills the code field and, when complete, auto-validates on open so the
+     * gate advances straight to sign-in.
+     */
+    initialCode?: string;
     /** Wallet address used for the receive funds view (bypasses Privy modal). */
     walletAddress?: string | null;
     /** Called when the user submits a referral code during onboarding. */
     onSubmitReferralCode?: (code: string) => Promise<void> | void;
+    /**
+     * Gate-only: validates the full access code (e.g. "LOAF-M8TRP") as the user types.
+     * Resolve true → bar turns green and the sign-in step is revealed; false → red.
+     */
+    onValidateCode?: (code: string) => Promise<boolean> | boolean;
+    /**
+     * Gate-only: after auth on the "Already have an account?" sign-in path (no
+     * code entered), reports whether the account ALREADY has access. True → enter;
+     * false → routed back to the access-code step (a code-less account must not
+     * bypass the gate). Defaults to allowing entry if not provided.
+     */
+    onCheckAccess?: () => Promise<boolean> | boolean;
     /** Called when the user skips the referral code and joins the waitlist. Receives their signup email. Resolves to a success message. */
     onJoinWaitlist?: (email: string) => Promise<string> | void;
     /**
@@ -600,6 +621,12 @@ type LoginPopupProps = {
     onPasskeyLogin?: () => Promise<void> | void;
     /** Current KYC status — used to show "Resume Verification" when previously started. */
     kycStatus?: 'NOT_STARTED' | 'PENDING' | 'ON_HOLD' | 'VERIFIED' | 'REJECTED';
+    /**
+     * Renders the access-code (referral) view as a full-screen, opaque, non-dismissible
+     * gate — no page visible behind it, no close affordance. Used when the popup opens
+     * directly into the code view as the private-beta entry gate.
+     */
+    gate?: boolean;
 };
 declare const LoginPopup: React__default.FC<LoginPopupProps>;
 
@@ -616,7 +643,7 @@ type HeaderPortfolioData = {
     pnl: number;
     pnlPercent: number;
 };
-type HeaderActiveTab = "home" | "trade" | "offerings" | "propertyMap" | "leaderboard" | "leaderboardPage" | "about" | "portfolio" | "learn" | "api";
+type HeaderActiveTab = "home" | "trade" | "offerings" | "propertyMap" | "about" | "portfolio" | "learn" | "api";
 type HeaderLoginPopupComponentProps = {
     onClose: () => void;
     initialView?: LoginPopupView;
@@ -637,8 +664,6 @@ type HeaderProps = {
     apiPath?: string;
     offeringsPath?: string;
     propertyMapPath?: string;
-    leaderboardPath?: string;
-    leaderboardPagePath?: string;
     portfolioPath?: string;
     loafLiquidityPath?: string;
     /** Absolute URL for the auth/login surface (e.g. https://auth.loafmarkets.com/login). */
@@ -974,6 +999,8 @@ type PortfolioActivityPanelProps = {
     /** 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;
+    /** Open the shareable position card for a held position. */
+    onSharePosition?: (pos: PortfolioPosition) => void;
     offeringOrders?: readonly OfferingOrder[];
     openOrders?: readonly OrderHistoryItem[];
     orderHistory?: readonly OrderHistoryItem[];
@@ -990,7 +1017,7 @@ type PortfolioActivityPanelProps = {
     className?: string;
     style?: React.CSSProperties;
 };
-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;
+declare function PortfolioActivityPanel({ positions, showPositionsTab, showSubscriptionsTab, onPositionClick, onSharePosition, 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;
@@ -1021,8 +1048,10 @@ type AssetSelectorBarProps = {
     trailing?: ReactNode;
     imageUrl?: string;
     badgeLabel?: string;
+    /** Stack the TICKER as the primary label with the asset name beneath (InstrumentTile-style), instead of "Name (TICKER)". */
+    tickerPrimary?: boolean;
 };
-declare function AssetSelectorBar({ propertyName, tokenPrice, offeringValuation, metrics: metricsProp, currentTokenName, selectorItems, onSelect, trailing, imageUrl, badgeLabel, }: AssetSelectorBarProps): react_jsx_runtime.JSX.Element;
+declare function AssetSelectorBar({ propertyName, tokenPrice, offeringValuation, metrics: metricsProp, currentTokenName, selectorItems, onSelect, trailing, imageUrl, badgeLabel, tickerPrimary, }: AssetSelectorBarProps): react_jsx_runtime.JSX.Element;
 
 type ToastVariant = 'success' | 'error' | 'info' | 'pending' | 'sell';
 type ToastData = {

package/dist/index.d.ts

@@ -83,6 +83,8 @@ interface OrderbookProps extends React$1.HTMLAttributes<HTMLDivElement> {
     amountPrecision?: number;
     defaultTab?: "orderbook" | "trades";
     onTabChange?: (tab: "orderbook" | "trades") => void;
+    /** When false, the "Trades" tab is hidden and only the orderbook shows (e.g. on mobile). Default true. */
+    showTradesTab?: boolean;
     rightHeader?: React$1.ReactNode;
     variant?: "auto" | "default" | "compact";
     /**
@@ -578,10 +580,29 @@ type LoginPopupProps = {
     onFundWallet?: (params: FundWalletParams) => Promise<FundWalletResult> | void;
     /** Optional view to show immediately when the popup opens. */
     initialView?: LoginPopupView;
+    /**
+     * Gate-only: an access code supplied out-of-band (e.g. the `?code=` param on an
+     * invite link). Any form is accepted ("LOAF-M8TRP" / "loaf-m8trp" / "M8TRP").
+     * Pre-fills the code field and, when complete, auto-validates on open so the
+     * gate advances straight to sign-in.
+     */
+    initialCode?: string;
     /** Wallet address used for the receive funds view (bypasses Privy modal). */
     walletAddress?: string | null;
     /** Called when the user submits a referral code during onboarding. */
     onSubmitReferralCode?: (code: string) => Promise<void> | void;
+    /**
+     * Gate-only: validates the full access code (e.g. "LOAF-M8TRP") as the user types.
+     * Resolve true → bar turns green and the sign-in step is revealed; false → red.
+     */
+    onValidateCode?: (code: string) => Promise<boolean> | boolean;
+    /**
+     * Gate-only: after auth on the "Already have an account?" sign-in path (no
+     * code entered), reports whether the account ALREADY has access. True → enter;
+     * false → routed back to the access-code step (a code-less account must not
+     * bypass the gate). Defaults to allowing entry if not provided.
+     */
+    onCheckAccess?: () => Promise<boolean> | boolean;
     /** Called when the user skips the referral code and joins the waitlist. Receives their signup email. Resolves to a success message. */
     onJoinWaitlist?: (email: string) => Promise<string> | void;
     /**
@@ -600,6 +621,12 @@ type LoginPopupProps = {
     onPasskeyLogin?: () => Promise<void> | void;
     /** Current KYC status — used to show "Resume Verification" when previously started. */
     kycStatus?: 'NOT_STARTED' | 'PENDING' | 'ON_HOLD' | 'VERIFIED' | 'REJECTED';
+    /**
+     * Renders the access-code (referral) view as a full-screen, opaque, non-dismissible
+     * gate — no page visible behind it, no close affordance. Used when the popup opens
+     * directly into the code view as the private-beta entry gate.
+     */
+    gate?: boolean;
 };
 declare const LoginPopup: React__default.FC<LoginPopupProps>;
 
@@ -616,7 +643,7 @@ type HeaderPortfolioData = {
     pnl: number;
     pnlPercent: number;
 };
-type HeaderActiveTab = "home" | "trade" | "offerings" | "propertyMap" | "leaderboard" | "leaderboardPage" | "about" | "portfolio" | "learn" | "api";
+type HeaderActiveTab = "home" | "trade" | "offerings" | "propertyMap" | "about" | "portfolio" | "learn" | "api";
 type HeaderLoginPopupComponentProps = {
     onClose: () => void;
     initialView?: LoginPopupView;
@@ -637,8 +664,6 @@ type HeaderProps = {
     apiPath?: string;
     offeringsPath?: string;
     propertyMapPath?: string;
-    leaderboardPath?: string;
-    leaderboardPagePath?: string;
     portfolioPath?: string;
     loafLiquidityPath?: string;
     /** Absolute URL for the auth/login surface (e.g. https://auth.loafmarkets.com/login). */
@@ -974,6 +999,8 @@ type PortfolioActivityPanelProps = {
     /** 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;
+    /** Open the shareable position card for a held position. */
+    onSharePosition?: (pos: PortfolioPosition) => void;
     offeringOrders?: readonly OfferingOrder[];
     openOrders?: readonly OrderHistoryItem[];
     orderHistory?: readonly OrderHistoryItem[];
@@ -990,7 +1017,7 @@ type PortfolioActivityPanelProps = {
     className?: string;
     style?: React.CSSProperties;
 };
-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;
+declare function PortfolioActivityPanel({ positions, showPositionsTab, showSubscriptionsTab, onPositionClick, onSharePosition, 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;
@@ -1021,8 +1048,10 @@ type AssetSelectorBarProps = {
     trailing?: ReactNode;
     imageUrl?: string;
     badgeLabel?: string;
+    /** Stack the TICKER as the primary label with the asset name beneath (InstrumentTile-style), instead of "Name (TICKER)". */
+    tickerPrimary?: boolean;
 };
-declare function AssetSelectorBar({ propertyName, tokenPrice, offeringValuation, metrics: metricsProp, currentTokenName, selectorItems, onSelect, trailing, imageUrl, badgeLabel, }: AssetSelectorBarProps): react_jsx_runtime.JSX.Element;
+declare function AssetSelectorBar({ propertyName, tokenPrice, offeringValuation, metrics: metricsProp, currentTokenName, selectorItems, onSelect, trailing, imageUrl, badgeLabel, tickerPrimary, }: AssetSelectorBarProps): react_jsx_runtime.JSX.Element;
 
 type ToastVariant = 'success' | 'error' | 'info' | 'pending' | 'sell';
 type ToastData = {