Displaying Bonuses

import { useFeatureAccess } from "priceos/react";
import type { MyFeatures } from "./priceos.types";

export function BonusUsageCard() {
  const { usage, isLoading } = useFeatureAccess<MyFeatures>("credits");

  if (isLoading) return <div>Loading...</div>;
  if (!usage) return <div>No usage data available.</div>;

  return (
    <div>
      <p>Bonus remaining: {usage.bonusRemaining}</p>
      <p>Bonus used: {usage.bonusUsed}</p>
    </div>
  );
}

import { PriceOS } from "priceos";
import type { MyFeatures } from "./priceos.types";

const priceos = new PriceOS<MyFeatures>(process.env.PRICEOS_API_KEY!);
const credits = await priceos.features.getAccess("customer_123", "credits");
const bonusRemaining = credits.usage.bonusRemaining;
const bonusUsed = credits.usage.bonusUsed;

curl -X GET "https://api.priceos.com/v1/feature-access?customerId=customer_123" \
  -H "x-api-key: PRICEOS_API_KEY"