@loafmarkets/ui 0.1.274 → 0.1.276

package/dist/index.js

@@ -12470,7 +12470,7 @@ function OrderPanel({
   const [isReceiveInputFocused, setIsReceiveInputFocused] = React5.useState(false);
   const handlePayBlur = () => {
     setIsPayInputFocused(false);
-    const parsed = parseInt(payInputValue.replace(/[^0-9]/g, ""), 10) || 0;
+    const parsed = parseInt(payInputValue.replace(/,/g, "").replace(/[^0-9]/g, ""), 10) || 0;
     if (parsed <= 0) {
       setManualOrderAmount(null);
       setSliderValue(0);
@@ -12597,15 +12597,17 @@ function OrderPanel({
               value: isPayInputFocused ? payInputValue : orderTotal.toLocaleString(),
               onFocus: (e) => {
                 setIsPayInputFocused(true);
-                setPayInputValue((manualOrderAmount ?? orderTotal).toString());
-                e.target.select();
+                const raw = manualOrderAmount ?? orderTotal;
+                setPayInputValue(raw > 0 ? raw.toLocaleString() : "");
+                requestAnimationFrame(() => e.target.select());
               },
               onBlur: handlePayBlur,
               onChange: (e) => {
-                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;
+                const raw = e.target.value.replace(/,/g, "");
+                if (raw === "" || /^\d*\.?\d{0,2}$/.test(raw)) {
+                  const formatted = raw === "" ? "" : Number(raw.replace(/\..*$/, "")).toLocaleString() + (raw.includes(".") ? "." + raw.split(".")[1] : "");
+                  setPayInputValue(formatted);
+                  const parsed = parseInt(raw.replace(/[^0-9]/g, ""), 10) || 0;
                   if (parsed <= 0) {
                     setManualOrderAmount(null);
                     setSliderValue(0);
@@ -12679,15 +12681,15 @@ function OrderPanel({
               style: { color: "#0ecb81" },
               onFocus: (e) => {
                 setIsReceiveInputFocused(true);
-                setReceiveInputValue(tokenQuantity.toString());
-                e.target.select();
+                setReceiveInputValue(tokenQuantity > 0 ? tokenQuantity.toLocaleString() : "");
+                requestAnimationFrame(() => e.target.select());
               },
               onBlur: handleReceiveBlur,
               onChange: (e) => {
-                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 raw = e.target.value.replace(/,/g, "");
+                if (raw === "" || /^\d+$/.test(raw)) {
+                  setReceiveInputValue(raw === "" ? "" : Number(raw).toLocaleString());
+                  const units = Math.floor(parseInt(raw.replace(/[^0-9]/g, ""), 10) || 0);
                   const spend = units * tokenPrice;
                   if (units <= 0) {
                     setManualOrderAmount(null);
@@ -15054,7 +15056,7 @@ function PropertyBuy({
   const statusColor = STATUS_COLOR2[ipoStatus] ?? "#D4AF37";
   const displayStatusLabel = isPrivateClient && ipoStatus !== "LIVE" ? "Private Client Access" : statusLabel;
   const displayStatusColor = isPrivateClient && ipoStatus !== "LIVE" ? "#D4AF37" : statusColor;
-  const rawSpend = manualOrderAmount !== null ? manualOrderAmount : Math.round(sliderValue / 100 * availableBalance);
+  const rawSpend = manualOrderAmount !== null ? manualOrderAmount : sliderValue === 100 ? Math.floor(availableBalance / (1 + feeRate)) : Math.round(sliderValue / 100 * availableBalance);
   const tokenQuantity = Math.floor(rawSpend / tokenPrice);
   const feeInUsd = tokenQuantity * tokenPrice * feeRate;
   const orderTotal = tokenQuantity * tokenPrice + feeInUsd;