@loafmarkets/ui 0.1.27 → 0.1.29

package/dist/index.mjs

@@ -3388,10 +3388,6 @@ var YourOrders = React5.forwardRef(
     }
     const gridTemplateColumns = columnTemplateParts.join(" ");
     const displayTitle = title ?? activeTab?.title ?? activeTab?.label ?? "Portfolio Holdings";
-    console.log("[YourOrders] tabs:", tabs?.map((t) => ({ id: t.id, ordersCount: t.orders?.length })));
-    console.log("[YourOrders] activeTabId prop:", activeTabId);
-    console.log("[YourOrders] effectiveActiveTabId:", effectiveActiveTabId);
-    console.log("[YourOrders] activeTab:", activeTab?.id, "orders count:", activeOrders?.length);
     const hasOrders = Array.isArray(activeOrders) && activeOrders.length > 0;
     const emptyMessage = activeTab?.emptyState ?? "No holdings yet. Start trading to build your portfolio.";
     const renderOrders = () => {
@@ -4455,23 +4451,12 @@ var Header = ({
   const [isMoreMenuOpen, setIsMoreMenuOpen] = useState(false);
   const [showLoginPopup, setShowLoginPopup] = useState(false);
   const [loginPopupInitialView, setLoginPopupInitialView] = useState(void 0);
-  useEffect(() => {
-    console.log("[LoginTrace][Header] mounted");
-    return () => console.log("[LoginTrace][Header] unmounted");
-  }, []);
-  useEffect(() => {
-    console.log("[LoginTrace][Header] showLoginPopup changed", { showLoginPopup, loginPopupInitialView });
-  }, [showLoginPopup, loginPopupInitialView]);
-  useEffect(() => {
-    console.log("[LoginTrace][Header] loginPopupComponent updated", { hasComponent: Boolean(LoginPopupComponent) });
-  }, [LoginPopupComponent]);
   useEffect(() => {
     const handleClickOutside = (event) => {
       const target = event.target;
       if (!target) return;
       const clickedInsideUserMenu = target.closest(".user-menu") || target.closest(".user-menu-dropdown");
       if (isUserMenuOpen && !clickedInsideUserMenu) {
-        console.log("[LoginTrace][Header] Closing user menu due to outside click");
         setIsUserMenuOpen(false);
       }
       if (isMobileMenuOpen && !target.closest(".mobile-menu") && !target.closest(".mobile-menu-button")) {
@@ -4491,7 +4476,6 @@ var Header = ({
     const handleExternalLoginPopup = (event) => {
       const customEvent = event;
       setLoginPopupInitialView(customEvent.detail?.initialView);
-      console.log("[LoginTrace][Header] Received LOGIN_POPUP_EVENT", customEvent.detail);
       setShowLoginPopup(true);
     };
     window.addEventListener(LOGIN_POPUP_EVENT, handleExternalLoginPopup);
@@ -4506,7 +4490,6 @@ var Header = ({
   };
   const handleUserMenuToggle = () => {
     const nextState = !isUserMenuOpen;
-    console.log("[LoginTrace][Header] User dropdown toggle clicked", { nextState });
     setIsUserMenuOpen(nextState);
   };
   const performNavigation = (path) => {
@@ -4551,13 +4534,11 @@ var Header = ({
   const handleLogoutClick = async (event) => {
     event?.preventDefault();
     closeMenus();
-    console.log("[LoginTrace][Header] Logout option selected, invoking onLogout handler");
     await onLogout?.();
   };
   const handleAddFundingClick = (event) => {
     event?.preventDefault();
     closeMenus();
-    console.log("[LoginTrace][Header] Add funding selected");
     if (LoginPopupComponent) {
       setLoginPopupInitialView("funding");
       setShowLoginPopup(true);
@@ -4566,7 +4547,6 @@ var Header = ({
   const handlePortfolioNavigate = (event) => {
     event?.preventDefault();
     closeMenus();
-    console.log("[LoginTrace][Header] Portfolio selected");
     if (_onOrdersNavigate) {
       _onOrdersNavigate();
       return;
@@ -4610,7 +4590,6 @@ var Header = ({
     return false;
   };
   const handleSignIn = () => {
-    console.log("[LoginTrace][Header] handleSignIn invoked", { hasCustomHandler: Boolean(onSignInClick) });
     if (onSignInClick) {
       onSignInClick();
       return;
@@ -4619,12 +4598,10 @@ var Header = ({
       return;
     }
     if (LoginPopupComponent) {
-      console.log("[LoginTrace][Header] Opening login popup via handleSignIn");
       setShowLoginPopup(true);
     }
   };
   const handleLoginPopupClose = React5__default.useCallback(() => {
-    console.log("[LoginTrace][Header] Closing login popup via onClose handler");
     setShowLoginPopup(false);
     setLoginPopupInitialView(void 0);
   }, []);
@@ -4854,7 +4831,6 @@ var Header = ({
               {
                 type: "button",
                 onClick: (event) => {
-                  console.log("[LoginTrace][Header] Add funding menu item clicked");
                   handleAddFundingClick(event);
                 },
                 children: /* @__PURE__ */ jsx(MenuItem, { children: "Add funding" })
@@ -4865,7 +4841,6 @@ var Header = ({
               {
                 type: "button",
                 onClick: (event) => {
-                  console.log("[LoginTrace][Header] Logout menu item clicked");
                   void handleLogoutClick(event);
                 },
                 children: /* @__PURE__ */ jsx(MenuItem, { className: "logout", children: "Logout" })
@@ -5457,19 +5432,8 @@ var LoginPopup = ({
   const [fundingError, setFundingError] = useState("");
   const [transakWidgetUrl, setTransakWidgetUrl] = useState(null);
   const suppressAutoCloseRef = React5__default.useRef(false);
-  useEffect(() => {
-    console.log("[LoginTrace][Popup] mounted");
-    return () => console.log("[LoginTrace][Popup] unmounted");
-  }, []);
-  useEffect(() => {
-    console.log("[LoginTrace][Popup] view updated", { view });
-  }, [view]);
-  useEffect(() => {
-    console.log("[LoginTrace][Popup] auth props updated", { isAuthenticated, hasUser: Boolean(currentUser) });
-  }, [isAuthenticated, currentUser]);
   useEffect(() => {
     if (typeof initialView === "string") {
-      console.log("[LoginTrace][Popup] initialView prop changed", { initialView });
       setView(initialView);
     }
   }, [initialView]);
@@ -5479,20 +5443,16 @@ var LoginPopup = ({
       if (!event.origin.includes("transak.com") && !event.origin.includes("global.transak.com")) {
         return;
       }
-      console.log("[LoginTrace][Popup] Transak message received", event.data);
       try {
         const data = typeof event.data === "string" ? JSON.parse(event.data) : event.data;
         if (data.event_id === "TRANSAK_ORDER_SUCCESSFUL") {
-          console.log("[LoginTrace][Popup] Transak order successful", data);
           setTimeout(() => {
             onClose();
           }, 2e3);
         } else if (data.event_id === "TRANSAK_ORDER_FAILED") {
-          console.error("[LoginTrace][Popup] Transak order failed", data);
           setFundingError("Transaction failed. Please try again.");
           setTransakWidgetUrl(null);
         } else if (data.event_id === "TRANSAK_WIDGET_CLOSE") {
-          console.log("[LoginTrace][Popup] Transak widget closed by user");
           setTransakWidgetUrl(null);
         }
       } catch (err) {
@@ -5504,56 +5464,40 @@ var LoginPopup = ({
   }, [transakWidgetUrl, onClose]);
   useEffect(() => {
     if (!autoCloseOnAuth) {
-      console.log("[LoginTrace][Popup] autoClose disabled", { autoCloseOnAuth, view });
       return;
     }
     if (suppressAutoCloseRef.current) {
-      console.log("[LoginTrace][Popup] autoClose suppressed", { view });
       return;
     }
     if (view === "kyc" || view === "kyc-success" || view === "kyc-failed" || view === "funding") {
-      console.log("[LoginTrace][Popup] autoClose skipped due to onboarding view", { view });
       return;
     }
-    console.log("[LoginTrace][Popup] autoClose effect evaluating", {
-      autoCloseOnAuth,
-      isAuthenticated,
-      hasUser: Boolean(currentUser),
-      view
-    });
     if (isAuthenticated || currentUser) {
-      console.log("[LoginTrace][Popup] autoClose triggered", { isAuthenticated, hasUser: Boolean(currentUser), view });
       onClose();
     }
   }, [autoCloseOnAuth, currentUser, isAuthenticated, onClose, view]);
   const handleWalletLogin = async () => {
-    console.log("[LoginTrace][Popup] Wallet login clicked, onWalletLogin:", !!onWalletLogin);
     if (onWalletLogin) {
       try {
-        console.log("[LoginTrace][Popup] Calling onWalletLogin...");
         await onWalletLogin();
-        console.log("[LoginTrace][Popup] onWalletLogin completed, closing popup");
         onClose();
         return;
       } catch (err) {
         console.error("[LoginTrace][Popup] Wallet login failed", err);
       }
     }
-    console.log("[LoginTrace][Popup] No onWalletLogin handler, closing popup");
     onClose();
     if (onOpenEarlyAccess) {
       onOpenEarlyAccess();
     }
   };
   const handleEmailClick = (signUp = false) => {
-    console.log("[LoginTrace][Popup] handleEmailClick", { signUp });
     setIsSignUp(signUp);
     setView("email");
     setError("");
   };
   const handleSendCode = async (event) => {
     event?.preventDefault();
-    console.log("[LoginTrace][Popup] handleSendCode invoked", { email, isSignUp, handle, eventType: event?.type });
     if (!email || !email.includes("@")) {
       setError("Please enter a valid email address");
       return;
@@ -5570,10 +5514,8 @@ var LoginPopup = ({
     setError("");
     const normalizedHandle = isSignUp ? handle.trim() : void 0;
     try {
-      console.log("[LoginTrace][Popup] Attempting demo login fallback", { hasDemoHandler: Boolean(onDemoLogin) });
       const demoResult = await onDemoLogin?.(email, normalizedHandle ?? null);
       if (demoResult && demoResult.success) {
-        console.log("[LoginTrace][Popup] Demo login succeeded, skipping OTP flow");
         setLoading(false);
         return;
       }
@@ -5586,23 +5528,19 @@ var LoginPopup = ({
       return;
     }
     try {
-      console.log("[LoginTrace][Popup] Calling onSendEmailCode", { email, isSignUp, normalizedHandle });
       await onSendEmailCode({ email, isSignUp, handle: normalizedHandle ?? null });
-      console.log("[LoginTrace][Popup] onSendEmailCode resolved, switching to OTP view");
       setView("otp");
       setOtp(Array(OTP_INPUT_LENGTH).fill(""));
     } catch (err) {
       const message = err instanceof Error ? err.message : "Failed to send verification code";
       console.error("[LoginTrace][Popup] onSendEmailCode threw", err);
       if (!isSignUp && message.includes("No account found")) {
-        console.log("[LoginTrace][Popup] No account found during sign-in, switching to sign-up view");
         setIsSignUp(true);
         setError("");
         setLoading(false);
         return;
       }
       if (isSignUp && message.includes("Account already exists")) {
-        console.log("[LoginTrace][Popup] Account exists during sign-up, auto-switching to sign-in and sending OTP");
         setIsSignUp(false);
         try {
           await onSendEmailCode({ email, isSignUp: false, handle: null });
@@ -5671,7 +5609,6 @@ var LoginPopup = ({
   const handleVerifyCode = async (event) => {
     event.preventDefault();
     const code = otp.join("");
-    console.log("[LoginTrace][Popup] handleVerifyCode", { codeLength: code.length, isSignUp });
     if (code.length !== OTP_INPUT_LENGTH) {
       setError("Please enter the 6-digit code");
       return;
@@ -5686,10 +5623,8 @@ var LoginPopup = ({
       suppressAutoCloseRef.current = true;
     }
     try {
-      console.log("[LoginTrace][Popup] Calling onVerifyEmailCode");
       await onVerifyEmailCode({ code, email });
       if (isSignUp) {
-        console.log("[LoginTrace][Popup] Signup OTP verified, moving to funding view");
         setView("funding");
         setLoading(false);
         return;
@@ -8434,12 +8369,6 @@ var STATUS_COLOR2 = {
   CLOSED: "#848e9c",
   CANCELLED: "#f6465d"
 };
-var recentOrderPurchases = [
-  { name: "investor_au", amount: 12500 },
-  { name: "sydney_prop", amount: 25e3 },
-  { name: "heritage_inv", amount: 5e4 },
-  { name: "mosman_buyer", amount: 7500 }
-];
 function AssetSelectorBar({ propertyName, tokenPrice, offeringValuation }) {
   const [isDropdownOpen, setIsDropdownOpen] = useState(false);
   return /* @__PURE__ */ jsx(AssetSelectorWrapper, { children: /* @__PURE__ */ jsxs(IPOAssetSelector, { children: [
@@ -8709,7 +8638,7 @@ function OfferingProgressCard({
             /* @__PURE__ */ jsx(CountdownUnitLabel, { children: "S" })
           ] })
         ] })
-      ] }) : /* @__PURE__ */ jsx(PreLiveStatus, { $statusColor: statusColor, children: ipoStatus === "CLOSED" ? "Sale Completed" : ipoStatus === "CANCELLED" ? "Sale Cancelled" : "Sale Not Yet Open" }),
+      ] }) : /* @__PURE__ */ jsx(PreLiveStatus, { $statusColor: statusColor, children: "Sale Not Yet Open" }),
       /* @__PURE__ */ jsxs("div", { style: { textAlign: "right" }, children: [
         /* @__PURE__ */ jsx(MetricLabel2, { children: "Offering Valuation" }),
         /* @__PURE__ */ jsxs(MetricValue2, { children: [
@@ -8921,7 +8850,16 @@ var ProgressBar = styled23.div`
     transition: width 0.5s ease;
   }
 `;
-function VideoActivitySection({ ipoStarted }) {
+function VideoActivitySection({
+  ipoStarted,
+  recentOrders = [],
+  ordersAllocated = 0,
+  tokenPrice = 0
+}) {
+  const sortedOrders = useMemo(
+    () => [...recentOrders].sort((a, b) => b.timestamp - a.timestamp),
+    [recentOrders]
+  );
   return /* @__PURE__ */ jsxs(Section4, { children: [
     /* @__PURE__ */ jsxs(VideoPanel, { children: [
       /* @__PURE__ */ jsx("div", { className: "section-header", children: /* @__PURE__ */ jsx("h3", { children: "Musgrave" }) }),
@@ -8936,15 +8874,15 @@ function VideoActivitySection({ ipoStarted }) {
           /* @__PURE__ */ jsx(LiveIndicatorDot, { $active: ipoStarted }),
           "Recent Order Activity"
         ] }),
-        /* @__PURE__ */ jsx("span", { children: ipoStarted ? "Active orders: 1,247" : "Waiting for Offer to Open" })
+        /* @__PURE__ */ jsx("span", { children: ipoStarted ? `Active orders: ${ordersAllocated.toLocaleString()}` : "Waiting for Offer to Open" })
       ] }),
-      /* @__PURE__ */ jsx("div", { className: "activity-content", children: ipoStarted ? /* @__PURE__ */ jsx("div", { className: "activity-list", children: recentOrderPurchases.map((purchase, i) => /* @__PURE__ */ jsxs("div", { className: "purchase-row", children: [
-        /* @__PURE__ */ jsx("span", { children: purchase.name }),
+      /* @__PURE__ */ jsx("div", { className: "activity-content", children: ipoStarted ? /* @__PURE__ */ jsx("div", { className: "activity-list", children: sortedOrders.map((order) => /* @__PURE__ */ jsxs("div", { className: "purchase-row", children: [
+        /* @__PURE__ */ jsx("span", { children: order.buyerHandle || `${order.buyerAddress.slice(0, 6)}...${order.buyerAddress.slice(-4)}` }),
         /* @__PURE__ */ jsxs("strong", { children: [
           "$",
-          purchase.amount.toLocaleString()
+          (tokenPrice * order.quantity).toLocaleString(void 0, { maximumFractionDigits: 0 })
         ] })
-      ] }, i)) }) : /* @__PURE__ */ jsxs("div", { className: "activity-empty", children: [
+      ] }, order.txHash)) }) : /* @__PURE__ */ jsxs("div", { className: "activity-empty", children: [
         /* @__PURE__ */ jsx("div", { className: "spinner" }),
         /* @__PURE__ */ jsx("p", { children: "Activity will appear once the Offering opens" })
       ] }) })
@@ -10545,7 +10483,9 @@ function PropertyBuy({
   onDeposit,
   initialUserSubscriptions = [],
   opensAt,
-  isPrivateClient = false
+  isPrivateClient = false,
+  recentOrders = [],
+  ordersAllocated = 0
 }) {
   const [sliderValue, setSliderValue] = useState(0);
   const [availableBalance, setAvailableBalance] = useState(walletUsdcBalance ?? 125e3);
@@ -10719,7 +10659,15 @@ function PropertyBuy({
           opensAt
         }
       ),
-      /* @__PURE__ */ jsx(VideoActivitySection, { ipoStarted }),
+      /* @__PURE__ */ jsx(
+        VideoActivitySection,
+        {
+          ipoStarted,
+          recentOrders,
+          ordersAllocated,
+          tokenPrice
+        }
+      ),
       /* @__PURE__ */ jsxs("div", { style: { display: "flex", flexDirection: "column" }, children: [
         /* @__PURE__ */ jsx(
           OrderPanel,