Function PlanText

console/src/platform/billing/BillingPage.tsx:384–427

({ organization }: { organization: Organization })

const MAX_PAYMENT_METHODS = 2;

const PlanText = ({ organization }: { organization: Organization }) => {
  const planType = organization.subscription?.type;

  switch (planType) {
    case "evaluation": {
      const trialExpirationDate = organization.trialExpiresAt
        ? new Date(organization.trialExpiresAt)
        : null;

      const hasTrialEnded = getIsTrialExpired(organization);

      return (
        <Text textStyle="text-small">
          Free trial
          {!hasTrialEnded && trialExpirationDate
            ? ` ends on ${formatDateInUtc(
                trialExpirationDate,
                FRIENDLY_DATETIME_FORMAT_NO_SECONDS,
              )}`
            : " has ended"}
        </Text>
      );
    }

    case "on-demand": {
      const nextPaymentDate = calculateNextOnDemandPaymentDate();
      return (
        <VStack alignItems="start" spacing="0">
          <Text textStyle="text-small">
            Next payment on{" "}
            {formatDateInUtc(nextPaymentDate, FRIENDLY_DATE_FORMAT)}
          </Text>
          <Text textStyle="text-small">On-Demand plan, paid monthly</Text>
        </VStack>
      );
    }
    case "capacity":
      return <Text textStyle="text-small">Capacity plan</Text>;
    case "internal":
      return <Text textStyle="text-small">Internal plan</Text>;
    default:
      return null;
  }
};

function getPaymentErrorMessage(error: unknown, fallback: string): string {
  if (isApiError(error) && error.status === 403) {