@loafmarkets/ui 0.1.57 → 0.1.59

package/dist/index.mjs

@@ -9,7 +9,7 @@ import styled25, { keyframes, css } from 'styled-components';
 import { Newspaper, BedDouble, Bath, CarFront } from 'lucide-react';
 import * as LightweightCharts from 'lightweight-charts';
 import { BiChevronUp, BiChevronDown, BiX, BiCoin, BiWallet, BiCreditCard, BiCalendar, BiInfoCircle, BiPencil, BiImages, BiVideo, BiMap } from 'react-icons/bi';
-import { FaBitcoin, FaChartLine } from 'react-icons/fa';
+import { FaChartLine, FaBitcoin } from 'react-icons/fa';
 import { FiExternalLink } from 'react-icons/fi';
 
 // src/components/button.tsx
@@ -9667,7 +9667,9 @@ function OfferingProgressCard({
   subscriberCount = 0,
   raisedAmount,
   targetAmount,
-  isPrivateClient = false
+  isPrivateClient = false,
+  style,
+  className
 }) {
   const [currentTime, setCurrentTime] = useState(/* @__PURE__ */ new Date());
   const [countdown, setCountdown] = useState(null);
@@ -9697,7 +9699,7 @@ function OfferingProgressCard({
     const interval = setInterval(() => setCountdown(calculateCountdown()), 1e3);
     return () => clearInterval(interval);
   }, [opensAt]);
-  return /* @__PURE__ */ jsxs(Container, { children: [
+  return /* @__PURE__ */ jsxs(Container, { style, className, children: [
     /* @__PURE__ */ jsxs(Header2, { children: [
       /* @__PURE__ */ jsxs("h3", { children: [
         /* @__PURE__ */ jsx(FaChartLine, {}),
@@ -10693,6 +10695,17 @@ function OrderPanel({
                 const v = e.target.value;
                 if (v === "" || /^\d*\.?\d{0,2}$/.test(v)) {
                   setPayInputValue(v);
+                  const parsed = parseInt(v.replace(/[^0-9]/g, ""), 10) || 0;
+                  if (parsed <= 0) {
+                    setManualOrderAmount(null);
+                    setSliderValue(0);
+                  } else if (parsed >= availableBalance) {
+                    setManualOrderAmount(null);
+                    setSliderValue(100);
+                  } else {
+                    setManualOrderAmount(parsed);
+                    setSliderValue(availableBalance === 0 ? 0 : Math.round(Math.max(0, parsed / availableBalance * 100)));
+                  }
                 }
               },
               onKeyDown: (e) => {
@@ -10764,6 +10777,18 @@ function OrderPanel({
                 const v = e.target.value;
                 if (v === "" || /^\d+$/.test(v)) {
                   setReceiveInputValue(v);
+                  const units = Math.floor(parseInt(v.replace(/[^0-9]/g, ""), 10) || 0);
+                  const spend = units * tokenPrice;
+                  if (units <= 0) {
+                    setManualOrderAmount(null);
+                    setSliderValue(0);
+                  } else if (spend >= availableBalance) {
+                    setManualOrderAmount(null);
+                    setSliderValue(100);
+                  } else {
+                    setManualOrderAmount(spend);
+                    setSliderValue(availableBalance === 0 ? 0 : Math.round(Math.max(0, spend / availableBalance * 100)));
+                  }
                 }
               },
               onKeyDown: (e) => {
@@ -15237,6 +15262,6 @@ function hasPendingActivity(data) {
   }) ?? false;
 }
 
-export { AssetSelectorBar, Badge, Button, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Header, HousePositionSlider, HousePositionSliderMobile, LoafLiquidityBadge, LoafLiquidityLogo, LoginPopup, MobileTradeNav, Orderbook, owner_booking_default as OwnerBooking, PaymentPopup, PortfolioActivityPanel, PortfolioSummary, PriceChart, PropertyBuy, PropertyCompareBar, PropertyDocuments, PropertyHeroHeader, PropertyHistory, PropertyInspectionTimes, PropertyNewsUpdates, PropertyOffers, PropertyOverview, PropertyPhotoGallery, PropertySubheader, PropertyTour, PropertyValuation, Skeleton, ToastProvider, TradeConfirmationModal, TradingSlider, YourOrders, badgeVariants, buttonVariants, hasPendingActivity, useAdaptivePolling, useToast };
+export { AssetSelectorBar, Badge, Button, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Header, HousePositionSlider, HousePositionSliderMobile, LoafLiquidityBadge, LoafLiquidityLogo, LoginPopup, MobileTradeNav, OfferingProgressCard, Orderbook, owner_booking_default as OwnerBooking, PaymentPopup, PortfolioActivityPanel, PortfolioSummary, PriceChart, PropertyBuy, PropertyCompareBar, PropertyDocuments, PropertyHeroHeader, PropertyHistory, PropertyInspectionTimes, PropertyNewsUpdates, PropertyOffers, PropertyOverview, PropertyPhotoGallery, PropertySubheader, PropertyTour, PropertyValuation, Skeleton, ToastProvider, TradeConfirmationModal, TradingSlider, YourOrders, badgeVariants, buttonVariants, hasPendingActivity, useAdaptivePolling, useToast };
 //# sourceMappingURL=index.mjs.map
 //# sourceMappingURL=index.mjs.map