@loafmarkets/ui 0.1.348 → 0.1.350

package/dist/index.d.mts

@@ -586,6 +586,8 @@ type LoginPopupProps = {
     onSubmitReferralCode?: (code: string) => Promise<void> | void;
     /** Handler invoked when the user selects "Sign in with Wallet". */
     onWalletLogin?: () => Promise<void> | void;
+    /** Handler invoked when the user selects "Sign in with Passkey". When omitted, the button is hidden. */
+    onPasskeyLogin?: () => Promise<void> | void;
     /** Current KYC status — used to show "Resume Verification" when previously started. */
     kycStatus?: 'NOT_STARTED' | 'PENDING' | 'ON_HOLD' | 'VERIFIED' | 'REJECTED';
 };

package/dist/index.d.ts

@@ -586,6 +586,8 @@ type LoginPopupProps = {
     onSubmitReferralCode?: (code: string) => Promise<void> | void;
     /** Handler invoked when the user selects "Sign in with Wallet". */
     onWalletLogin?: () => Promise<void> | void;
+    /** Handler invoked when the user selects "Sign in with Passkey". When omitted, the button is hidden. */
+    onPasskeyLogin?: () => Promise<void> | void;
     /** Current KYC status — used to show "Resume Verification" when previously started. */
     kycStatus?: 'NOT_STARTED' | 'PENDING' | 'ON_HOLD' | 'VERIFIED' | 'REJECTED';
 };

package/dist/index.js

@@ -6445,6 +6445,7 @@ var LoginPopup = ({
   onClose,
   onOpenEarlyAccess,
   onWalletLogin,
+  onPasskeyLogin,
   isAuthenticated,
   currentUser,
   onSendEmailCode,
@@ -6555,6 +6556,20 @@ var LoginPopup = ({
       onOpenEarlyAccess();
     }
   };
+  const handlePasskeyLogin = async () => {
+    if (!onPasskeyLogin) return;
+    setError("");
+    setLoading(true);
+    try {
+      await onPasskeyLogin();
+      onClose();
+    } catch (err) {
+      const message = err instanceof Error ? err.message : "Passkey sign-in failed";
+      setError(message);
+    } finally {
+      setLoading(false);
+    }
+  };
   const handleEmailClick = (signUp = false) => {
     setIsSignUp(signUp);
     setView("email");
@@ -6812,6 +6827,10 @@ var LoginPopup = ({
         /* @__PURE__ */ jsxRuntime.jsxs(LoginButton, { onClick: handleWalletLogin, children: [
           /* @__PURE__ */ jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M21 18v1c0 1.1-.9 2-2 2H5c-1.11 0-2-.9-2-2V5c0-1.1.89-2 2-2h14c1.1 0 2 .9 2 2v1h-9c-1.11 0-2 .9-2 2v8c0 1.1.89 2 2 2h9zm-9-2h10V8H12v8zm4-2.5c-.83 0-1.5-.67-1.5-1.5s.67-1.5 1.5-1.5 1.5.67 1.5 1.5-.67 1.5-1.5 1.5z" }) }),
           "Sign in with Wallet"
+        ] }),
+        onPasskeyLogin && /* @__PURE__ */ jsxRuntime.jsxs(LoginButton, { onClick: handlePasskeyLogin, disabled: loading, children: [
+          /* @__PURE__ */ jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M12 2C9.79 2 8 3.79 8 6v4H6c-1.1 0-2 .9-2 2v8c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2v-8c0-1.1-.9-2-2-2h-2V6c0-2.21-1.79-4-4-4zm-2 4c0-1.1.9-2 2-2s2 .9 2 2v4h-4V6zm2 9a2 2 0 100 4 2 2 0 000-4z" }) }),
+          "Sign in with Passkey"
         ] })
       ] }),
       /* @__PURE__ */ jsxRuntime.jsx("div", { style: { textAlign: "center", marginTop: "0.5rem", marginBottom: "1rem" }, children: /* @__PURE__ */ jsxRuntime.jsx(
@@ -13807,7 +13826,9 @@ function PortfolioActivityPanel({
     }
   };
   const mergedOrderHistory = React5.useMemo(() => {
-    if (showSubscriptionsTab || offeringOrders.length === 0) return orderHistory;
+    if (showSubscriptionsTab || offeringOrders.length === 0) {
+      return [...orderHistory].sort((a, b) => b.createdAt - a.createdAt);
+    }
     const mapped = offeringOrders.map((o, i) => ({
       id: o.ipoOrderId ?? -(i + 1),
       propertyId: 0,
@@ -13828,6 +13849,22 @@ function PortfolioActivityPanel({
     }));
     return [...orderHistory, ...mapped].sort((a, b) => b.createdAt - a.createdAt);
   }, [showSubscriptionsTab, offeringOrders, orderHistory]);
+  const sortedOpenOrders = React5.useMemo(
+    () => [...openOrders].sort((a, b) => b.createdAt - a.createdAt),
+    [openOrders]
+  );
+  const sortedOfferingOrders = React5.useMemo(
+    () => [...offeringOrders].sort((a, b) => b.createdAt - a.createdAt),
+    [offeringOrders]
+  );
+  const sortedTradeHistory = React5.useMemo(
+    () => [...tradeHistory].sort((a, b) => b.executedAt - a.executedAt),
+    [tradeHistory]
+  );
+  const sortedTransfers = React5.useMemo(
+    () => [...transfers].sort((a, b) => b.createdAt - a.createdAt),
+    [transfers]
+  );
   const positionsCount = positions.length;
   const openOrdersCount = React5.useMemo(
     () => openOrders.filter((o) => o.status === "OPEN" || o.status === "PARTIALLY_FILLED").length,
@@ -13852,25 +13889,25 @@ function PortfolioActivityPanel({
   const activeDataLength = (() => {
     switch (activeTab) {
       case "subscriptions":
-        return offeringOrders.length;
+        return sortedOfferingOrders.length;
       case "open-orders":
-        return openOrders.length;
+        return sortedOpenOrders.length;
       case "orders":
         return mergedOrderHistory.length;
       case "trades":
-        return tradeHistory.length;
+        return sortedTradeHistory.length;
       case "transfers":
-        return transfers.length;
+        return sortedTransfers.length;
       default:
         return 0;
     }
   })();
   const totalPages = Math.ceil(activeDataLength / pageSize);
-  const pagedOfferingOrders = offeringOrders.slice(currentPage * pageSize, (currentPage + 1) * pageSize);
-  const pagedOpenOrders = openOrders.slice(currentPage * pageSize, (currentPage + 1) * pageSize);
+  const pagedOfferingOrders = sortedOfferingOrders.slice(currentPage * pageSize, (currentPage + 1) * pageSize);
+  const pagedOpenOrders = sortedOpenOrders.slice(currentPage * pageSize, (currentPage + 1) * pageSize);
   const pagedOrderHistory = mergedOrderHistory.slice(currentPage * pageSize, (currentPage + 1) * pageSize);
-  const pagedTradeHistory = tradeHistory.slice(currentPage * pageSize, (currentPage + 1) * pageSize);
-  const pagedTransfers = transfers.slice(currentPage * pageSize, (currentPage + 1) * pageSize);
+  const pagedTradeHistory = sortedTradeHistory.slice(currentPage * pageSize, (currentPage + 1) * pageSize);
+  const pagedTransfers = sortedTransfers.slice(currentPage * pageSize, (currentPage + 1) * pageSize);
   return /* @__PURE__ */ jsxRuntime.jsxs(Container2, { className, style, children: [
     /* @__PURE__ */ jsxRuntime.jsx(PanelTitle, { children: "Activity" }),
     /* @__PURE__ */ jsxRuntime.jsxs(TabContainer, { children: [