@loafmarkets/ui 0.1.48 → 0.1.50

package/dist/index.js

@@ -4734,7 +4734,7 @@ var HeroContainer = styled24__default.default.div`
   right: 50%;
   margin-left: calc(-50vw + 0.75rem);
   margin-right: calc(-50vw + 0.75rem);
-  margin-top: -5rem;
+  margin-top: 0;
   height: 600px;
   border-radius: 12px;
   overflow: hidden;
@@ -5715,7 +5715,9 @@ var UserButton = styled24__default.default.button.attrs({ type: "button" })`
 var DropdownMenu = styled24__default.default.div`
   position: absolute;
   top: 100%;
-  left: 0;
+  /* Anchor to the button's right edge so a short label (narrow button) near
+     the viewport's right edge doesn't push the 180px-wide panel off-screen. */
+  right: 0;
   margin-top: 0.25rem;
   background-color: #0d1117;
   border-radius: 8px;
@@ -11769,10 +11771,16 @@ function OrderConfirmationModal({
   estExposure,
   orderTotal,
   availableBalance,
-  onConfirm
+  onConfirm,
+  isPlacing = false,
+  placingLabel = "Placing order\u2026"
 }) {
   if (!open) return null;
-  return /* @__PURE__ */ jsxRuntime.jsx(Overlay3, { onClick: onClose, children: /* @__PURE__ */ jsxRuntime.jsxs(Modal, { onClick: (e) => e.stopPropagation(), children: [
+  const handleOverlayClose = () => {
+    if (isPlacing) return;
+    onClose();
+  };
+  return /* @__PURE__ */ jsxRuntime.jsx(Overlay3, { onClick: handleOverlayClose, children: /* @__PURE__ */ jsxRuntime.jsxs(Modal, { onClick: (e) => e.stopPropagation(), children: [
     /* @__PURE__ */ jsxRuntime.jsx(ModalHeader, { children: /* @__PURE__ */ jsxRuntime.jsxs("h3", { children: [
       "Confirm Order",
       /* @__PURE__ */ jsxRuntime.jsx(Badge2, { children: "Subscribe" })
@@ -11827,8 +11835,29 @@ function OrderConfirmationModal({
       "."
     ] }),
     /* @__PURE__ */ jsxRuntime.jsxs(ButtonRow2, { children: [
-      /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", onClick: onClose, className: "secondary", children: "Cancel" }),
-      !hasInsufficientFunds && /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", onClick: onConfirm, className: "primary", children: "Place Order" })
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "button",
+        {
+          type: "button",
+          onClick: onClose,
+          className: "secondary",
+          disabled: isPlacing,
+          children: "Cancel"
+        }
+      ),
+      !hasInsufficientFunds && /* @__PURE__ */ jsxRuntime.jsx(
+        "button",
+        {
+          type: "button",
+          onClick: onConfirm,
+          className: "primary",
+          disabled: isPlacing,
+          children: isPlacing ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+            /* @__PURE__ */ jsxRuntime.jsx(Spinner, { "aria-hidden": true }),
+            /* @__PURE__ */ jsxRuntime.jsx("span", { children: placingLabel })
+          ] }) : "Place Order"
+        }
+      )
     ] })
   ] }) });
 }
@@ -11939,6 +11968,20 @@ var Summary = styled24__default.default.div`
   font-size: 0.9rem;
   line-height: 1.5;
 `;
+var spin = styled24.keyframes`
+  to { transform: rotate(360deg); }
+`;
+var Spinner = styled24__default.default.span`
+  display: inline-block;
+  width: 14px;
+  height: 14px;
+  border-radius: 50%;
+  border: 2px solid rgba(255, 255, 255, 0.35);
+  border-top-color: #fff;
+  animation: ${spin} 0.7s linear infinite;
+  margin-right: 0.5rem;
+  vertical-align: -2px;
+`;
 var ButtonRow2 = styled24__default.default.div`
   display: flex;
   gap: 1rem;
@@ -11949,6 +11992,13 @@ var ButtonRow2 = styled24__default.default.div`
     font-weight: 600;
     font-size: 0.95rem;
     cursor: pointer;
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+  }
+  button:disabled {
+    cursor: not-allowed;
+    opacity: 0.75;
   }
   .secondary {
     background: rgba(255,255,255,0.1);
@@ -12292,7 +12342,9 @@ function PropertyBuy({
         estExposure,
         orderTotal,
         availableBalance,
-        onConfirm: confirmOrder
+        onConfirm: confirmOrder,
+        isPlacing: isPurchaseInFlight,
+        placingLabel: purchaseStatus === "checking-allowance" ? "Checking allowance\u2026" : purchaseStatus === "approving" ? "Approving USDL\u2026" : purchaseStatus === "purchasing" ? "Confirming purchase\u2026" : purchaseStatus === "pending-allocation" ? "Awaiting allocation\u2026" : "Placing order\u2026"
       }
     )
   ] });