useGetSessionData

const { 
  data, 
  isLoading, 
  isError,
  error,
  isSuccess,
  refetch
} = useGetSessionData(params, options);

{
  isActive: boolean;           // Whether session is currently valid
  validUntil: number;          // Expiration timestamp (Unix seconds)
  remainingCalls: number;      // Transactions remaining before exhausted
  allowedEntrypoints: string[]; // Whitelisted function selectors
}

import { useGetSessionData } from "@chipi-stack/chipi-react";

export function SessionStatus() {
  // Get session from local storage
  const session = JSON.parse(localStorage.getItem('chipiSession') || 'null');
  
  const { data: sessionData, isLoading, refetch } = useGetSessionData(
    session ? {
      walletAddress: wallet.publicKey,
      sessionPublicKey: session.publicKey,
    } : null
  );

  if (!session) {
    return <div className="p-4 bg-gray-100 rounded">No active session</div>;
  }

  if (isLoading) {
    return <div className="p-4">Loading session status...</div>;
  }

  return (
    <div className="p-6 bg-white rounded-lg shadow">
      <div className="flex justify-between items-center mb-4">
        <h2 className="text-xl font-semibold">Session Status</h2>
        <button 
          onClick={() => refetch()}
          className="text-blue-600 hover:text-blue-800"
        >
          Refresh
        </button>
      </div>
      
      <div className="space-y-3">
        <div className="flex justify-between">
          <span className="text-gray-600">Status:</span>
          <span className={sessionData?.isActive ? "text-green-600" : "text-red-600"}>
            {sessionData?.isActive ? "Active" : "Inactive"}
          </span>
        </div>
        
        <div className="flex justify-between">
          <span className="text-gray-600">Expires:</span>
          <span>
            {sessionData?.validUntil 
              ? new Date(sessionData.validUntil * 1000).toLocaleString()
              : "N/A"}
          </span>
        </div>
        
        <div className="flex justify-between">
          <span className="text-gray-600">Remaining Calls:</span>
          <span className="font-mono">{sessionData?.remainingCalls ?? 0}</span>
        </div>
        
        <div className="flex justify-between">
          <span className="text-gray-600">Restrictions:</span>
          <span>
            {sessionData?.allowedEntrypoints?.length 
              ? `${sessionData.allowedEntrypoints.length} functions` 
              : "All functions"}
          </span>
        </div>
      </div>
      
      {!sessionData?.isActive && (
        <div className="mt-4 p-3 bg-yellow-50 text-yellow-800 rounded">
          Session is inactive. Create a new session to continue.
        </div>
      )}
    </div>
  );
}

import { useGetSessionData } from "@chipi-stack/chipi-react";

export function GameInterface() {
  const session = JSON.parse(localStorage.getItem('chipiSession') || 'null');
  
  const { data: sessionData } = useGetSessionData(
    session ? {
      walletAddress: wallet.publicKey,
      sessionPublicKey: session.publicKey,
    } : null
  );

  // Check if session is valid before allowing actions
  const canPlay = sessionData?.isActive && sessionData?.remainingCalls > 0;

  return (
    <div>
      {canPlay ? (
        <GameBoard />
      ) : (
        <div className="text-center p-8">
          <p className="mb-4">Session expired or no calls remaining</p>
          <CreateSessionButton />
        </div>
      )}
    </div>
  );
}

import { useGetSessionData } from "@chipi-stack/chipi-react";
import { useEffect } from "react";

export function useSessionMonitor(walletAddress: string, sessionPublicKey: string) {
  const { data, refetch } = useGetSessionData({
    walletAddress,
    sessionPublicKey,
  });

  // Refresh every 30 seconds
  useEffect(() => {
    const interval = setInterval(() => {
      refetch();
    }, 30000);

    return () => clearInterval(interval);
  }, [refetch]);

  return {
    isActive: data?.isActive ?? false,
    remainingCalls: data?.remainingCalls ?? 0,
    expiresAt: data?.validUntil ? new Date(data.validUntil * 1000) : null,
  };
}