Session & Profile Hooks

import { useMonacoSDK } from "@0xmonaco/react";

const { 
  sdk,
  clientId,
  error,
  clearError,
  setError
} = useMonacoSDK();

import { useAuth } from "@0xmonaco/react";

const {
  authenticationStatus,
  login,
  logout,
  refreshAuth,
  refreshSession,
  revokeSession,
  requestInviteCodes,
  listInviteCodes,
  authenticate,
  signChallenge,
  createChallenge
} = useAuth();

import { useAuth } from "@0xmonaco/react";

function LoginButton() {
  const { login, authenticationStatus } = useAuth();

  const handleLogin = async () => {
    try {
      const authState = await login();
      console.log('Logged in:', authState.user);
    } catch (error) {
      if (error.message.includes('SDK not available')) {
        alert('SDK is still loading, please wait');
      } else if (error.message.includes('Wallet not connected')) {
        alert('Please connect your wallet first');
      } else {
        console.error('Login failed:', error);
      }
    }
  };

  return (
    <button
      onClick={handleLogin}
      disabled={authenticationStatus === 'authenticating'}
    >
      {authenticationStatus === 'authenticating' ? 'Logging in...' : 'Login'}
    </button>
  );
}

import { useTokenLifecycle } from "@0xmonaco/react";

const {
  initializeTokens,
  clearTokens,
  refreshTokens,
  isTokenExpired
} = useTokenLifecycle(sdk, config);

import { useMonacoSDK, useTokenLifecycle } from "@0xmonaco/react";

function SessionManager() {
  const { sdk } = useMonacoSDK();

  const {
    initializeTokens,
    clearTokens,
    refreshTokens,
    isTokenExpired
  } = useTokenLifecycle(sdk, {
    autoRefresh: true,
    persistTokens: true,
    refreshBufferSeconds: 300, // refresh 5 minutes before expiry
    onRefreshError: (error) => {
      console.error('Session refresh failed:', error);
      // Handle logout or re-authentication
    },
    onRefreshSuccess: (authState) => {
      console.log('Session extended to', authState.expiresAt);
    },
  });

  // After a successful login
  const handleLoginSuccess = (authState) => {
    initializeTokens(authState);
  };

  // On logout
  const handleLogout = () => {
    clearTokens();
  };

  // Manual refresh if needed
  const handleManualRefresh = async () => {
    const newAuthState = await refreshTokens();
    if (!newAuthState) {
      console.log('Refresh failed, need to re-authenticate');
    }
  };

  return (
    <div>
      <button onClick={handleManualRefresh}>Refresh Session</button>
      <button onClick={handleLogout}>Logout</button>
    </div>
  );
}

import { useProfile } from "@0xmonaco/react";

const {
  profile,
  balances,
  movements,
  orders,
  loading,
  fetchProfile,
  getPaginatedUserMovements,
  getUserBalances,
  getUserBalanceByAssetId,
  getPaginatedOrders,
} = useProfile();