feat: refactor feature flags

codegen.json

@@ -37,7 +37,6 @@
           "StartTrialSuccess": "./types/StartTrialSuccess#StartTrialSuccessSource",
           "StripeFailPaymentPayload": "./mutations/stripeFailPayment#StripeFailPaymentPayloadSource",
           "Team": "../../postgres/types/index#Team as TeamDB",
-          "UpdateOrgFeatureFlagSuccess": "./types/UpdateOrgFeatureFlagSuccess#UpdateOrgFeatureFlagSuccessSource",
           "UpgradeToTeamTierSuccess": "./mutations/upgradeToTeamTier#UpgradeToTeamTierSuccessSource",
           "User": "../../postgres/types/IUser#default as IUser",
           "VerifyDomainSuccess": "./types/VerifyDomainSuccess#VerifyDomainSuccessSource"

packages/client/components/ActivityLibrary/ActivityLibrary.tsx

@@ -118,9 +118,7 @@ const query = graphql`
         }
       }
       organizations {
-        featureFlags {
-          aiTemplate
-        }
+        hasAITemplateFlag: featureFlag(featureName: "aiTemplate")
       }
     }
   }
@@ -229,7 +227,7 @@ export const ActivityLibrary = (props: Props) => {
   const data = usePreloadedQuery<ActivityLibraryQuery>(query, queryRef)
   const {viewer} = data
   const {availableTemplates, organizations} = viewer
-  const hasAITemplateFeatureFlag = !!organizations.find((org) => org.featureFlags.aiTemplate)
+  const hasAITemplateFeatureFlag = organizations.some((org) => org.hasAITemplateFlag)
 
   const [isSearching, setIsSearching] = React.useState(true)
   const [templateSearch, refetchTemplateSearch] = useRefetchableFragment<

packages/client/components/DashNavList/DashNavListTeams.tsx

@@ -29,9 +29,7 @@ const DashNavListTeams = (props: Props) => {
         id
         name
         tier
-        featureFlags {
-          publicTeams
-        }
+        hasPublicTeamsFlag: featureFlag(featureName: "publicTeams")
         viewerTeams {
           ...DashNavListTeam @relay(mask: false)
         }
@@ -43,9 +41,8 @@ const DashNavListTeams = (props: Props) => {
     organizationRef
   )
   const [showModal, setShowModal] = useState(false)
-  const {publicTeams, viewerTeams, featureFlags} = organization
-  const publicTeamsEnabled = featureFlags?.publicTeams
-  const publicTeamsCount = publicTeamsEnabled ? publicTeams.length : 0
+  const {publicTeams, viewerTeams, hasPublicTeamsFlag} = organization
+  const publicTeamsCount = hasPublicTeamsFlag ? publicTeams.length : 0
 
   const handleClose = () => {
     setShowModal(false)

packages/client/components/Dashboard.tsx

@@ -105,9 +105,7 @@ const Dashboard = (props: Props) => {
           ...DashSidebar_viewer
           ...useNewFeatureSnackbar_viewer
           overLimitCopy
-          featureFlags {
-            insights
-          }
+          hasInsightsFlag: featureFlag(featureName: "insights")
           teams {
             activeMeetings {
               ...useSnacksForNewMeetings_meetings
@@ -119,15 +117,14 @@ const Dashboard = (props: Props) => {
     queryRef
   )
   const {viewer} = data
-  const {teams, featureFlags} = viewer
-  const {insights} = featureFlags
+  const {teams, hasInsightsFlag} = viewer
   const activeMeetings = teams.flatMap((team) => team.activeMeetings).filter(Boolean)
   const {isOpen, toggle, handleMenuClick} = useSidebar()
   const isDesktop = useBreakpoint(Breakpoint.SIDEBAR_LEFT)
   const overLimitCopy = viewer?.overLimitCopy
   const meetingsDashRef = useRef<HTMLDivElement>(null)
   useSnackNag(overLimitCopy)
-  useUsageSnackNag(insights)
+  useUsageSnackNag(hasInsightsFlag)
   useSnacksForNewMeetings(activeMeetings)
   useNewFeatureSnackbar(viewer)
 

packages/client/components/RetroDiscussionThreadHeader.tsx

@@ -51,14 +51,12 @@ const RetroDiscussionThreadHeader = (props: Props) => {
   const organization = useFragment(
     graphql`
       fragment RetroDiscussionThreadHeader_organization on Organization {
-        featureFlags {
-          zoomTranscription
-        }
+        hasZoomFlag: featureFlag(featureName: "zoomTranscription")
       }
     `,
     organizationRef ?? null
   )
-  const hasZoomFlag = organization?.featureFlags.zoomTranscription ?? false
+  const hasZoomFlag = organization?.hasZoomFlag ?? false
 
   const handleHeaderClick = (header: 'discussion' | 'transcription') => {
     if (showTranscription && header === 'transcription') return

packages/client/components/RetroGroupPhase.tsx

@@ -64,9 +64,7 @@ const RetroGroupPhase = (props: Props) => {
         }
         organization {
           tier
-          featureFlags {
-            suggestGroups
-          }
+          hasSuggestGroupsFlag: featureFlag(featureName: "suggestGroups")
         }
       }
     `,
@@ -83,8 +81,7 @@ const RetroGroupPhase = (props: Props) => {
     autogroupReflectionGroups,
     resetReflectionGroups
   } = meeting
-  const {featureFlags, tier} = organization
-  const {suggestGroups: hasSuggestGroupsFlag} = featureFlags
+  const {hasSuggestGroupsFlag, tier} = organization
   const {openTooltip, closeTooltip, tooltipPortal, originRef} = useTooltip<HTMLDivElement>(
     MenuPosition.UPPER_CENTER
   )

packages/client/components/StandardHubUserMenu.tsx

@@ -43,9 +43,7 @@ const StandardHubUserMenu = (props: Props) => {
     graphql`
       fragment StandardHubUserMenu_viewer on User {
         email
-        featureFlags {
-          insights
-        }
+        hasInsightsFlag: featureFlag(featureName: "insights")
         organizations {
           id
           billingTier
@@ -54,8 +52,7 @@ const StandardHubUserMenu = (props: Props) => {
     `,
     viewerRef
   )
-  const {email, featureFlags, organizations} = viewer
-  const {insights} = featureFlags
+  const {email, hasInsightsFlag, organizations} = viewer
   const ownedFreeOrgs = organizations.filter((org) => org.billingTier === 'starter')
   const showUpgradeCTA = ownedFreeOrgs.length > 0
   const routeSuffix = ownedFreeOrgs.length === 1 ? `/${ownedFreeOrgs[0]!.id}` : ''
@@ -83,7 +80,7 @@ const StandardHubUserMenu = (props: Props) => {
           </MenuItemLink>
         }
       />
-      {insights && (
+      {hasInsightsFlag && (
         <MenuItem
           label={
             <MenuItemLink to={'/usage'}>

packages/client/components/TeamPromptMeeting.tsx

@@ -89,17 +89,14 @@ const TeamPromptMeeting = (props: Props) => {
           }
         }
         organization {
-          featureFlags {
-            singleColumnStandups
-          }
+          hasSingleColumnStandupsFlag: featureFlag(featureName: "singleColumnStandups")
         }
       }
     `,
     meetingRef
   )
   const {phases, organization} = meeting
-  const {featureFlags} = organization
-  const {singleColumnStandups} = featureFlags
+  const {hasSingleColumnStandupsFlag} = organization
   const atmosphere = useAtmosphere()
   const {viewerId} = atmosphere
 
@@ -183,7 +180,7 @@ const TeamPromptMeeting = (props: Props) => {
               <TeamPromptEditablePrompt meetingRef={meeting} />
               <ErrorBoundary>
                 <ResponsesGridContainer>
-                  <ResponsesGrid isSingleColumn={singleColumnStandups}>
+                  <ResponsesGrid isSingleColumn={hasSingleColumnStandupsFlag}>
                     {transitioningStages.map((transitioningStage) => {
                       const {child: stage, onTransitionEnd, status} = transitioningStage
                       const {key, displayIdx} = stage
@@ -195,7 +192,7 @@ const TeamPromptMeeting = (props: Props) => {
                           onTransitionEnd={onTransitionEnd}
                           displayIdx={displayIdx}
                           stageRef={stage}
-                          isSingleColumn={singleColumnStandups}
+                          isSingleColumn={hasSingleColumnStandupsFlag}
                         />
                       )
                     })}

packages/client/modules/demo/DemoUser.ts

@@ -7,9 +7,6 @@ export default class DemoUser {
   viewerId: string
   createdAt = new Date().toJSON()
   email: string
-  featureFlags = {
-    azureDevOps: false
-  }
   facilitatorUserId: string
   facilitatorName: string
   inactive = false

packages/client/modules/demo/initDB.ts

@@ -297,13 +297,6 @@ const initDemoOrg = () => {
       activeUserCount: 5,
       inactiveUserCount: 0
     },
-    featureFlags: {
-      zoomTranscription: false,
-      suggestGroups: false,
-      teamsLimit: false,
-      noPromptToJoinOrg: false,
-      publicTeams: false
-    },
     showConversionModal: false
   } as const
 }

packages/client/modules/email/components/SummaryEmail/MeetingSummaryEmail/RetroTopic.tsx

@@ -105,19 +105,15 @@ const RetroTopic = (props: Props) => {
       fragment RetroTopic_meeting on RetrospectiveMeeting {
         id
         organization {
-          featureFlags {
-            shareSummary
-          }
+          hasShareSummaryFlag: featureFlag(featureName: "shareSummary")
         }
       }
     `,
     meetingRef
   )
 
   const {id: meetingId} = meeting
-
-  const hasShareSummaryFeatureFlag = meeting.organization.featureFlags.shareSummary
-
+  const hasShareSummaryFlag = meeting.organization.hasShareSummaryFlag
   const {reflectionGroup, discussion, id: stageId} = stage
   const {commentCount, discussionSummary} = discussion
   const {reflections, title, voteCount} = reflectionGroup
@@ -174,7 +170,7 @@ const RetroTopic = (props: Props) => {
                     {commentLinkLabel}
                   </AnchorIfEmail>
                 </td>
-                {hasShareSummaryFeatureFlag && (
+                {hasShareSummaryFlag && (
                   <td style={{padding: '10px'}}>
                     <ShareTopic
                       isEmail={isEmail}

packages/client/modules/email/components/SummaryEmail/MeetingSummaryEmail/WholeMeetingSummary.tsx

@@ -24,10 +24,8 @@ const WholeMeetingSummary = (props: Props) => {
         id
         summary
         organization {
-          featureFlags {
-            standupAISummary
-            noAISummary
-          }
+          hasStandupAISummaryFlag: featureFlag(featureName: "standupAISummary")
+          hasNoAISummaryFlag: featureFlag(featureName: "noAISummary")
         }
         ... on RetrospectiveMeeting {
           reflectionGroups(sortBy: voteCount) {
@@ -49,14 +47,14 @@ const WholeMeetingSummary = (props: Props) => {
     const {summary: wholeMeetingSummary, reflectionGroups, organization} = meeting
     const reflections = reflectionGroups?.flatMap((group) => group.reflections) // reflectionCount hasn't been calculated yet so check reflections length
     const hasMoreThanOneReflection = reflections?.length && reflections.length > 1
-    if (!hasMoreThanOneReflection || organization.featureFlags.noAISummary || !hasAI) return null
+    if (!hasMoreThanOneReflection || organization.hasNoAISummaryFlag || !hasAI) return null
     if (!wholeMeetingSummary) return <WholeMeetingSummaryLoading />
     return <WholeMeetingSummaryResult meetingRef={meeting} />
   } else if (meeting.__typename === 'TeamPromptMeeting') {
     const {summary: wholeMeetingSummary, responses, organization} = meeting
     if (
-      !organization.featureFlags.standupAISummary ||
-      organization.featureFlags.noAISummary ||
+      !organization.hasStandupAISummaryFlag ||
+      organization.hasNoAISummaryFlag ||
       !hasAI ||
       !responses ||
       responses.length === 0

packages/client/modules/meeting/components/MeetingCheckInPrompt/NewCheckInQuestion.tsx

@@ -87,9 +87,7 @@ const NewCheckInQuestion = (props: Props) => {
         }
         team {
           organization {
-            featureFlags {
-              noAISummary
-            }
+            hasNoAISummaryFlag: featureFlag(featureName: "noAISummary")
           }
         }
       }
@@ -103,7 +101,7 @@ const NewCheckInQuestion = (props: Props) => {
     localPhase,
     facilitatorUserId,
     team: {
-      organization: {featureFlags}
+      organization: {hasNoAISummaryFlag}
     }
   } = meeting
   const {checkInQuestion} = localPhase
@@ -228,8 +226,7 @@ const NewCheckInQuestion = (props: Props) => {
       }
     })
   }
-  const showAiIcebreaker =
-    !featureFlags.noAISummary && isFacilitating && window.__ACTION__.hasOpenAI
+  const showAiIcebreaker = !hasNoAISummaryFlag && isFacilitating && window.__ACTION__.hasOpenAI
 
   return (
     <>

packages/client/modules/userDashboard/components/OrgTeams/OrgTeams.tsx

@@ -19,9 +19,7 @@ const OrgTeams = (props: Props) => {
       fragment OrgTeams_organization on Organization {
         id
         isOrgAdmin
-        featureFlags {
-          publicTeams
-        }
+        hasPublicTeamsFlag: featureFlag(featureName: "publicTeams")
         allTeams {
           id
           ...OrgTeamsRow_team
@@ -37,8 +35,7 @@ const OrgTeams = (props: Props) => {
     isOpen: isAddTeamDialogOpened
   } = useDialogState()
 
-  const {allTeams, isOrgAdmin, featureFlags} = organization
-  const hasPublicTeamsFlag = featureFlags.publicTeams
+  const {allTeams, isOrgAdmin, hasPublicTeamsFlag} = organization
   const showAllTeams = isOrgAdmin || hasPublicTeamsFlag
   return (
     <div className='max-w-4xl pb-4'>

packages/client/mutations/EndRetrospectiveMutation.ts

@@ -32,9 +32,7 @@ graphql`
         groupTitle
       }
       organization {
-        featureFlags {
-          noAISummary
-        }
+        hasNoAISummaryFlag: featureFlag(featureName: "noAISummary")
       }
       reflectionGroups(sortBy: voteCount) {
         reflections {
@@ -129,9 +127,7 @@ export const endRetrospectiveTeamOnNext: OnNextHandler<
       const reflections = reflectionGroups.flatMap((group) => group.reflections) // reflectionCount hasn't been calculated yet so check reflections length
       const hasMoreThanOneReflection = reflections.length > 1
       const hasOpenAISummary =
-        hasMoreThanOneReflection &&
-        !organization.featureFlags.noAISummary &&
-        window.__ACTION__.hasOpenAI
+        hasMoreThanOneReflection && !organization.hasNoAISummaryFlag && window.__ACTION__.hasOpenAI
       const hasTeamHealth = phases.some((phase) => phase.phaseType === 'TEAM_HEALTH')
       const pathname = `/new-summary/${meetingId}`
       const search = new URLSearchParams()

packages/client/mutations/LoginWithGoogleMutation.ts

@@ -25,9 +25,7 @@ const mutation = graphql`
       }
       isNewUser
       user {
-        featureFlags {
-          signUpDestinationTeam
-        }
+        hasSignUpDestinationTeamFlag: featureFlag(featureName: "signUpDestinationTeam")
         teams {
           id
         }
@@ -60,7 +58,7 @@ const LoginWithGoogleMutation: StandardMutation<TLoginWithGoogleMutation, Histor
         const authToken = acceptTeamInvitation?.authToken ?? loginWithGoogle.authToken
         atmosphere.setAuthToken(authToken)
         const redirectPath =
-          isNewUser && user?.featureFlags.signUpDestinationTeam
+          isNewUser && user?.hasSignUpDestinationTeamFlag
             ? `/team/${user?.teams?.[0]?.id}`
             : '/meetings'
 

packages/client/mutations/SignUpWithPasswordMutation.ts

@@ -26,9 +26,7 @@ const mutation = graphql`
         message
       }
       user {
-        featureFlags {
-          signUpDestinationTeam
-        }
+        hasSignUpDestinationTeamFlag: featureFlag(featureName: "signUpDestinationTeam")
         teams {
           id
         }
@@ -58,7 +56,7 @@ const SignUpWithPasswordMutation: StandardMutation<
         const authToken = acceptTeamInvitation?.authToken ?? signUpWithPassword.authToken
         atmosphere.setAuthToken(authToken)
 
-        const redirectPath = user?.featureFlags.signUpDestinationTeam
+        const redirectPath = user?.hasSignUpDestinationTeamFlag
           ? `/team/${user?.teams?.[0]?.id}`
           : '/meetings'