@microcosmmoney/portal-react 3.13.2 → 3.13.4

package/dist/index.d.ts

@@ -120,3 +120,9 @@ export { default as MainPortalMCCTokenStatsCard } from './main-portal/components
 export { default as MainPortalMCDStatsCard } from './main-portal/components/dashboard/MCDStatsCard';
 export { default as MainPortalLockPeriodsCard } from './main-portal/components/dashboard/LockPeriodsCard';
 export { WaveText } from './main-portal/components/mainnet/wave-text';
+export { WalletProvider, useWallet } from './main-portal/contexts/WalletContext';
+export { MCCPriceProvider, useMCCPrice } from './main-portal/contexts/MCCPriceContext';
+export { useAuth as useMainPortalAuth } from './main-portal/hooks/useAuth';
+export { useMCC as useMainPortalMCC } from './main-portal/hooks/useMCC';
+export { useMCD as useMainPortalMCD } from './main-portal/hooks/useMCD';
+export { useUserRank as useMainPortalUserRank } from './main-portal/hooks/useUserRank';

package/dist/index.js

@@ -4,7 +4,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.MicrocosmMiningPage = exports.MicrocosmWalletPage = exports.MicrocosmLendingPage = exports.MicrocosmFragmentPage = exports.MicrocosmLockPeriods = exports.MicrocosmMCDStats = exports.MicrocosmMCCTokenStats = exports.MicrocosmEcosystemStats = exports.MicrocosmMyMining = exports.MicrocosmMiningWeight = exports.MicrocosmMintingStats = exports.MicrocosmPriceChart = exports.MicrocosmAssetsSummary = exports.MicrocosmQuickActions = exports.MicrocosmMarketBar = exports.MicrocosmDashboardOverview = exports.KPIRadialChart = exports.VoteResultBar = exports.MiningProgressBar = exports.TerritoryCard = exports.TerminalTooltip = exports.TerminalInput = exports.TerminalCountdown = exports.TerminalDialog = exports.TerminalTabs = exports.TerminalTable = exports.TerminalProgress = exports.TerminalDataRow = exports.TerminalBadge = exports.TerminalEmpty = exports.TerminalError = exports.TerminalLoading = exports.TerminalPageHeader = exports.TerminalCommand = exports.StatBox = exports.TerminalCard = exports.getMenuDescription = exports.getMenuTitle = exports.resolveMenuPath = exports.getAllMenuItems = exports.microcosmMenuGroups = exports.dashboardMenu = exports.web3OsMenu = exports.blockchainMenu = exports.useT = exports.useTranslations = exports.MicrocosmI18nProvider = exports.useLinkComponent = exports.LinkProvider = exports.MicrocosmMenuSection = void 0;
-exports.WaveText = exports.MainPortalLockPeriodsCard = exports.MainPortalMCDStatsCard = exports.MainPortalMCCTokenStatsCard = exports.MainPortalEcosystemStatsCard = exports.MainPortalMintingStatsCard = exports.MainPortalMiningWeightCard = exports.MainPortalMyMiningCard = exports.MainPortalMCCPriceChart = exports.MainPortalMyAssetsSummary = exports.MainPortalQuickActions = exports.MainPortalMarketOverviewBar = exports.MainPortalUserDashboardPage = exports.MainPortalMessagesPage = exports.MainPortalNotificationsPage = exports.MainPortalRewardsPage = exports.MainPortalQueueStatusPage = exports.MainPortalManagerIncomePage = exports.MainPortalProfilePage = exports.MainPortalStationsPage = exports.MainPortalStationDetailPage = exports.MainPortalStationListPage = exports.MainPortalTerritoryNFTBrowser = exports.MainPortalOrganizationPage = exports.MainPortalReincarnationPage = exports.MainPortalVotingPage = exports.MainPortalLendingPage = exports.MainPortalFragmentPage = exports.MainPortalAuctionsPage = exports.MainPortalMCDPage = exports.MainPortalMCCHistory = exports.MainPortalWalletManagement = exports.MainPortalWalletPage = exports.MainPortalMiningModal = exports.MainPortalMiningPage = exports.MicrocosmTwoFactorSettings = exports.MicrocosmEmailChangeCard = exports.MicrocosmProfilePage = exports.MicrocosmRewardsPage = exports.MicrocosmStationListPage = exports.MicrocosmQueueStatusPage = exports.MicrocosmManagerIncomePage = exports.MicrocosmReincarnationPage = exports.MicrocosmVotingPage = exports.MicrocosmOrganizationPage = exports.MicrocosmTerritoryPage = exports.MicrocosmAuctionPage = exports.MicrocosmMCDPage = void 0;
+exports.useWallet = exports.WalletProvider = exports.WaveText = exports.MainPortalLockPeriodsCard = exports.MainPortalMCDStatsCard = exports.MainPortalMCCTokenStatsCard = exports.MainPortalEcosystemStatsCard = exports.MainPortalMintingStatsCard = exports.MainPortalMiningWeightCard = exports.MainPortalMyMiningCard = exports.MainPortalMCCPriceChart = exports.MainPortalMyAssetsSummary = exports.MainPortalQuickActions = exports.MainPortalMarketOverviewBar = exports.MainPortalUserDashboardPage = exports.MainPortalMessagesPage = exports.MainPortalNotificationsPage = exports.MainPortalRewardsPage = exports.MainPortalQueueStatusPage = exports.MainPortalManagerIncomePage = exports.MainPortalProfilePage = exports.MainPortalStationsPage = exports.MainPortalStationDetailPage = exports.MainPortalStationListPage = exports.MainPortalTerritoryNFTBrowser = exports.MainPortalOrganizationPage = exports.MainPortalReincarnationPage = exports.MainPortalVotingPage = exports.MainPortalLendingPage = exports.MainPortalFragmentPage = exports.MainPortalAuctionsPage = exports.MainPortalMCDPage = exports.MainPortalMCCHistory = exports.MainPortalWalletManagement = exports.MainPortalWalletPage = exports.MainPortalMiningModal = exports.MainPortalMiningPage = exports.MicrocosmTwoFactorSettings = exports.MicrocosmEmailChangeCard = exports.MicrocosmProfilePage = exports.MicrocosmRewardsPage = exports.MicrocosmStationListPage = exports.MicrocosmQueueStatusPage = exports.MicrocosmManagerIncomePage = exports.MicrocosmReincarnationPage = exports.MicrocosmVotingPage = exports.MicrocosmOrganizationPage = exports.MicrocosmTerritoryPage = exports.MicrocosmAuctionPage = exports.MicrocosmMCDPage = void 0;
+exports.useMainPortalUserRank = exports.useMainPortalMCD = exports.useMainPortalMCC = exports.useMainPortalAuth = exports.useMCCPrice = exports.MCCPriceProvider = void 0;
 var menu_section_1 = require("./components/menu-section");
 Object.defineProperty(exports, "MicrocosmMenuSection", { enumerable: true, get: function () { return menu_section_1.MicrocosmMenuSection; } });
 var link_context_1 = require("./link-context");
@@ -182,3 +183,17 @@ var LockPeriodsCard_1 = require("./main-portal/components/dashboard/LockPeriodsC
 Object.defineProperty(exports, "MainPortalLockPeriodsCard", { enumerable: true, get: function () { return __importDefault(LockPeriodsCard_1).default; } });
 var wave_text_1 = require("./main-portal/components/mainnet/wave-text");
 Object.defineProperty(exports, "WaveText", { enumerable: true, get: function () { return wave_text_1.WaveText; } });
+var WalletContext_1 = require("./main-portal/contexts/WalletContext");
+Object.defineProperty(exports, "WalletProvider", { enumerable: true, get: function () { return WalletContext_1.WalletProvider; } });
+Object.defineProperty(exports, "useWallet", { enumerable: true, get: function () { return WalletContext_1.useWallet; } });
+var MCCPriceContext_1 = require("./main-portal/contexts/MCCPriceContext");
+Object.defineProperty(exports, "MCCPriceProvider", { enumerable: true, get: function () { return MCCPriceContext_1.MCCPriceProvider; } });
+Object.defineProperty(exports, "useMCCPrice", { enumerable: true, get: function () { return MCCPriceContext_1.useMCCPrice; } });
+var useAuth_1 = require("./main-portal/hooks/useAuth");
+Object.defineProperty(exports, "useMainPortalAuth", { enumerable: true, get: function () { return useAuth_1.useAuth; } });
+var useMCC_1 = require("./main-portal/hooks/useMCC");
+Object.defineProperty(exports, "useMainPortalMCC", { enumerable: true, get: function () { return useMCC_1.useMCC; } });
+var useMCD_1 = require("./main-portal/hooks/useMCD");
+Object.defineProperty(exports, "useMainPortalMCD", { enumerable: true, get: function () { return useMCD_1.useMCD; } });
+var useUserRank_1 = require("./main-portal/hooks/useUserRank");
+Object.defineProperty(exports, "useMainPortalUserRank", { enumerable: true, get: function () { return useUserRank_1.useUserRank; } });

package/dist/main-portal/components/mining/MiningPage.js

@@ -59,6 +59,9 @@ const time_remaining_1 = require("../ui/time-remaining");
 const next_intl_1 = require("next-intl");
 const MCCPriceContext_1 = require("../../contexts/MCCPriceContext");
 const PriceChart_1 = require("../data/charts/PriceChart");
+const auth_react_1 = require("@microcosmmoney/auth-react");
+const tooltip_1 = require("../ui/tooltip");
+const lucide_react_2 = require("lucide-react");
 const formatNumber = (num, decimals = 2) => {
     const parsedNum = parseFloat(String(num));
     return isNaN(parsedNum) ? "0.00" : parsedNum.toFixed(decimals);
@@ -72,6 +75,8 @@ function MCCMiningPage() {
     const t = (0, next_intl_1.useTranslations)('miningDash');
     const router = (0, navigation_1.useRouter)();
     const ticker = (0, MCCPriceContext_1.useMCCPrice)();
+    const techBonusDetail = (0, auth_react_1.useTechBonusDetail)();
+    const totalBonus = Number(techBonusDetail.data?.total_bonus ?? 0);
     const [userDetails, setUserDetails] = (0, react_1.useState)(null);
     const [showMiningModal, setShowMiningModal] = (0, react_1.useState)(false);
     const [ratioInfo, setRatioInfo] = (0, react_1.useState)(null);
@@ -216,7 +221,7 @@ function MCCMiningPage() {
     if (isLoading) {
         return ((0, jsx_runtime_1.jsxs)("div", { className: "max-w-7xl mx-auto px-3 py-4 space-y-3 xs:px-4 xs:space-y-4 sm:px-6 sm:py-6 sm:space-y-6", children: [(0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("h1", { className: "text-lg sm:text-2xl font-bold text-white tracking-wider", children: t('title') }), (0, jsx_runtime_1.jsx)("p", { className: "text-xs sm:text-sm text-neutral-400 mt-1", children: t('subtitle') })] }), (0, jsx_runtime_1.jsxs)("div", { className: "flex items-center justify-center py-12", children: [(0, jsx_runtime_1.jsx)(lucide_react_1.Loader2, { className: "w-6 h-6 animate-spin text-neutral-400 mr-3" }), (0, jsx_runtime_1.jsx)("span", { className: "text-neutral-400 text-sm", children: t('loadingMintData') })] })] }));
     }
-    return ((0, jsx_runtime_1.jsxs)("div", { className: "max-w-7xl mx-auto px-3 py-4 space-y-3 xs:px-4 xs:space-y-4 sm:px-6 sm:py-6 sm:space-y-6", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-center justify-between gap-2", children: [(0, jsx_runtime_1.jsxs)("div", { className: "min-w-0", children: [(0, jsx_runtime_1.jsx)("h1", { className: "text-lg sm:text-2xl font-bold text-white tracking-wider", children: t('title') }), (0, jsx_runtime_1.jsx)("p", { className: "text-xs sm:text-sm text-neutral-400 mt-1", children: t('subtitle') })] }), (0, jsx_runtime_1.jsxs)(button_1.Button, { variant: "outline", size: "sm", onClick: refreshAll, disabled: ratioLoading, className: "border-neutral-700 text-neutral-400 hover:bg-neutral-800 hover:text-neutral-300 bg-transparent", children: [(0, jsx_runtime_1.jsx)(lucide_react_1.RefreshCw, { className: (0, utils_1.cn)("w-4 h-4 mr-2", ratioLoading && "animate-spin") }), t('refresh')] })] }), !connected && ((0, jsx_runtime_1.jsx)(card_1.Card, { className: "bg-neutral-900 border-neutral-700 hover:border-cyan-400/50 dash-card", children: (0, jsx_runtime_1.jsx)(card_1.CardContent, { className: "p-3 sm:p-6", children: (0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col xs:flex-row items-start xs:items-center justify-between gap-3", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-2 sm:gap-3", children: [(0, jsx_runtime_1.jsx)(lucide_react_1.Link2, { className: "w-5 h-5 text-neutral-400 shrink-0" }), (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("div", { className: "text-xs sm:text-sm font-medium text-white", children: t('connectWalletFirst') }), (0, jsx_runtime_1.jsx)("div", { className: "text-[10px] sm:text-xs text-neutral-500", children: t('connectWalletDesc') })] })] }), (0, jsx_runtime_1.jsx)(wallet_adapter_react_ui_1.WalletMultiButton, { style: { backgroundColor: '#0e7490' }, className: "!h-9 !rounded-md !text-sm !text-white" })] }) }) })), connected && ((0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-3 px-4 py-2 bg-neutral-800 rounded-lg", children: [(0, jsx_runtime_1.jsx)(lucide_react_1.Link2, { className: "w-4 h-4 text-neutral-400" }), (0, jsx_runtime_1.jsxs)("span", { className: "text-xs text-neutral-400", children: [t('connected'), " ", (0, jsx_runtime_1.jsxs)("span", { className: "text-white font-mono", children: [publicKey?.toBase58().slice(0, 8), "...", publicKey?.toBase58().slice(-6)] })] }), (0, jsx_runtime_1.jsx)(wallet_adapter_react_ui_1.WalletMultiButton, { style: { backgroundColor: 'transparent' }, className: "!h-7 !rounded !text-xs !text-neutral-400 !px-2 !py-0 !border !border-neutral-700 ml-auto" })] })), ratioError && ((0, jsx_runtime_1.jsx)(card_1.Card, { className: "bg-neutral-900 border-neutral-700 dash-card", children: (0, jsx_runtime_1.jsx)(card_1.CardContent, { className: "p-6", children: (0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-2 text-red-400", children: [(0, jsx_runtime_1.jsx)(lucide_react_1.AlertCircle, { className: "w-4 h-4" }), (0, jsx_runtime_1.jsx)("span", { children: ratioError })] }) }) })), (0, jsx_runtime_1.jsx)(card_1.Card, { className: "bg-neutral-900 border-neutral-700 hover:border-cyan-400/50 dash-card", children: (0, jsx_runtime_1.jsxs)(card_1.CardContent, { className: "p-3 sm:p-6", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col md:flex-row md:items-center md:justify-between gap-3 sm:gap-6 mb-4 sm:mb-6", children: [(0, jsx_runtime_1.jsxs)("div", { className: "space-y-2 sm:space-y-3", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-2 sm:gap-3 flex-wrap", children: [(0, jsx_runtime_1.jsx)(badge_1.Badge, { className: "bg-white/20 text-white border-transparent text-[10px] sm:text-xs", children: t('x402Protocol') }), (0, jsx_runtime_1.jsx)(badge_1.Badge, { className: "bg-cyan-400/20 text-cyan-400 border-transparent text-[10px] sm:text-xs", children: "Solana Mainnet" })] }), (ticker.basePrice || ratioInfo) && ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("div", { className: "text-[10px] sm:text-xs text-neutral-400 tracking-wider mb-1", children: t('mintPrice') }), (0, jsx_runtime_1.jsxs)("div", { className: "flex items-baseline gap-2 flex-wrap", children: [(0, jsx_runtime_1.jsxs)("span", { className: "text-xl sm:text-3xl font-bold text-white font-mono", children: ["1 MCC \u2248 ", formatNumber((ticker.basePrice ?? ratioInfo?.usdc_per_mcc ?? 0) * 4, 4), " USD"] }), (0, jsx_runtime_1.jsx)(badge_1.Badge, { className: "bg-cyan-400/20 text-cyan-400 border-transparent text-[10px] sm:text-sm", children: t('techBonus') })] })] })), (0, jsx_runtime_1.jsxs)("div", { className: "flex items-start gap-3 sm:gap-4 text-[10px] sm:text-xs text-neutral-500", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-1.5", children: [(0, jsx_runtime_1.jsx)(lucide_react_1.Shield, { className: "w-3 h-3 sm:w-3.5 sm:h-3.5 text-neutral-500 shrink-0" }), (0, jsx_runtime_1.jsx)("span", { children: t('stablecoinDirectDesc') })] }), (0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-1.5", children: [(0, jsx_runtime_1.jsx)(lucide_react_1.Zap, { className: "w-3 h-3 sm:w-3.5 sm:h-3.5 text-neutral-500 shrink-0" }), (0, jsx_runtime_1.jsx)("span", { children: t('instantMintDesc') })] })] })] }), (0, jsx_runtime_1.jsxs)(button_1.Button, { onClick: () => setShowMiningModal(true), size: "lg", className: "px-6 py-3 sm:px-8 sm:py-4 text-sm sm:text-base font-medium bg-cyan-700 hover:bg-cyan-600 text-white whitespace-nowrap flex-shrink-0", children: [(0, jsx_runtime_1.jsx)(lucide_react_1.Zap, { className: "w-4 h-4 sm:w-5 sm:h-5 mr-2" }), t('startMinting')] })] }), ratioInfo && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("div", { className: "border-t border-neutral-700 pt-3 sm:pt-4 mb-3 sm:mb-4", children: (0, jsx_runtime_1.jsx)("div", { className: "text-[10px] sm:text-xs text-neutral-400 tracking-wider uppercase mb-2 sm:mb-3", children: t('mintStats') }) }), (0, jsx_runtime_1.jsxs)("div", { className: "grid grid-cols-2 md:grid-cols-4 gap-2 sm:gap-4 mb-3 sm:mb-4", children: [(0, jsx_runtime_1.jsxs)("div", { className: "bg-neutral-800 rounded p-2 sm:p-3", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-1.5 sm:gap-2 mb-1 sm:mb-2", children: [(0, jsx_runtime_1.jsx)(lucide_react_1.TrendingUp, { className: "w-3.5 h-3.5 sm:w-4 sm:h-4 text-white" }), (0, jsx_runtime_1.jsx)("span", { className: "text-[10px] sm:text-xs text-neutral-400 tracking-wider", children: t('basePrice') })] }), (0, jsx_runtime_1.jsxs)("div", { className: "text-base sm:text-2xl font-bold text-white font-mono", children: ["$", formatNumber(ticker.basePrice ?? ratioInfo.usdc_per_mcc, 4)] }), (0, jsx_runtime_1.jsx)("div", { className: "text-[10px] sm:text-xs text-neutral-500 mt-1 hidden xs:block", children: t('basePriceNote') })] }), (0, jsx_runtime_1.jsxs)("div", { className: "bg-neutral-800 rounded p-2 sm:p-3", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-1.5 sm:gap-2 mb-1 sm:mb-2", children: [(0, jsx_runtime_1.jsx)(lucide_react_1.Coins, { className: "w-3.5 h-3.5 sm:w-4 sm:h-4 text-white" }), (0, jsx_runtime_1.jsx)("span", { className: "text-[10px] sm:text-xs text-neutral-400 tracking-wider", children: t('marketPrice') })] }), (0, jsx_runtime_1.jsxs)("div", { className: "text-base sm:text-2xl font-bold text-white font-mono", children: ["$", ticker.price ? formatNumber(ticker.price, 4) : '...'] }), (0, jsx_runtime_1.jsx)("div", { className: "text-[10px] sm:text-xs text-neutral-500 mt-1 hidden xs:block", children: t('marketPriceNote') })] }), (0, jsx_runtime_1.jsxs)("div", { className: "bg-neutral-800 rounded p-2 sm:p-3", children: [(0, jsx_runtime_1.jsx)("div", { className: "flex items-center gap-1.5 sm:gap-2 mb-1 sm:mb-2", children: (0, jsx_runtime_1.jsx)("span", { className: "text-[10px] sm:text-xs text-neutral-400 tracking-wider", children: t('totalMinted') }) }), (0, jsx_runtime_1.jsx)("div", { className: "text-base sm:text-2xl font-bold text-white font-mono truncate", children: formatLargeNumber(ratioInfo.total_minted) }), (0, jsx_runtime_1.jsx)("div", { className: "text-[10px] sm:text-xs text-neutral-500 mt-1 hidden xs:block", children: t('totalMintedNote') })] }), (0, jsx_runtime_1.jsxs)("div", { className: "bg-neutral-800 rounded p-2 sm:p-3", children: [(0, jsx_runtime_1.jsx)("div", { className: "flex items-center gap-1.5 sm:gap-2 mb-1 sm:mb-2", children: (0, jsx_runtime_1.jsx)("span", { className: "text-[10px] sm:text-xs text-neutral-400 tracking-wider", children: t('currentPhase') }) }), (0, jsx_runtime_1.jsxs)("div", { className: "text-base sm:text-2xl font-bold text-white font-mono", children: ["Phase ", ratioInfo.current_stage] }), (0, jsx_runtime_1.jsx)("div", { className: "text-[10px] sm:text-xs text-neutral-500 mt-1 hidden xs:block", children: t('phaseNote') })] })] }), (0, jsx_runtime_1.jsxs)("div", { className: "space-y-1", children: [(0, jsx_runtime_1.jsx)("div", { className: "text-xs text-neutral-500", children: t('halvingRemaining', { amount: formatLargeNumber(100000000 - (ratioInfo.total_minted % 100000000), 0) }) }), (0, jsx_runtime_1.jsx)("div", { className: "bg-neutral-800 rounded-full h-2 overflow-hidden", children: (0, jsx_runtime_1.jsx)("div", { className: "h-2 rounded-full bg-cyan-400 transition-all", style: { width: `${((ratioInfo.total_minted % 100000000) / 100000000) * 100}%` } }) })] })] }))] }) }), (0, jsx_runtime_1.jsx)(PriceChart_1.PriceChart, {}), (0, jsx_runtime_1.jsx)(card_1.Card, { className: "bg-neutral-900 border-neutral-700 hover:border-cyan-400/50 dash-card", children: (0, jsx_runtime_1.jsxs)(card_1.CardContent, { className: "p-3 sm:p-6", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-center justify-between mb-3 gap-2", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-2 sm:gap-3 min-w-0", children: [(0, jsx_runtime_1.jsx)(lucide_react_1.Wallet, { className: "w-4 h-4 text-white shrink-0" }), (0, jsx_runtime_1.jsx)("span", { className: "text-xs sm:text-sm text-neutral-300 tracking-wider font-medium", children: t('onChainBalance') }), walletBalances.length > 0 && walletBalances.every(w => !w.loading) && ((0, jsx_runtime_1.jsxs)(badge_1.Badge, { className: "bg-white/20 text-white border-transparent", children: [(0, jsx_runtime_1.jsx)(lucide_react_1.CheckCircle2, { className: "w-3 h-3 mr-1 inline" }), walletBalances.length, " ", t('walletsCount')] }))] }), (0, jsx_runtime_1.jsxs)(button_1.Button, { variant: "outline", size: "sm", onClick: loadWalletBalances, disabled: walletsLoading, className: "border-neutral-700 text-neutral-400 hover:bg-neutral-800 hover:text-neutral-300 bg-transparent", children: [(0, jsx_runtime_1.jsx)(lucide_react_1.RefreshCw, { className: (0, utils_1.cn)("w-4 h-4 mr-2", walletsLoading && "animate-spin") }), t('refresh')] })] }), (0, jsx_runtime_1.jsx)("p", { className: "text-neutral-500 text-xs mb-4", children: t('onChainBalanceDesc') }), walletsLoading && walletBalances.length === 0 ? ((0, jsx_runtime_1.jsxs)("div", { className: "flex items-center justify-center py-8", children: [(0, jsx_runtime_1.jsx)(lucide_react_1.Loader2, { className: "w-5 h-5 animate-spin text-neutral-400 mr-2" }), (0, jsx_runtime_1.jsx)("span", { className: "text-neutral-400 text-sm", children: t('loadingOnChainBalance') })] })) : walletBalances.length === 0 ? ((0, jsx_runtime_1.jsx)("div", { className: "text-center py-8 text-neutral-500 text-sm", children: t('noWalletBound') })) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)("div", { className: "grid grid-cols-1 xs:grid-cols-2 gap-2 sm:gap-4 mb-3 sm:mb-4", children: [(0, jsx_runtime_1.jsxs)("div", { className: "bg-neutral-800 rounded p-2 sm:p-3", children: [(0, jsx_runtime_1.jsx)("div", { className: "text-[10px] sm:text-xs text-neutral-400 tracking-wider mb-1 font-mono", children: t('totalOnChainBalance') }), (0, jsx_runtime_1.jsx)("div", { className: "text-base sm:text-2xl font-bold font-mono text-white", children: walletBalances.some(w => w.loading)
+    return ((0, jsx_runtime_1.jsxs)("div", { className: "max-w-7xl mx-auto px-3 py-4 space-y-3 xs:px-4 xs:space-y-4 sm:px-6 sm:py-6 sm:space-y-6", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-center justify-between gap-2", children: [(0, jsx_runtime_1.jsxs)("div", { className: "min-w-0", children: [(0, jsx_runtime_1.jsx)("h1", { className: "text-lg sm:text-2xl font-bold text-white tracking-wider", children: t('title') }), (0, jsx_runtime_1.jsx)("p", { className: "text-xs sm:text-sm text-neutral-400 mt-1", children: t('subtitle') })] }), (0, jsx_runtime_1.jsxs)(button_1.Button, { variant: "outline", size: "sm", onClick: refreshAll, disabled: ratioLoading, className: "border-neutral-700 text-neutral-400 hover:bg-neutral-800 hover:text-neutral-300 bg-transparent", children: [(0, jsx_runtime_1.jsx)(lucide_react_1.RefreshCw, { className: (0, utils_1.cn)("w-4 h-4 mr-2", ratioLoading && "animate-spin") }), t('refresh')] })] }), !connected && ((0, jsx_runtime_1.jsx)(card_1.Card, { className: "bg-neutral-900 border-neutral-700 hover:border-cyan-400/50 dash-card", children: (0, jsx_runtime_1.jsx)(card_1.CardContent, { className: "p-3 sm:p-6", children: (0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col xs:flex-row items-start xs:items-center justify-between gap-3", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-2 sm:gap-3", children: [(0, jsx_runtime_1.jsx)(lucide_react_1.Link2, { className: "w-5 h-5 text-neutral-400 shrink-0" }), (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("div", { className: "text-xs sm:text-sm font-medium text-white", children: t('connectWalletFirst') }), (0, jsx_runtime_1.jsx)("div", { className: "text-[10px] sm:text-xs text-neutral-500", children: t('connectWalletDesc') })] })] }), (0, jsx_runtime_1.jsx)(wallet_adapter_react_ui_1.WalletMultiButton, { style: { backgroundColor: '#0e7490' }, className: "!h-9 !rounded-md !text-sm !text-white" })] }) }) })), connected && ((0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-3 px-4 py-2 bg-neutral-800 rounded-lg", children: [(0, jsx_runtime_1.jsx)(lucide_react_1.Link2, { className: "w-4 h-4 text-neutral-400" }), (0, jsx_runtime_1.jsxs)("span", { className: "text-xs text-neutral-400", children: [t('connected'), " ", (0, jsx_runtime_1.jsxs)("span", { className: "text-white font-mono", children: [publicKey?.toBase58().slice(0, 8), "...", publicKey?.toBase58().slice(-6)] })] }), (0, jsx_runtime_1.jsx)(wallet_adapter_react_ui_1.WalletMultiButton, { style: { backgroundColor: 'transparent' }, className: "!h-7 !rounded !text-xs !text-neutral-400 !px-2 !py-0 !border !border-neutral-700 ml-auto" })] })), ratioError && ((0, jsx_runtime_1.jsx)(card_1.Card, { className: "bg-neutral-900 border-neutral-700 dash-card", children: (0, jsx_runtime_1.jsx)(card_1.CardContent, { className: "p-6", children: (0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-2 text-red-400", children: [(0, jsx_runtime_1.jsx)(lucide_react_1.AlertCircle, { className: "w-4 h-4" }), (0, jsx_runtime_1.jsx)("span", { children: ratioError })] }) }) })), (0, jsx_runtime_1.jsx)(card_1.Card, { className: "bg-neutral-900 border-neutral-700 hover:border-cyan-400/50 dash-card", children: (0, jsx_runtime_1.jsxs)(card_1.CardContent, { className: "p-3 sm:p-6", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col md:flex-row md:items-center md:justify-between gap-3 sm:gap-6 mb-4 sm:mb-6", children: [(0, jsx_runtime_1.jsxs)("div", { className: "space-y-2 sm:space-y-3", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-2 sm:gap-3 flex-wrap", children: [(0, jsx_runtime_1.jsx)(badge_1.Badge, { className: "bg-white/20 text-white border-transparent text-[10px] sm:text-xs", children: t('x402Protocol') }), (0, jsx_runtime_1.jsx)(badge_1.Badge, { className: "bg-cyan-400/20 text-cyan-400 border-transparent text-[10px] sm:text-xs", children: "Solana Mainnet" })] }), (ticker.basePrice || ratioInfo) && ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("div", { className: "text-[10px] sm:text-xs text-neutral-400 tracking-wider mb-1", children: t('mintPrice') }), (0, jsx_runtime_1.jsxs)("div", { className: "flex items-baseline gap-2 flex-wrap", children: [(0, jsx_runtime_1.jsxs)("span", { className: "text-xl sm:text-3xl font-bold text-white font-mono", children: ["1 MCC \u2248 ", formatNumber((ticker.basePrice ?? ratioInfo?.usdc_per_mcc ?? 0) * 4, 4), " USD"] }), (0, jsx_runtime_1.jsx)(tooltip_1.TooltipProvider, { delayDuration: 100, children: (0, jsx_runtime_1.jsxs)(tooltip_1.Tooltip, { children: [(0, jsx_runtime_1.jsx)(tooltip_1.TooltipTrigger, { asChild: true, children: (0, jsx_runtime_1.jsxs)(badge_1.Badge, { className: "bg-cyan-400/20 text-cyan-400 border-transparent text-[10px] sm:text-sm cursor-help inline-flex items-center gap-1", children: ["+", totalBonus, "% ", t('techBonus'), (0, jsx_runtime_1.jsx)(lucide_react_2.HelpCircle, { className: "w-3 h-3" })] }) }), (0, jsx_runtime_1.jsx)(tooltip_1.TooltipContent, { className: "max-w-xs text-xs leading-relaxed", children: t('techBonusTooltip') })] }) })] })] })), (0, jsx_runtime_1.jsxs)("div", { className: "flex items-start gap-3 sm:gap-4 text-[10px] sm:text-xs text-neutral-500", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-1.5", children: [(0, jsx_runtime_1.jsx)(lucide_react_1.Shield, { className: "w-3 h-3 sm:w-3.5 sm:h-3.5 text-neutral-500 shrink-0" }), (0, jsx_runtime_1.jsx)("span", { children: t('stablecoinDirectDesc') })] }), (0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-1.5", children: [(0, jsx_runtime_1.jsx)(lucide_react_1.Zap, { className: "w-3 h-3 sm:w-3.5 sm:h-3.5 text-neutral-500 shrink-0" }), (0, jsx_runtime_1.jsx)("span", { children: t('instantMintDesc') })] })] })] }), (0, jsx_runtime_1.jsxs)(button_1.Button, { onClick: () => setShowMiningModal(true), size: "lg", className: "px-6 py-3 sm:px-8 sm:py-4 text-sm sm:text-base font-medium bg-cyan-700 hover:bg-cyan-600 text-white whitespace-nowrap flex-shrink-0", children: [(0, jsx_runtime_1.jsx)(lucide_react_1.Zap, { className: "w-4 h-4 sm:w-5 sm:h-5 mr-2" }), t('startMinting')] })] }), ratioInfo && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("div", { className: "border-t border-neutral-700 pt-3 sm:pt-4 mb-3 sm:mb-4", children: (0, jsx_runtime_1.jsx)("div", { className: "text-[10px] sm:text-xs text-neutral-400 tracking-wider uppercase mb-2 sm:mb-3", children: t('mintStats') }) }), (0, jsx_runtime_1.jsxs)("div", { className: "grid grid-cols-2 md:grid-cols-4 gap-2 sm:gap-4 mb-3 sm:mb-4", children: [(0, jsx_runtime_1.jsxs)("div", { className: "bg-neutral-800 rounded p-2 sm:p-3", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-1.5 sm:gap-2 mb-1 sm:mb-2", children: [(0, jsx_runtime_1.jsx)(lucide_react_1.TrendingUp, { className: "w-3.5 h-3.5 sm:w-4 sm:h-4 text-white" }), (0, jsx_runtime_1.jsx)("span", { className: "text-[10px] sm:text-xs text-neutral-400 tracking-wider", children: t('basePrice') })] }), (0, jsx_runtime_1.jsxs)("div", { className: "text-base sm:text-2xl font-bold text-white font-mono", children: ["$", formatNumber(ticker.basePrice ?? ratioInfo.usdc_per_mcc, 4)] }), (0, jsx_runtime_1.jsx)("div", { className: "text-[10px] sm:text-xs text-neutral-500 mt-1 hidden xs:block", children: t('basePriceNote') })] }), (0, jsx_runtime_1.jsxs)("div", { className: "bg-neutral-800 rounded p-2 sm:p-3", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-1.5 sm:gap-2 mb-1 sm:mb-2", children: [(0, jsx_runtime_1.jsx)(lucide_react_1.Coins, { className: "w-3.5 h-3.5 sm:w-4 sm:h-4 text-white" }), (0, jsx_runtime_1.jsx)("span", { className: "text-[10px] sm:text-xs text-neutral-400 tracking-wider", children: t('marketPrice') })] }), (0, jsx_runtime_1.jsxs)("div", { className: "text-base sm:text-2xl font-bold text-white font-mono", children: ["$", ticker.price ? formatNumber(ticker.price, 4) : '...'] }), (0, jsx_runtime_1.jsx)("div", { className: "text-[10px] sm:text-xs text-neutral-500 mt-1 hidden xs:block", children: t('marketPriceNote') })] }), (0, jsx_runtime_1.jsxs)("div", { className: "bg-neutral-800 rounded p-2 sm:p-3", children: [(0, jsx_runtime_1.jsx)("div", { className: "flex items-center gap-1.5 sm:gap-2 mb-1 sm:mb-2", children: (0, jsx_runtime_1.jsx)("span", { className: "text-[10px] sm:text-xs text-neutral-400 tracking-wider", children: t('totalMinted') }) }), (0, jsx_runtime_1.jsx)("div", { className: "text-base sm:text-2xl font-bold text-white font-mono truncate", children: formatLargeNumber(ratioInfo.total_minted) }), (0, jsx_runtime_1.jsx)("div", { className: "text-[10px] sm:text-xs text-neutral-500 mt-1 hidden xs:block", children: t('totalMintedNote') })] }), (0, jsx_runtime_1.jsxs)("div", { className: "bg-neutral-800 rounded p-2 sm:p-3", children: [(0, jsx_runtime_1.jsx)("div", { className: "flex items-center gap-1.5 sm:gap-2 mb-1 sm:mb-2", children: (0, jsx_runtime_1.jsx)("span", { className: "text-[10px] sm:text-xs text-neutral-400 tracking-wider", children: t('currentPhase') }) }), (0, jsx_runtime_1.jsxs)("div", { className: "text-base sm:text-2xl font-bold text-white font-mono", children: ["Phase ", ratioInfo.current_stage] }), (0, jsx_runtime_1.jsx)("div", { className: "text-[10px] sm:text-xs text-neutral-500 mt-1 hidden xs:block", children: t('phaseNote') })] })] }), (0, jsx_runtime_1.jsxs)("div", { className: "space-y-1", children: [(0, jsx_runtime_1.jsx)("div", { className: "text-xs text-neutral-500", children: t('halvingRemaining', { amount: formatLargeNumber(100000000 - (ratioInfo.total_minted % 100000000), 0) }) }), (0, jsx_runtime_1.jsx)("div", { className: "bg-neutral-800 rounded-full h-2 overflow-hidden", children: (0, jsx_runtime_1.jsx)("div", { className: "h-2 rounded-full bg-cyan-400 transition-all", style: { width: `${((ratioInfo.total_minted % 100000000) / 100000000) * 100}%` } }) })] })] }))] }) }), (0, jsx_runtime_1.jsx)(PriceChart_1.PriceChart, {}), (0, jsx_runtime_1.jsx)(card_1.Card, { className: "bg-neutral-900 border-neutral-700 hover:border-cyan-400/50 dash-card", children: (0, jsx_runtime_1.jsxs)(card_1.CardContent, { className: "p-3 sm:p-6", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-center justify-between mb-3 gap-2", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-2 sm:gap-3 min-w-0", children: [(0, jsx_runtime_1.jsx)(lucide_react_1.Wallet, { className: "w-4 h-4 text-white shrink-0" }), (0, jsx_runtime_1.jsx)("span", { className: "text-xs sm:text-sm text-neutral-300 tracking-wider font-medium", children: t('onChainBalance') }), walletBalances.length > 0 && walletBalances.every(w => !w.loading) && ((0, jsx_runtime_1.jsxs)(badge_1.Badge, { className: "bg-white/20 text-white border-transparent", children: [(0, jsx_runtime_1.jsx)(lucide_react_1.CheckCircle2, { className: "w-3 h-3 mr-1 inline" }), walletBalances.length, " ", t('walletsCount')] }))] }), (0, jsx_runtime_1.jsxs)(button_1.Button, { variant: "outline", size: "sm", onClick: loadWalletBalances, disabled: walletsLoading, className: "border-neutral-700 text-neutral-400 hover:bg-neutral-800 hover:text-neutral-300 bg-transparent", children: [(0, jsx_runtime_1.jsx)(lucide_react_1.RefreshCw, { className: (0, utils_1.cn)("w-4 h-4 mr-2", walletsLoading && "animate-spin") }), t('refresh')] })] }), (0, jsx_runtime_1.jsx)("p", { className: "text-neutral-500 text-xs mb-4", children: t('onChainBalanceDesc') }), walletsLoading && walletBalances.length === 0 ? ((0, jsx_runtime_1.jsxs)("div", { className: "flex items-center justify-center py-8", children: [(0, jsx_runtime_1.jsx)(lucide_react_1.Loader2, { className: "w-5 h-5 animate-spin text-neutral-400 mr-2" }), (0, jsx_runtime_1.jsx)("span", { className: "text-neutral-400 text-sm", children: t('loadingOnChainBalance') })] })) : walletBalances.length === 0 ? ((0, jsx_runtime_1.jsx)("div", { className: "text-center py-8 text-neutral-500 text-sm", children: t('noWalletBound') })) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)("div", { className: "grid grid-cols-1 xs:grid-cols-2 gap-2 sm:gap-4 mb-3 sm:mb-4", children: [(0, jsx_runtime_1.jsxs)("div", { className: "bg-neutral-800 rounded p-2 sm:p-3", children: [(0, jsx_runtime_1.jsx)("div", { className: "text-[10px] sm:text-xs text-neutral-400 tracking-wider mb-1 font-mono", children: t('totalOnChainBalance') }), (0, jsx_runtime_1.jsx)("div", { className: "text-base sm:text-2xl font-bold font-mono text-white", children: walletBalances.some(w => w.loading)
                                                         ? (0, jsx_runtime_1.jsx)(lucide_react_1.Loader2, { className: "w-5 h-5 animate-spin" })
                                                         : formatLargeNumber(walletBalances.reduce((sum, w) => sum + w.mcc_balance, 0)) }), (0, jsx_runtime_1.jsxs)("div", { className: "text-neutral-500 text-xs mt-1", children: ["MCC \u00B7 ", walletBalances.length, " ", t('walletsTotal')] })] }), (0, jsx_runtime_1.jsxs)("div", { className: "bg-neutral-800 rounded p-2 sm:p-3", children: [(0, jsx_runtime_1.jsx)("div", { className: "text-[10px] sm:text-xs text-neutral-400 tracking-wider mb-1 font-mono", children: t('primaryWalletBalance') }), (0, jsx_runtime_1.jsx)("div", { className: "text-base sm:text-2xl font-bold font-mono text-white", children: (() => {
                                                         const primary = walletBalances.find(w => w.is_primary);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@microcosmmoney/portal-react",
-  "version": "3.13.2",
+  "version": "3.13.4",
   "description": "Microcosm Portal UI components for React/Next.js",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -18,8 +18,8 @@
     "next-intl": ">=3.0.0"
   },
   "dependencies": {
-    "@microcosmmoney/auth-core": "^2.3.3",
-    "@microcosmmoney/auth-react": "^2.6.1",
+    "@microcosmmoney/auth-core": "^2.3.4",
+    "@microcosmmoney/auth-react": "^2.6.2",
     "@radix-ui/react-accordion": "^1.2.12",
     "@radix-ui/react-alert-dialog": "^1.1.15",
     "@radix-ui/react-aspect-ratio": "^1.1.7",