@microcosmmoney/portal-react 1.5.0 → 2.0.0

package/dist/components/dashboard/dashboard-overview.js

@@ -4,6 +4,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.MicrocosmDashboardOverview = MicrocosmDashboardOverview;
 const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
 const market_overview_bar_1 = require("./market-overview-bar");
 const quick_actions_1 = require("./quick-actions");
 const assets_summary_1 = require("./assets-summary");
@@ -11,6 +12,14 @@ const price_chart_1 = require("./price-chart");
 const minting_stats_1 = require("./minting-stats");
 const mining_weight_1 = require("./mining-weight");
 const lock_periods_1 = require("./lock-periods");
+class SafeRender extends react_1.Component {
+    constructor() {
+        super(...arguments);
+        this.state = { hasError: false };
+    }
+    static getDerivedStateFromError() { return { hasError: true }; }
+    render() { return this.state.hasError ? null : this.props.children; }
+}
 function MicrocosmDashboardOverview({ basePath = '', onNavigate, showHeader = true, headerText = 'SHARED NETWORK · SHARED FUTURE', }) {
-    return ((0, jsx_runtime_1.jsxs)("div", { className: "max-w-7xl mx-auto font-mono p-6 space-y-6", children: [showHeader && ((0, jsx_runtime_1.jsx)("div", { className: "text-center", children: (0, jsx_runtime_1.jsx)("h1", { className: "text-2xl sm:text-3xl md:text-4xl lg:text-5xl font-bold tracking-tight text-transparent bg-clip-text bg-gradient-to-r from-cyan-400 to-cyan-200", children: headerText }) })), (0, jsx_runtime_1.jsx)(market_overview_bar_1.MicrocosmMarketBar, {}), (0, jsx_runtime_1.jsx)(quick_actions_1.MicrocosmQuickActions, { basePath: basePath, onNavigate: onNavigate }), (0, jsx_runtime_1.jsxs)("div", { className: "grid lg:grid-cols-2 gap-6", children: [(0, jsx_runtime_1.jsx)(assets_summary_1.MicrocosmAssetsSummary, { basePath: basePath, onNavigate: onNavigate }), (0, jsx_runtime_1.jsx)(price_chart_1.MicrocosmPriceChart, {})] }), (0, jsx_runtime_1.jsxs)("div", { className: "grid lg:grid-cols-2 gap-6", children: [(0, jsx_runtime_1.jsx)(minting_stats_1.MicrocosmMintingStats, {}), (0, jsx_runtime_1.jsx)(mining_weight_1.MicrocosmMiningWeight, {})] }), (0, jsx_runtime_1.jsx)(lock_periods_1.MicrocosmLockPeriods, {})] }));
+    return ((0, jsx_runtime_1.jsxs)("div", { className: "max-w-7xl mx-auto font-mono p-6 space-y-6", children: [showHeader && ((0, jsx_runtime_1.jsx)("div", { className: "text-center", children: (0, jsx_runtime_1.jsx)("h1", { className: "text-2xl sm:text-3xl md:text-4xl lg:text-5xl font-bold tracking-tight text-transparent bg-clip-text bg-gradient-to-r from-cyan-400 to-cyan-200", children: headerText }) })), (0, jsx_runtime_1.jsx)(SafeRender, { children: (0, jsx_runtime_1.jsx)(market_overview_bar_1.MicrocosmMarketBar, {}) }), (0, jsx_runtime_1.jsx)(SafeRender, { children: (0, jsx_runtime_1.jsx)(quick_actions_1.MicrocosmQuickActions, { basePath: basePath, onNavigate: onNavigate }) }), (0, jsx_runtime_1.jsxs)("div", { className: "grid lg:grid-cols-2 gap-6", children: [(0, jsx_runtime_1.jsx)(SafeRender, { children: (0, jsx_runtime_1.jsx)(assets_summary_1.MicrocosmAssetsSummary, { basePath: basePath, onNavigate: onNavigate }) }), (0, jsx_runtime_1.jsx)(SafeRender, { children: (0, jsx_runtime_1.jsx)(price_chart_1.MicrocosmPriceChart, {}) })] }), (0, jsx_runtime_1.jsxs)("div", { className: "grid lg:grid-cols-2 gap-6", children: [(0, jsx_runtime_1.jsx)(SafeRender, { children: (0, jsx_runtime_1.jsx)(minting_stats_1.MicrocosmMintingStats, {}) }), (0, jsx_runtime_1.jsx)(SafeRender, { children: (0, jsx_runtime_1.jsx)(mining_weight_1.MicrocosmMiningWeight, {}) })] }), (0, jsx_runtime_1.jsx)(SafeRender, { children: (0, jsx_runtime_1.jsx)(lock_periods_1.MicrocosmLockPeriods, {}) })] }));
 }

package/dist/components/dashboard/lock-periods.js

@@ -20,7 +20,9 @@ function daysRemaining(endTime) {
 }
 function MicrocosmLockPeriods() {
     const { data } = (0, auth_react_1.useMCCLocks)();
-    const activeLocks = data?.filter((p) => p.status === 'locked') ?? [];
+    const raw = data;
+    const locks = Array.isArray(raw) ? raw : raw?.locks ?? [];
+    const activeLocks = locks.filter((p) => p.status === 'locked');
     if (activeLocks.length === 0)
         return null;
     return ((0, jsx_runtime_1.jsx)("div", { className: "bg-neutral-900 border border-neutral-700 rounded-lg hover:border-cyan-400/50 transition-colors", children: (0, jsx_runtime_1.jsx)("div", { className: "p-6", children: (0, jsx_runtime_1.jsx)("div", { className: "space-y-3", children: activeLocks.map((lock) => ((0, jsx_runtime_1.jsxs)("div", { className: "bg-neutral-800 rounded p-4", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex justify-between items-start mb-2", children: [(0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("div", { className: "text-neutral-400 text-xs font-mono tracking-wider", children: lock.reason }), (0, jsx_runtime_1.jsxs)("div", { className: "text-xl font-bold font-mono text-cyan-400 mt-1", children: [(lock.amount ?? 0).toLocaleString(), " MCC"] })] }), (0, jsx_runtime_1.jsx)("span", { className: "px-2 py-0.5 bg-cyan-400/20 text-cyan-400 text-xs font-mono rounded", children: "LOCKED" })] }), (0, jsx_runtime_1.jsxs)("div", { className: "text-xs text-neutral-500 space-y-1 font-mono", children: [(0, jsx_runtime_1.jsxs)("div", { children: ["unlock_at: ", formatDateTime(lock.lock_end)] }), (0, jsx_runtime_1.jsxs)("div", { children: ["remaining: ", (0, jsx_runtime_1.jsx)("span", { className: "text-cyan-400", children: daysRemaining(lock.lock_end) })] })] })] }, lock.lock_id))) }) }) }));

package/dist/components/dashboard/price-chart.js

@@ -15,10 +15,12 @@ const timeRanges = [
 function MicrocosmPriceChart() {
     const [range, setRange] = (0, react_1.useState)('7D');
     const { data, loading } = (0, auth_react_1.usePriceHistory)(range);
-    const chartData = data?.map((item) => ({
-        time: item.timestamp * 1000,
-        price: item.close,
-    })) || [];
+    const raw = data;
+    const items = Array.isArray(raw) ? raw : raw?.records ?? [];
+    const chartData = items.map((item) => ({
+        time: typeof item.timestamp === 'number' ? item.timestamp * 1000 : new Date(item.timestamp).getTime(),
+        price: item.price ?? item.close ?? 0,
+    }));
     const prices = chartData.map((d) => d.price);
     const minPrice = prices.length > 0 ? Math.min(...prices) * 0.995 : 0;
     const maxPrice = prices.length > 0 ? Math.max(...prices) * 1.005 : 1;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@microcosmmoney/portal-react",
-  "version": "1.5.0",
+  "version": "2.0.0",
   "description": "Microcosm Portal UI components for React/Next.js",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -17,8 +17,8 @@
     "recharts": ">=2.0.0"
   },
   "dependencies": {
-    "@microcosmmoney/auth-core": "^1.5.0",
-    "@microcosmmoney/auth-react": "^1.5.0",
+    "@microcosmmoney/auth-core": "^2.0.0",
+    "@microcosmmoney/auth-react": "^2.0.0",
     "lucide-react": ">=0.300.0"
   },
   "devDependencies": {