Gate ability to view seatless plans (#38007)

Gate behind a launchdarkly flag. Once orb starts passing them down, we'll want to be able to see what the UI looks like w/o full launching.

GitOrigin-RevId: e2ce3da252fbe6e28915c94dafac448269581950

Author: nipunn1313

npm-packages/dashboard/src/api/billing.ts

@@ -1,3 +1,4 @@
+import { useLaunchDarkly } from "hooks/useLaunchDarkly";
 import { useBBMutation, useBBQuery } from "./api";
 
 export function useTeamOrbSubscription(teamId?: number) {
@@ -150,6 +151,8 @@ export function useListInvoices(teamId?: number) {
 }
 
 export function useListPlans(teamId?: number) {
+  const { seatlessPlans } = useLaunchDarkly();
+
   const { data, error, isLoading } = useBBQuery({
     path: "/teams/{team_id}/list_active_plans",
     pathParams: {
@@ -165,8 +168,13 @@ export function useListPlans(teamId?: number) {
     throw error;
   }
 
+  let plans = data?.plans;
+  if (plans && !seatlessPlans) {
+    plans = plans.filter((plan) => plan.seatPrice);
+  }
+
   return {
-    plans: data?.plans,
+    plans,
     isLoading,
   };
 }

npm-packages/dashboard/src/hooks/useLaunchDarkly.tsx

@@ -16,6 +16,7 @@ const flagDefaults: {
   commandPalette: boolean;
   commandPaletteDeleteProjects: boolean;
   multipleUserIdentities: boolean;
+  seatlessPlans: boolean;
 } = {
   oauthProviderConfiguration: {},
   spendingLimits: false,
@@ -24,6 +25,7 @@ const flagDefaults: {
   commandPalette: false,
   commandPaletteDeleteProjects: false,
   multipleUserIdentities: false,
+  seatlessPlans: false,
 };
 
 function kebabCaseKeys(object: typeof flagDefaults) {