@loafmarkets/ui 0.1.413 → 0.1.415

package/dist/index.d.mts

@@ -205,9 +205,61 @@ interface HousePositionSliderMobileProps extends React$1.HTMLAttributes<HTMLDivE
 }
 declare function HousePositionSliderMobile({ tokenId, tokenSymbol, totalTokens, currentPrice, availableCash, tokensHeld, defaultOrderType, orderbook, ownershipPercentOverride, onConfirmOrder, className, ...props }: HousePositionSliderMobileProps): react_jsx_runtime.JSX.Element;
 
+/**
+ * A video to play, plus what to play if it fails.
+ *
+ * Structurally identical to `PropertyVideoSource` in the app repo
+ * (loafx-frontend/shared/video/propertyVideoSrc.ts) — duplicated rather than
+ * imported because that lives outside this package. Keep the two shapes in step.
+ */
+type HlsVideoSource = {
+    src: string;
+    /** Played if `src` fails to load. Absent when there is nothing to fall back to. */
+    fallbackSrc?: string;
+};
+type HlsVideoProps = Omit<React$1.VideoHTMLAttributes<HTMLVideoElement>, "src"> & {
+    /**
+     * A URL, or a `{ src, fallbackSrc }` pair. An HLS manifest (`.m3u8`) streams
+     * adaptively; a plain file (mp4/webm) is handed straight to the element.
+     * Callers do not need to know which they have.
+     */
+    src: string | HlsVideoSource;
+    /** Cap the chosen rendition to the element's on-screen size. */
+    capLevelToPlayerSize?: boolean;
+};
+/**
+ * A `<video>` that can also play HLS, with a fallback for a manifest that isn't
+ * there.
+ *
+ * Safari and iOS play HLS natively; Chrome and Firefox do not, so a bare
+ * `<video src="…m3u8">` silently fails there and hls.js has to drive the element
+ * instead. Every property video renders through this, so a manifest URL works the
+ * same everywhere and a plain file URL keeps working unchanged.
+ *
+ * `fallbackSrc` exists because a property's ladder URL is DERIVED, not confirmed
+ * (see propertyVideoSrc) — the transcode may not have run for that property yet.
+ * Without the fallback a missing ladder would be a dead black box; with it, the
+ * page quietly plays the original master instead.
+ *
+ * hls.js is imported ON DEMAND rather than at module scope: it is ~200 KB, and
+ * this component is re-exported from the package index, so a static import would
+ * put the parser in every consuming app's bundle whether or not it plays a
+ * manifest. Pages that only ever see a plain file never fetch it.
+ */
+declare const HlsVideo: React$1.ForwardRefExoticComponent<Omit<React$1.VideoHTMLAttributes<HTMLVideoElement>, "src"> & {
+    /**
+     * A URL, or a `{ src, fallbackSrc }` pair. An HLS manifest (`.m3u8`) streams
+     * adaptively; a plain file (mp4/webm) is handed straight to the element.
+     * Callers do not need to know which they have.
+     */
+    src: string | HlsVideoSource;
+    /** Cap the chosen rendition to the element's on-screen size. */
+    capLevelToPlayerSize?: boolean;
+} & React$1.RefAttributes<HTMLVideoElement>>;
+
 type PropertyTourProps = Omit<React$1.ComponentPropsWithoutRef<typeof Card>, "title"> & {
     title: string;
-    src: string;
+    src: string | HlsVideoSource;
     poster?: string;
     autoPlay?: boolean;
     muted?: boolean;
@@ -217,7 +269,7 @@ type PropertyTourProps = Omit<React$1.ComponentPropsWithoutRef<typeof Card>, "ti
 };
 declare const PropertyTour: React$1.ForwardRefExoticComponent<Omit<Omit<CardProps & React$1.RefAttributes<HTMLDivElement>, "ref">, "title"> & {
     title: string;
-    src: string;
+    src: string | HlsVideoSource;
     poster?: string;
     autoPlay?: boolean;
     muted?: boolean;
@@ -264,7 +316,7 @@ declare const PropertyNewsUpdates: React$1.ForwardRefExoticComponent<PropertyNew
 interface PropertyMediaRowProps {
     newsItems: PropertyNewsItem[];
     newsConnectionStatus?: "live" | "connecting";
-    videoSrc: string;
+    videoSrc: string | HlsVideoSource;
     videoTitle: string;
     className?: string;
 }
@@ -881,7 +933,7 @@ type PropertyOverviewProps = {
     financialItems?: FinancialItem[];
     images?: OverviewImage[];
     galleryCategories?: GalleryCategory[];
-    videoUrl?: string;
+    videoUrl?: string | HlsVideoSource;
     tokenName?: string;
     landSizeSqm?: number | null;
     buildingSizeSqm?: number | null;
@@ -1225,7 +1277,7 @@ type PropertyBuyProps = {
     };
     newsItems?: PropertyNewsItem[];
     newsConnectionStatus?: 'live' | 'connecting';
-    videoUrl?: string;
+    videoUrl?: string | HlsVideoSource;
     toast: ReturnType<typeof useToast>['toast'];
 };
 declare function PropertyBuy({ propertyName, propertyLocation: _propertyLocationLabel, tokenDisplayName, tokenSymbol, tokenName, isAuthenticated, onSignIn, saleData, walletUsdcBalance, walletPropertyTokenBalance, onPurchase, purchaseStatus, purchaseError, onDeposit, opensAt, isPrivateClient, recentOrders, ordersAllocated, subscribers, isLoadingActivity, selectorItems, onSelectorSelect, onVerifyIdentity, portfolioActivity, newsItems, newsConnectionStatus, videoUrl, toast, }: PropertyBuyProps): react_jsx_runtime.JSX.Element;
@@ -1317,7 +1369,7 @@ type PropertyPhotoGalleryProps = {
     images?: PropertyGalleryImage[];
     title?: string;
     subtitle?: string;
-    videoUrl?: string;
+    videoUrl?: string | HlsVideoSource;
 };
 declare function PropertyPhotoGallery({ isOpen, onClose, startIndex, startWithVideo, title, subtitle, images, videoUrl, }: PropertyPhotoGalleryProps): react_jsx_runtime.JSX.Element | null;
 
@@ -1387,4 +1439,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 HeaderNavItem, type HeaderPortfolioData, type HeaderProps, type HousePositionOrderbook, type HousePositionPendingOrder, HousePositionSlider, HousePositionSliderMobile, type HousePositionSliderMobileOrderPayload, type HousePositionSliderMobileOrderbook, type HousePositionSliderMobileProps, type HousePositionSliderOrderPayload, type HousePositionSliderProps, type InspectionSlot, LoafLiquidityBadge, type LoafLiquidityDotState, 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 };
+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 HeaderNavItem, type HeaderPortfolioData, type HeaderProps, HlsVideo, type HlsVideoProps, type HlsVideoSource, type HousePositionOrderbook, type HousePositionPendingOrder, HousePositionSlider, HousePositionSliderMobile, type HousePositionSliderMobileOrderPayload, type HousePositionSliderMobileOrderbook, type HousePositionSliderMobileProps, type HousePositionSliderOrderPayload, type HousePositionSliderProps, type InspectionSlot, LoafLiquidityBadge, type LoafLiquidityDotState, 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

@@ -205,9 +205,61 @@ interface HousePositionSliderMobileProps extends React$1.HTMLAttributes<HTMLDivE
 }
 declare function HousePositionSliderMobile({ tokenId, tokenSymbol, totalTokens, currentPrice, availableCash, tokensHeld, defaultOrderType, orderbook, ownershipPercentOverride, onConfirmOrder, className, ...props }: HousePositionSliderMobileProps): react_jsx_runtime.JSX.Element;
 
+/**
+ * A video to play, plus what to play if it fails.
+ *
+ * Structurally identical to `PropertyVideoSource` in the app repo
+ * (loafx-frontend/shared/video/propertyVideoSrc.ts) — duplicated rather than
+ * imported because that lives outside this package. Keep the two shapes in step.
+ */
+type HlsVideoSource = {
+    src: string;
+    /** Played if `src` fails to load. Absent when there is nothing to fall back to. */
+    fallbackSrc?: string;
+};
+type HlsVideoProps = Omit<React$1.VideoHTMLAttributes<HTMLVideoElement>, "src"> & {
+    /**
+     * A URL, or a `{ src, fallbackSrc }` pair. An HLS manifest (`.m3u8`) streams
+     * adaptively; a plain file (mp4/webm) is handed straight to the element.
+     * Callers do not need to know which they have.
+     */
+    src: string | HlsVideoSource;
+    /** Cap the chosen rendition to the element's on-screen size. */
+    capLevelToPlayerSize?: boolean;
+};
+/**
+ * A `<video>` that can also play HLS, with a fallback for a manifest that isn't
+ * there.
+ *
+ * Safari and iOS play HLS natively; Chrome and Firefox do not, so a bare
+ * `<video src="…m3u8">` silently fails there and hls.js has to drive the element
+ * instead. Every property video renders through this, so a manifest URL works the
+ * same everywhere and a plain file URL keeps working unchanged.
+ *
+ * `fallbackSrc` exists because a property's ladder URL is DERIVED, not confirmed
+ * (see propertyVideoSrc) — the transcode may not have run for that property yet.
+ * Without the fallback a missing ladder would be a dead black box; with it, the
+ * page quietly plays the original master instead.
+ *
+ * hls.js is imported ON DEMAND rather than at module scope: it is ~200 KB, and
+ * this component is re-exported from the package index, so a static import would
+ * put the parser in every consuming app's bundle whether or not it plays a
+ * manifest. Pages that only ever see a plain file never fetch it.
+ */
+declare const HlsVideo: React$1.ForwardRefExoticComponent<Omit<React$1.VideoHTMLAttributes<HTMLVideoElement>, "src"> & {
+    /**
+     * A URL, or a `{ src, fallbackSrc }` pair. An HLS manifest (`.m3u8`) streams
+     * adaptively; a plain file (mp4/webm) is handed straight to the element.
+     * Callers do not need to know which they have.
+     */
+    src: string | HlsVideoSource;
+    /** Cap the chosen rendition to the element's on-screen size. */
+    capLevelToPlayerSize?: boolean;
+} & React$1.RefAttributes<HTMLVideoElement>>;
+
 type PropertyTourProps = Omit<React$1.ComponentPropsWithoutRef<typeof Card>, "title"> & {
     title: string;
-    src: string;
+    src: string | HlsVideoSource;
     poster?: string;
     autoPlay?: boolean;
     muted?: boolean;
@@ -217,7 +269,7 @@ type PropertyTourProps = Omit<React$1.ComponentPropsWithoutRef<typeof Card>, "ti
 };
 declare const PropertyTour: React$1.ForwardRefExoticComponent<Omit<Omit<CardProps & React$1.RefAttributes<HTMLDivElement>, "ref">, "title"> & {
     title: string;
-    src: string;
+    src: string | HlsVideoSource;
     poster?: string;
     autoPlay?: boolean;
     muted?: boolean;
@@ -264,7 +316,7 @@ declare const PropertyNewsUpdates: React$1.ForwardRefExoticComponent<PropertyNew
 interface PropertyMediaRowProps {
     newsItems: PropertyNewsItem[];
     newsConnectionStatus?: "live" | "connecting";
-    videoSrc: string;
+    videoSrc: string | HlsVideoSource;
     videoTitle: string;
     className?: string;
 }
@@ -881,7 +933,7 @@ type PropertyOverviewProps = {
     financialItems?: FinancialItem[];
     images?: OverviewImage[];
     galleryCategories?: GalleryCategory[];
-    videoUrl?: string;
+    videoUrl?: string | HlsVideoSource;
     tokenName?: string;
     landSizeSqm?: number | null;
     buildingSizeSqm?: number | null;
@@ -1225,7 +1277,7 @@ type PropertyBuyProps = {
     };
     newsItems?: PropertyNewsItem[];
     newsConnectionStatus?: 'live' | 'connecting';
-    videoUrl?: string;
+    videoUrl?: string | HlsVideoSource;
     toast: ReturnType<typeof useToast>['toast'];
 };
 declare function PropertyBuy({ propertyName, propertyLocation: _propertyLocationLabel, tokenDisplayName, tokenSymbol, tokenName, isAuthenticated, onSignIn, saleData, walletUsdcBalance, walletPropertyTokenBalance, onPurchase, purchaseStatus, purchaseError, onDeposit, opensAt, isPrivateClient, recentOrders, ordersAllocated, subscribers, isLoadingActivity, selectorItems, onSelectorSelect, onVerifyIdentity, portfolioActivity, newsItems, newsConnectionStatus, videoUrl, toast, }: PropertyBuyProps): react_jsx_runtime.JSX.Element;
@@ -1317,7 +1369,7 @@ type PropertyPhotoGalleryProps = {
     images?: PropertyGalleryImage[];
     title?: string;
     subtitle?: string;
-    videoUrl?: string;
+    videoUrl?: string | HlsVideoSource;
 };
 declare function PropertyPhotoGallery({ isOpen, onClose, startIndex, startWithVideo, title, subtitle, images, videoUrl, }: PropertyPhotoGalleryProps): react_jsx_runtime.JSX.Element | null;
 
@@ -1387,4 +1439,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 HeaderNavItem, type HeaderPortfolioData, type HeaderProps, type HousePositionOrderbook, type HousePositionPendingOrder, HousePositionSlider, HousePositionSliderMobile, type HousePositionSliderMobileOrderPayload, type HousePositionSliderMobileOrderbook, type HousePositionSliderMobileProps, type HousePositionSliderOrderPayload, type HousePositionSliderProps, type InspectionSlot, LoafLiquidityBadge, type LoafLiquidityDotState, 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 };
+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 HeaderNavItem, type HeaderPortfolioData, type HeaderProps, HlsVideo, type HlsVideoProps, type HlsVideoSource, type HousePositionOrderbook, type HousePositionPendingOrder, HousePositionSlider, HousePositionSliderMobile, type HousePositionSliderMobileOrderPayload, type HousePositionSliderMobileOrderbook, type HousePositionSliderMobileProps, type HousePositionSliderOrderPayload, type HousePositionSliderProps, type InspectionSlot, LoafLiquidityBadge, type LoafLiquidityDotState, 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.js

@@ -2575,6 +2575,66 @@ function MobileDepthRow({
     }
   );
 }
+var isHlsManifest = (url) => /\.m3u8(\?|$)/i.test(url);
+var HLS_MIME = "application/vnd.apple.mpegurl";
+var MANIFEST_FAILURES = /* @__PURE__ */ new Set(["manifestLoadError", "manifestLoadTimeOut", "manifestParsingError"]);
+var HlsVideo = React5__namespace.forwardRef(
+  ({ src, capLevelToPlayerSize = true, onError, ...videoProps }, ref) => {
+    const videoRef = React5__namespace.useRef(null);
+    React5__namespace.useImperativeHandle(ref, () => videoRef.current, []);
+    const primary = typeof src === "string" ? src : src.src;
+    const fallbackSrc = typeof src === "string" ? void 0 : src.fallbackSrc;
+    const [failedSrc, setFailedSrc] = React5__namespace.useState(null);
+    const usingFallback = fallbackSrc != null && failedSrc === primary;
+    const activeSrc = usingFallback ? fallbackSrc : primary;
+    const failPrimary = React5__namespace.useCallback(() => {
+      if (fallbackSrc == null) return;
+      setFailedSrc(primary);
+    }, [fallbackSrc, primary]);
+    React5__namespace.useEffect(() => {
+      const video = videoRef.current;
+      if (!video || !activeSrc) return;
+      if (!isHlsManifest(activeSrc) || video.canPlayType(HLS_MIME)) {
+        video.src = activeSrc;
+        return;
+      }
+      let hls = null;
+      let cancelled = false;
+      void import('hls.js').then(({ default: Hls }) => {
+        if (cancelled) return;
+        if (!Hls.isSupported()) {
+          video.src = activeSrc;
+          return;
+        }
+        const instance = new Hls({
+          capLevelToPlayerSize,
+          startLevel: -1,
+          enableWorker: true,
+          startFragPrefetch: true
+        });
+        hls = instance;
+        instance.on(Hls.Events.ERROR, (_evt, data) => {
+          if (data?.fatal && MANIFEST_FAILURES.has(String(data.details))) failPrimary();
+        });
+        instance.loadSource(activeSrc);
+        instance.attachMedia(video);
+      });
+      return () => {
+        cancelled = true;
+        hls?.destroy();
+      };
+    }, [activeSrc, capLevelToPlayerSize, failPrimary]);
+    const handleError = React5__namespace.useCallback(
+      (e) => {
+        if (!usingFallback) failPrimary();
+        onError?.(e);
+      },
+      [usingFallback, failPrimary, onError]
+    );
+    return /* @__PURE__ */ jsxRuntime.jsx("video", { ref: videoRef, onError: handleError, ...videoProps });
+  }
+);
+HlsVideo.displayName = "HlsVideo";
 var PropertyTour = React5__namespace.forwardRef(
   ({
     className,
@@ -2589,11 +2649,6 @@ var PropertyTour = React5__namespace.forwardRef(
     ...props
   }, ref) => {
     const videoRef = React5__namespace.useRef(null);
-    React5__namespace.useEffect(() => {
-      if (videoRef.current && src) {
-        videoRef.current.load();
-      }
-    }, [src]);
     React5__namespace.useEffect(() => {
       const video = videoRef.current;
       if (!video) return;
@@ -2658,10 +2713,11 @@ var PropertyTour = React5__namespace.forwardRef(
                 display: none !important;
               }
             ` }),
-            /* @__PURE__ */ jsxRuntime.jsxs(
-              "video",
+            /* @__PURE__ */ jsxRuntime.jsx(
+              HlsVideo,
               {
                 ref: videoRef,
+                src,
                 className: "loaf-muted-video absolute inset-0 h-full w-full object-cover object-center",
                 controls,
                 controlsList: "nodownload noplaybackrate",
@@ -2675,10 +2731,7 @@ var PropertyTour = React5__namespace.forwardRef(
                 muted,
                 playsInline,
                 poster,
-                children: [
-                  /* @__PURE__ */ jsxRuntime.jsx("source", { src }),
-                  "Your browser does not support the video tag."
-                ]
+                children: "Your browser does not support the video tag."
               }
             )
           ] }) })
@@ -5664,7 +5717,7 @@ var Header = ({
           }
         )
       ] }) : /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { display: "flex", alignItems: "center" }, children: [
-        /* @__PURE__ */ jsxRuntime.jsx(Button2, { className: "signup", onClick: handleSignIn, children: "Join Competition" }),
+        /* @__PURE__ */ jsxRuntime.jsx(Button2, { className: "signup", onClick: handleSignIn, children: "Access Beta" }),
         /* @__PURE__ */ jsxRuntime.jsx(
           MobileOnlyButton,
           {
@@ -7209,7 +7262,7 @@ var LoginPopup = ({
       /* @__PURE__ */ jsxRuntime.jsxs(Title, { children: [
         /* @__PURE__ */ jsxRuntime.jsxs(LogoContainer3, { children: [
           /* @__PURE__ */ jsxRuntime.jsx(LogoImage, { src: logoSrc, alt: logoAlt }),
-          /* @__PURE__ */ jsxRuntime.jsx(LogoBeta, { children: "Private Beta" })
+          /* @__PURE__ */ jsxRuntime.jsx(LogoBeta, { children: "Beta" })
         ] }),
         /* @__PURE__ */ jsxRuntime.jsx(TitleText, { children: "Welcome to Loaf" })
       ] }),
@@ -7304,7 +7357,7 @@ var LoginPopup = ({
           /* @__PURE__ */ jsxRuntime.jsxs(GateBrand, { children: [
             /* @__PURE__ */ jsxRuntime.jsx(GateLogoLink, { href: "https://loafmarkets.com", "aria-label": "Go to loafmarkets.com", children: /* @__PURE__ */ jsxRuntime.jsx(GateLogo, { src: logoSrc, alt: logoAlt }) }),
             /* @__PURE__ */ jsxRuntime.jsx(GateBrandDivider, {}),
-            /* @__PURE__ */ jsxRuntime.jsx(GateBetaTag, { children: "Private Beta" })
+            /* @__PURE__ */ jsxRuntime.jsx(GateBetaTag, { children: "Beta" })
           ] }),
           /* @__PURE__ */ jsxRuntime.jsxs(GateOtpText, { children: [
             "We sent a code to",
@@ -7643,6 +7696,16 @@ var LoginPopup = ({
           ),
           /* @__PURE__ */ jsxRuntime.jsx(GateSubmit, { type: "submit", "aria-label": "Continue", disabled: loading || !email, children: loading ? /* @__PURE__ */ jsxRuntime.jsx(GateSpinner, {}) : /* @__PURE__ */ jsxRuntime.jsx("svg", { width: "22", height: "22", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.2", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M5 12h14M13 6l6 6-6 6" }) }) })
         ] }),
+        !signInMode && /* @__PURE__ */ jsxRuntime.jsx(GateHandleRow, { children: /* @__PURE__ */ jsxRuntime.jsx(
+          GateEmailInput,
+          {
+            type: "text",
+            autoComplete: "username",
+            placeholder: "Claim your username (Optional)",
+            value: handle,
+            onChange: (event) => setHandle(event.target.value)
+          }
+        ) }),
         error && /* @__PURE__ */ jsxRuntime.jsx(StatusMessage, { $error: true, children: error })
       ] }),
       /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
@@ -7661,7 +7724,7 @@ var LoginPopup = ({
           /* @__PURE__ */ jsxRuntime.jsxs(GateBrand, { children: [
             /* @__PURE__ */ jsxRuntime.jsx(GateLogoLink, { href: "https://loafmarkets.com", "aria-label": "Go to loafmarkets.com", children: /* @__PURE__ */ jsxRuntime.jsx(GateLogo, { src: logoSrc, alt: logoAlt }) }),
             /* @__PURE__ */ jsxRuntime.jsx(GateBrandDivider, {}),
-            /* @__PURE__ */ jsxRuntime.jsx(GateBetaTag, { children: "Private Beta" })
+            /* @__PURE__ */ jsxRuntime.jsx(GateBetaTag, { children: "Beta" })
           ] }),
           signInMode ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
             signInStep,
@@ -7713,7 +7776,7 @@ var LoginPopup = ({
       /* @__PURE__ */ jsxRuntime.jsxs(Title, { children: [
         /* @__PURE__ */ jsxRuntime.jsxs(LogoContainer3, { children: [
           /* @__PURE__ */ jsxRuntime.jsx(LogoImage, { src: logoSrc, alt: logoAlt }),
-          /* @__PURE__ */ jsxRuntime.jsx(LogoBeta, { children: "Private Beta" })
+          /* @__PURE__ */ jsxRuntime.jsx(LogoBeta, { children: "Beta" })
         ] }),
         /* @__PURE__ */ jsxRuntime.jsx(TitleText, { children: "Enter your access code" })
       ] }),
@@ -8377,6 +8440,9 @@ var GateSubmit = styled10__default.default.button`
     cursor: default;
   }
 `;
+var GateHandleRow = styled10__default.default(CodeInputWrapper)`
+  margin-top: 0.6rem;
+`;
 var GateEmailInput = styled10__default.default.input`
   flex: 1;
   min-width: 0;
@@ -9797,8 +9863,9 @@ function GalleryMapSection({
       isMobile ? /* @__PURE__ */ jsxRuntime.jsx(StackedGallery, { images, onPhotoClick }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
         /* @__PURE__ */ jsxRuntime.jsxs(Carousel, { children: [
           showVideo && videoUrl && /* @__PURE__ */ jsxRuntime.jsx(VideoOverlay, { children: /* @__PURE__ */ jsxRuntime.jsx(
-            "video",
+            HlsVideo,
             {
+              src: videoUrl,
               autoPlay: true,
               loop: true,
               playsInline: true,
@@ -9807,8 +9874,7 @@ function GalleryMapSection({
               onVolumeChange: (e) => {
                 if (!e.currentTarget.muted) e.currentTarget.muted = true;
               },
-              style: { width: "100%", height: "100%", objectFit: "cover", borderRadius: 8 },
-              children: /* @__PURE__ */ jsxRuntime.jsx("source", { src: videoUrl, type: "video/mp4" })
+              style: { width: "100%", height: "100%", objectFit: "cover", borderRadius: 8 }
             }
           ) }),
           /* @__PURE__ */ jsxRuntime.jsx(Track, { style: { transform: `translateX(-${carouselIndex * 100}%)` }, children: images.map((img, idx) => /* @__PURE__ */ jsxRuntime.jsxs(Slide, { onClick: () => onPhotoClick?.(idx), children: [
@@ -9924,7 +9990,7 @@ function GalleryMapSection({
     showFullVideo && videoUrl && /* @__PURE__ */ jsxRuntime.jsxs(FullVideoOverlay, { onClick: () => setShowFullVideo(false), children: [
       /* @__PURE__ */ jsxRuntime.jsx(FullVideoClose, { onClick: () => setShowFullVideo(false), "aria-label": "Close video", children: "\u2715" }),
       /* @__PURE__ */ jsxRuntime.jsx(
-        "video",
+        HlsVideo,
         {
           src: videoUrl,
           autoPlay: true,
@@ -19654,8 +19720,9 @@ function GalleryContent({ galleryImages, startIndex, startWithVideo, title, subt
                 }
               ),
               showVideo && videoUrl ? /* @__PURE__ */ jsxRuntime.jsx(GalleryVideoWrap, { children: /* @__PURE__ */ jsxRuntime.jsx(
-                "video",
+                HlsVideo,
                 {
+                  src: videoUrl,
                   autoPlay: true,
                   loop: true,
                   playsInline: true,
@@ -19664,8 +19731,7 @@ function GalleryContent({ galleryImages, startIndex, startWithVideo, title, subt
                   onVolumeChange: (e) => {
                     if (!e.currentTarget.muted) e.currentTarget.muted = true;
                   },
-                  style: { objectFit: "contain", borderRadius: 12, boxShadow: "0 30px 80px rgba(0,0,0,0.55)" },
-                  children: /* @__PURE__ */ jsxRuntime.jsx("source", { src: videoUrl, type: "video/mp4" })
+                  style: { objectFit: "contain", borderRadius: 12, boxShadow: "0 30px 80px rgba(0,0,0,0.55)" }
                 }
               ) }) : galleryImages.map((image, idx) => /* @__PURE__ */ jsxRuntime.jsx(MainImage, { src: image.src, alt: image.alt, $visible: idx === currentIndex }, image.alt)),
               galleryImages[currentIndex]?.hotspots?.map((hotspot) => /* @__PURE__ */ jsxRuntime.jsx(
@@ -20686,6 +20752,7 @@ exports.CardHeader = CardHeader;
 exports.CardTitle = CardTitle;
 exports.ContactPopup = ContactPopup;
 exports.Header = Header;
+exports.HlsVideo = HlsVideo;
 exports.HousePositionSlider = HousePositionSlider;
 exports.HousePositionSliderMobile = HousePositionSliderMobile;
 exports.LoafLiquidityBadge = LoafLiquidityBadge;