@loafmarkets/ui 0.1.7 → 0.1.9

package/dist/index.d.mts

@@ -1,13 +1,14 @@
 import * as class_variance_authority_types from 'class-variance-authority/types';
 import * as React from 'react';
+import React__default from 'react';
 import { VariantProps } from 'class-variance-authority';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as LightweightCharts from 'lightweight-charts';
 
 declare const buttonVariants: (props?: ({
-    variant?: "primary" | "accent" | "accentOutline" | "media" | "outline" | "ghost" | "danger" | null | undefined;
+    variant?: "primary" | "onboarding" | "onboardingOutline" | "accent" | "accentOutline" | "media" | "outline" | "ghost" | "danger" | null | undefined;
     size?: "sm" | "md" | "lg" | "icon" | null | undefined;
-    radius?: "md" | "pill" | null | undefined;
+    radius?: "md" | "pill" | "square" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
     asChild?: boolean;
@@ -280,6 +281,13 @@ interface LoafLiquidityBadgeProps extends React.HTMLAttributes<HTMLSpanElement>
 }
 declare const LoafLiquidityBadge: React.ForwardRefExoticComponent<LoafLiquidityBadgeProps & React.RefAttributes<HTMLSpanElement>>;
 
+type LoafLiquidityLogoProps = {
+    onClick?: () => void;
+    isGlowing?: boolean;
+    className?: string;
+};
+declare const LoafLiquidityLogo: React.FC<LoafLiquidityLogoProps>;
+
 type YourOrderSide = "buy" | "sell";
 type YourOrder = {
     id: string;
@@ -404,6 +412,49 @@ declare const PropertyHeroHeader: React.ForwardRefExoticComponent<React.HTMLAttr
     onMakeOffer?: () => void;
 } & React.RefAttributes<HTMLDivElement>>;
 
+type HeaderUser = {
+    displayName?: string | null;
+    email?: string | null;
+    walletAddress?: string | null;
+};
+type HeaderActiveTab = "home" | "trade" | "offerings" | "propertyMap" | "about";
+type HeaderProps = {
+    currentUser?: HeaderUser | null;
+    isAuthenticated?: boolean;
+    locationPath?: string;
+    activeTab?: HeaderActiveTab;
+    onNavigate?: (path: string) => void;
+    onLogout?: () => Promise<void> | void;
+    onSignInClick?: () => void;
+    loginPopupComponent?: React__default.ComponentType<{
+        onClose: () => void;
+    }>;
+    tradeUrl?: string;
+    tradePath?: string;
+    homePath?: string;
+    aboutPath?: string;
+    offeringsPath?: string;
+    propertyMapPath?: string;
+    loafLiquidityPath?: string;
+    /** Absolute URL for the auth/login surface (e.g. https://auth.loafmarkets.com/login). */
+    authLoginUrl?: string | null;
+    /** Query parameter added to authLoginUrl for redirecting back to the originating SPA. */
+    authReturnParam?: string | null;
+    /**
+     * Custom resolver for the "return to" URL. Defaults to window.location.href, but you can
+     * inject your own implementation (e.g. saved pathname for native apps or React Router state).
+     */
+    getAuthReturnUrl?: () => string | null | undefined;
+    logoHref?: string;
+    onLogoClick?: () => void;
+    onLoafLiquidityClick?: () => void;
+    onTradeClick?: () => void;
+    onProfileNavigate?: () => void;
+    onOrdersNavigate?: () => void;
+    onWalletNavigate?: () => void;
+};
+declare const Header: React__default.FC<HeaderProps>;
+
 type PropertySubheaderTab = {
     id: string;
     label: string;
@@ -429,6 +480,46 @@ declare const PropertySubheader: React.ForwardRefExoticComponent<React.HTMLAttri
     actions?: PropertySubheaderAction[];
 } & React.RefAttributes<HTMLDivElement>>;
 
+type EmailCodeParams = {
+    email: string;
+    isSignUp: boolean;
+    handle?: string | null;
+};
+type VerifyCodeParams = {
+    code: string;
+    email: string;
+};
+type DemoLoginResult = {
+    success: boolean;
+};
+type DemoLoginHandler = (email: string, handle?: string | null) => Promise<DemoLoginResult | void> | DemoLoginResult | void;
+type LoginPopupProps = {
+    onClose: () => void;
+    onOpenEarlyAccess?: () => void;
+    /**
+     * Optional flag that indicates an authenticated session exists. When true (and autoCloseOnAuth is enabled)
+     * the popup will close automatically, mirroring the loaf-demo behaviour that watched Privy + demo auth state.
+     */
+    isAuthenticated?: boolean;
+    /** Optional user payload that, when truthy, also triggers the auto close effect. */
+    currentUser?: unknown;
+    /**
+     * Handler that should kick off an email OTP flow (e.g. Privy's sendCode). When omitted, the component will
+     * display an inline error explaining that email auth is unavailable.
+     */
+    onSendEmailCode?: (params: EmailCodeParams) => Promise<void> | void;
+    /** Handler invoked when the user submits the 6-digit OTP code. */
+    onVerifyEmailCode?: (params: VerifyCodeParams) => Promise<void> | void;
+    /** Optional handler used for demo / local login flows before falling back to email OTP. */
+    onDemoLogin?: DemoLoginHandler;
+    /** Override for the logo shown in the popup header. */
+    logoSrc?: string;
+    logoAlt?: string;
+    /** Disable auto-closing behaviour tied to isAuthenticated/currentUser flags. */
+    autoCloseOnAuth?: boolean;
+};
+declare const LoginPopup: React__default.FC<LoginPopupProps>;
+
 type PropertyAddressOption = {
     id: string;
     label: string;
@@ -465,4 +556,4 @@ declare const PropertyCompareBar: React.ForwardRefExoticComponent<React.HTMLAttr
     price?: PropertyPriceSummary;
 } & React.RefAttributes<HTMLDivElement>>;
 
-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 HousePositionOrderbook, type HousePositionPendingOrder, HousePositionSlider, HousePositionSliderMobile, type HousePositionSliderMobileOrderPayload, type HousePositionSliderMobileOrderbook, type HousePositionSliderMobileProps, type HousePositionSliderOrderPayload, type HousePositionSliderProps, LoafLiquidityBadge, MobileTradeNav, type MobileTradeNavItem, type MobileTradeNavProps, Orderbook, type OrderbookLevel, type OrderbookProps, type OrderbookSide, type OrderbookTrade, PortfolioSummary, type PortfolioSummaryProps, PriceChart, type PriceChartCandle, type PriceChartProps, type PriceChartRange, type PropertyAddressOption, PropertyCompareBar, type PropertyCompareBarProps, PropertyHeroHeader, type PropertyHeroHeaderProps, type PropertyNewsItem, type PropertyNewsType, PropertyNewsUpdates, type PropertyNewsUpdatesProps, type PropertyPriceSummary, PropertySubheader, type PropertySubheaderAction, type PropertySubheaderProps, type PropertySubheaderTab, PropertyTour, type PropertyTourProps, type PropertyValueSummary, TradeConfirmationModal, type TradeConfirmationModalDetails, type TradeConfirmationModalProps, TradingSlider, type TradingSliderProps, type YourOrder, type YourOrderSide, YourOrders, type YourOrdersProps, badgeVariants, buttonVariants };
+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, Header, type HeaderProps, type HousePositionOrderbook, type HousePositionPendingOrder, HousePositionSlider, HousePositionSliderMobile, type HousePositionSliderMobileOrderPayload, type HousePositionSliderMobileOrderbook, type HousePositionSliderMobileProps, type HousePositionSliderOrderPayload, type HousePositionSliderProps, LoafLiquidityBadge, LoafLiquidityLogo, type LoafLiquidityLogoProps, LoginPopup, type LoginPopupProps, MobileTradeNav, type MobileTradeNavItem, type MobileTradeNavProps, Orderbook, type OrderbookLevel, type OrderbookProps, type OrderbookSide, type OrderbookTrade, PortfolioSummary, type PortfolioSummaryProps, PriceChart, type PriceChartCandle, type PriceChartProps, type PriceChartRange, type PropertyAddressOption, PropertyCompareBar, type PropertyCompareBarProps, PropertyHeroHeader, type PropertyHeroHeaderProps, type PropertyNewsItem, type PropertyNewsType, PropertyNewsUpdates, type PropertyNewsUpdatesProps, type PropertyPriceSummary, PropertySubheader, type PropertySubheaderAction, type PropertySubheaderProps, type PropertySubheaderTab, PropertyTour, type PropertyTourProps, type PropertyValueSummary, TradeConfirmationModal, type TradeConfirmationModalDetails, type TradeConfirmationModalProps, TradingSlider, type TradingSliderProps, type YourOrder, type YourOrderSide, YourOrders, type YourOrdersProps, badgeVariants, buttonVariants };

package/dist/index.d.ts

@@ -1,13 +1,14 @@
 import * as class_variance_authority_types from 'class-variance-authority/types';
 import * as React from 'react';
+import React__default from 'react';
 import { VariantProps } from 'class-variance-authority';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as LightweightCharts from 'lightweight-charts';
 
 declare const buttonVariants: (props?: ({
-    variant?: "primary" | "accent" | "accentOutline" | "media" | "outline" | "ghost" | "danger" | null | undefined;
+    variant?: "primary" | "onboarding" | "onboardingOutline" | "accent" | "accentOutline" | "media" | "outline" | "ghost" | "danger" | null | undefined;
     size?: "sm" | "md" | "lg" | "icon" | null | undefined;
-    radius?: "md" | "pill" | null | undefined;
+    radius?: "md" | "pill" | "square" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
     asChild?: boolean;
@@ -280,6 +281,13 @@ interface LoafLiquidityBadgeProps extends React.HTMLAttributes<HTMLSpanElement>
 }
 declare const LoafLiquidityBadge: React.ForwardRefExoticComponent<LoafLiquidityBadgeProps & React.RefAttributes<HTMLSpanElement>>;
 
+type LoafLiquidityLogoProps = {
+    onClick?: () => void;
+    isGlowing?: boolean;
+    className?: string;
+};
+declare const LoafLiquidityLogo: React.FC<LoafLiquidityLogoProps>;
+
 type YourOrderSide = "buy" | "sell";
 type YourOrder = {
     id: string;
@@ -404,6 +412,49 @@ declare const PropertyHeroHeader: React.ForwardRefExoticComponent<React.HTMLAttr
     onMakeOffer?: () => void;
 } & React.RefAttributes<HTMLDivElement>>;
 
+type HeaderUser = {
+    displayName?: string | null;
+    email?: string | null;
+    walletAddress?: string | null;
+};
+type HeaderActiveTab = "home" | "trade" | "offerings" | "propertyMap" | "about";
+type HeaderProps = {
+    currentUser?: HeaderUser | null;
+    isAuthenticated?: boolean;
+    locationPath?: string;
+    activeTab?: HeaderActiveTab;
+    onNavigate?: (path: string) => void;
+    onLogout?: () => Promise<void> | void;
+    onSignInClick?: () => void;
+    loginPopupComponent?: React__default.ComponentType<{
+        onClose: () => void;
+    }>;
+    tradeUrl?: string;
+    tradePath?: string;
+    homePath?: string;
+    aboutPath?: string;
+    offeringsPath?: string;
+    propertyMapPath?: string;
+    loafLiquidityPath?: string;
+    /** Absolute URL for the auth/login surface (e.g. https://auth.loafmarkets.com/login). */
+    authLoginUrl?: string | null;
+    /** Query parameter added to authLoginUrl for redirecting back to the originating SPA. */
+    authReturnParam?: string | null;
+    /**
+     * Custom resolver for the "return to" URL. Defaults to window.location.href, but you can
+     * inject your own implementation (e.g. saved pathname for native apps or React Router state).
+     */
+    getAuthReturnUrl?: () => string | null | undefined;
+    logoHref?: string;
+    onLogoClick?: () => void;
+    onLoafLiquidityClick?: () => void;
+    onTradeClick?: () => void;
+    onProfileNavigate?: () => void;
+    onOrdersNavigate?: () => void;
+    onWalletNavigate?: () => void;
+};
+declare const Header: React__default.FC<HeaderProps>;
+
 type PropertySubheaderTab = {
     id: string;
     label: string;
@@ -429,6 +480,46 @@ declare const PropertySubheader: React.ForwardRefExoticComponent<React.HTMLAttri
     actions?: PropertySubheaderAction[];
 } & React.RefAttributes<HTMLDivElement>>;
 
+type EmailCodeParams = {
+    email: string;
+    isSignUp: boolean;
+    handle?: string | null;
+};
+type VerifyCodeParams = {
+    code: string;
+    email: string;
+};
+type DemoLoginResult = {
+    success: boolean;
+};
+type DemoLoginHandler = (email: string, handle?: string | null) => Promise<DemoLoginResult | void> | DemoLoginResult | void;
+type LoginPopupProps = {
+    onClose: () => void;
+    onOpenEarlyAccess?: () => void;
+    /**
+     * Optional flag that indicates an authenticated session exists. When true (and autoCloseOnAuth is enabled)
+     * the popup will close automatically, mirroring the loaf-demo behaviour that watched Privy + demo auth state.
+     */
+    isAuthenticated?: boolean;
+    /** Optional user payload that, when truthy, also triggers the auto close effect. */
+    currentUser?: unknown;
+    /**
+     * Handler that should kick off an email OTP flow (e.g. Privy's sendCode). When omitted, the component will
+     * display an inline error explaining that email auth is unavailable.
+     */
+    onSendEmailCode?: (params: EmailCodeParams) => Promise<void> | void;
+    /** Handler invoked when the user submits the 6-digit OTP code. */
+    onVerifyEmailCode?: (params: VerifyCodeParams) => Promise<void> | void;
+    /** Optional handler used for demo / local login flows before falling back to email OTP. */
+    onDemoLogin?: DemoLoginHandler;
+    /** Override for the logo shown in the popup header. */
+    logoSrc?: string;
+    logoAlt?: string;
+    /** Disable auto-closing behaviour tied to isAuthenticated/currentUser flags. */
+    autoCloseOnAuth?: boolean;
+};
+declare const LoginPopup: React__default.FC<LoginPopupProps>;
+
 type PropertyAddressOption = {
     id: string;
     label: string;
@@ -465,4 +556,4 @@ declare const PropertyCompareBar: React.ForwardRefExoticComponent<React.HTMLAttr
     price?: PropertyPriceSummary;
 } & React.RefAttributes<HTMLDivElement>>;
 
-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 HousePositionOrderbook, type HousePositionPendingOrder, HousePositionSlider, HousePositionSliderMobile, type HousePositionSliderMobileOrderPayload, type HousePositionSliderMobileOrderbook, type HousePositionSliderMobileProps, type HousePositionSliderOrderPayload, type HousePositionSliderProps, LoafLiquidityBadge, MobileTradeNav, type MobileTradeNavItem, type MobileTradeNavProps, Orderbook, type OrderbookLevel, type OrderbookProps, type OrderbookSide, type OrderbookTrade, PortfolioSummary, type PortfolioSummaryProps, PriceChart, type PriceChartCandle, type PriceChartProps, type PriceChartRange, type PropertyAddressOption, PropertyCompareBar, type PropertyCompareBarProps, PropertyHeroHeader, type PropertyHeroHeaderProps, type PropertyNewsItem, type PropertyNewsType, PropertyNewsUpdates, type PropertyNewsUpdatesProps, type PropertyPriceSummary, PropertySubheader, type PropertySubheaderAction, type PropertySubheaderProps, type PropertySubheaderTab, PropertyTour, type PropertyTourProps, type PropertyValueSummary, TradeConfirmationModal, type TradeConfirmationModalDetails, type TradeConfirmationModalProps, TradingSlider, type TradingSliderProps, type YourOrder, type YourOrderSide, YourOrders, type YourOrdersProps, badgeVariants, buttonVariants };
+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, Header, type HeaderProps, type HousePositionOrderbook, type HousePositionPendingOrder, HousePositionSlider, HousePositionSliderMobile, type HousePositionSliderMobileOrderPayload, type HousePositionSliderMobileOrderbook, type HousePositionSliderMobileProps, type HousePositionSliderOrderPayload, type HousePositionSliderProps, LoafLiquidityBadge, LoafLiquidityLogo, type LoafLiquidityLogoProps, LoginPopup, type LoginPopupProps, MobileTradeNav, type MobileTradeNavItem, type MobileTradeNavProps, Orderbook, type OrderbookLevel, type OrderbookProps, type OrderbookSide, type OrderbookTrade, PortfolioSummary, type PortfolioSummaryProps, PriceChart, type PriceChartCandle, type PriceChartProps, type PriceChartRange, type PropertyAddressOption, PropertyCompareBar, type PropertyCompareBarProps, PropertyHeroHeader, type PropertyHeroHeaderProps, type PropertyNewsItem, type PropertyNewsType, PropertyNewsUpdates, type PropertyNewsUpdatesProps, type PropertyPriceSummary, PropertySubheader, type PropertySubheaderAction, type PropertySubheaderProps, type PropertySubheaderTab, PropertyTour, type PropertyTourProps, type PropertyValueSummary, TradeConfirmationModal, type TradeConfirmationModalDetails, type TradeConfirmationModalProps, TradingSlider, type TradingSliderProps, type YourOrder, type YourOrderSide, YourOrders, type YourOrdersProps, badgeVariants, buttonVariants };