chore(release): Test and deploy to Production v7.51.0

.release-please-manifest.json

@@ -1,3 +1,3 @@
 {
-  ".": "7.50.12"
+  ".": "7.51.0"
 }

CHANGELOG.md

@@ -5,6 +5,21 @@ This project adheres to [Semantic Versioning](http://semver.org/).
 
 This CHANGELOG follows conventions [outlined here](http://keepachangelog.com/).
 
+## [7.51.0](https://github.com/ParabolInc/parabol/compare/v7.50.12...v7.51.0) (2024-10-16)
+
+
+### Added
+
+* add Insights UI skeleton ([#10254](https://github.com/ParabolInc/parabol/issues/10254)) ([aa8e931](https://github.com/ParabolInc/parabol/commit/aa8e9313603d081e445d5b6193059d27dfdcb268))
+* **orgAdmin:** Add org admin teaser in org team page for non-enterprise orgs ([#10253](https://github.com/ParabolInc/parabol/issues/10253)) ([ca069db](https://github.com/ParabolInc/parabol/commit/ca069dbd97e3f33e81983298676aea748eda0664))
+* show default insight ([#10283](https://github.com/ParabolInc/parabol/issues/10283)) ([f99e63a](https://github.com/ParabolInc/parabol/commit/f99e63a3f05a4f2b863e4b3052950de7d02cce5e))
+
+
+### Changed
+
+* remove feature flag owner ([#10319](https://github.com/ParabolInc/parabol/issues/10319)) ([dfdb68c](https://github.com/ParabolInc/parabol/commit/dfdb68cd25c4b9fb49ea1bf6a5e7cfa775151d21))
+* **rethinkdb:** Task: Phase 3 ([#10339](https://github.com/ParabolInc/parabol/issues/10339)) ([7965ab6](https://github.com/ParabolInc/parabol/commit/7965ab691f3d4dc9599d9b958ecebc2c46649fad))
+
 ## [7.50.12](https://github.com/ParabolInc/parabol/compare/v7.50.11...v7.50.12) (2024-10-16)
 
 

codegen.json

@@ -13,6 +13,7 @@
         "mappers": {
           "AddFeatureFlagSuccess": "./types/AddFeatureFlagSuccess#AddFeatureFlagSuccessSource",
           "ApplyFeatureFlagSuccess": "./types/ApplyFeatureFlagSuccess#ApplyFeatureFlagSuccessSource",
+          "RemoveFeatureFlagOwnerSuccess": "./types/RemoveFeatureFlagOwnerSuccess#RemoveFeatureFlagOwnerSuccessSource",
           "DeleteFeatureFlagSuccess": "./types/DeleteFeatureFlagSuccess#DeleteFeatureFlagSuccessSource",
           "UpdateFeatureFlagSuccess": "./types/UpdateFeatureFlagSuccess#UpdateFeatureFlagSuccessSource",
           "ChangeEmailDomainSuccess": "./types/ChangeEmailDomainSuccess#ChangeEmailDomainSuccessSource",
@@ -50,6 +51,7 @@
       "config": {
         "contextType": "../graphql#GQLContext",
         "mappers": {
+          "TaskEstimate": "../../postgres/types/index#TaskEstimate",
           "ReflectTemplatePromptUpdateDescriptionPayload": "./types/ReflectTemplatePromptUpdateDescriptionPayload#ReflectTemplatePromptUpdateDescriptionPayloadSource",
           "NewFeatureBroadcast": "../../postgres/types/index#NewFeature",
           "ReflectTemplatePromptUpdateGroupColorPayload": "./types/ReflectTemplatePromptUpdateGroupColorPayload#ReflectTemplatePromptUpdateGroupColorPayloadSource",
@@ -176,7 +178,7 @@
           "StartRetrospectiveSuccess": "./types/StartRetrospectiveSuccess#StartRetrospectiveSuccessSource",
           "StartTeamPromptSuccess": "./types/StartTeamPromptSuccess#StartTeamPromptSuccessSource",
           "StripeFailPaymentPayload": "./types/StripeFailPaymentPayload#StripeFailPaymentPayloadSource",
-          "Task": "../../database/types/Task#default",
+          "Task": "../../postgres/types/index#Task as TaskDB",
           "Team": "../../postgres/types/index#Team as TeamDB",
           "TeamHealthPhase": "./types/TeamHealthPhase#TeamHealthPhaseSource",
           "TeamHealthStage": "./types/TeamHealthStage#TeamHealthStageSource",

package.json

@@ -3,7 +3,7 @@
   "description": "An open-source app for building smarter, more agile teams.",
   "author": "Parabol Inc. <[email protected]> (http://github.com/ParabolInc)",
   "license": "AGPL-3.0",
-  "version": "7.50.12",
+  "version": "7.51.0",
   "repository": {
     "type": "git",
     "url": "https://github.com/ParabolInc/parabol"

packages/chronos/package.json

@@ -1,6 +1,6 @@
 {
   "name": "chronos",
-  "version": "7.50.12",
+  "version": "7.51.0",
   "description": "A cron job scheduler",
   "author": "Matt Krick <[email protected]>",
   "homepage": "https://github.com/ParabolInc/parabol/tree/master/packages/chronos#readme",
@@ -25,6 +25,6 @@
   },
   "dependencies": {
     "cron": "^2.3.1",
-    "parabol-server": "7.50.12"
+    "parabol-server": "7.51.0"
   }
 }

packages/client/components/TaskIntegrationMenuItem.tsx

@@ -1,5 +1,5 @@
 import React, {forwardRef} from 'react'
-import {TaskServiceEnum} from '~/../server/database/types/Task'
+import {TaskServiceEnum} from '../__generated__/CreateTaskMutation.graphql'
 import AzureDevOpsSVG from './AzureDevOpsSVG'
 import GitHubSVG from './GitHubSVG'
 import GitLabSVG from './GitLabSVG'

packages/client/modules/demo/ClientGraphQLServer.ts

@@ -10,13 +10,13 @@ import {DragReflectionDropTargetTypeEnum} from '~/__generated__/EndDraggingRefle
 import {PALETTE} from '~/styles/paletteV3'
 import GoogleAnalyzedEntity from '../../../server/database/types/GoogleAnalyzedEntity'
 import ReflectPhase from '../../../server/database/types/ReflectPhase'
-import ITask from '../../../server/database/types/Task'
 import {NewMeetingStage} from '../../../server/graphql/private/resolverTypes'
 import {
   DiscussPhase,
   DiscussStage,
   NewMeetingPhase
 } from '../../../server/postgres/types/NewMeetingPhase'
+import {Task as ITask} from '../../../server/postgres/types/index.d'
 import {
   ExternalLinks,
   MeetingSettingsThreshold,

packages/client/modules/demo/initDB.ts

@@ -1,6 +1,6 @@
 import {SlackNotificationEventEnum} from '~/__generated__/SlackNotificationList_viewer.graphql'
 import {PALETTE} from '~/styles/paletteV3'
-import ITask from '../../../server/database/types/Task'
+import {Task as ITask} from '../../../server/postgres/types/index.d'
 import {RetrospectiveMeeting} from '../../../server/postgres/types/Meeting'
 import JiraProjectId from '../../shared/gqlIds/JiraProjectId'
 import demoUserAvatar from '../../styles/theme/images/avatar-user.svg'

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

@@ -93,7 +93,7 @@ const WholeMeetingSummaryResult = ({meetingRef}: Props) => {
             <td
               align='center'
               style={textStyle}
-              className='summary-link-style'
+              className='link-style'
               dangerouslySetInnerHTML={{__html: sanitizedSummary}}
             />
           </tr>

packages/client/modules/teamDashboard/components/TeamDashHeader/TeamDashHeader.tsx

@@ -3,7 +3,6 @@ import styled from '@emotion/styled'
 import graphql from 'babel-plugin-relay/macro'
 import React from 'react'
 import {useFragment} from 'react-relay'
-import {useRouteMatch} from 'react-router'
 import {NavLink} from 'react-router-dom'
 import DashboardAvatars from '~/components/DashboardAvatars/DashboardAvatars'
 import AgendaToggle from '~/modules/teamDashboard/components/AgendaToggle/AgendaToggle'
@@ -96,10 +95,14 @@ const TeamDashHeader = (props: Props) => {
         ...DashboardAvatars_team
         id
         name
+        hasInsightsFlag: featureFlag(featureName: "insights")
         organization {
           id
           name
         }
+        viewerTeamMember {
+          isLead
+        }
         teamMembers(sortBy: "preferredName") {
           ...InviteTeamMemberAvatar_teamMembers
           ...DashboardAvatar_teamMember
@@ -110,12 +113,29 @@ const TeamDashHeader = (props: Props) => {
     `,
     teamRef
   )
-  const {organization, id: teamId, name: teamName, teamMembers} = team
+  const {
+    organization,
+    id: teamId,
+    name: teamName,
+    teamMembers,
+    viewerTeamMember,
+    hasInsightsFlag
+  } = team
   const {name: orgName, id: orgId} = organization
-  const isTasks = useRouteMatch('/team/:teamId/tasks')
-  const isIntegrations = useRouteMatch('/team/:teamId/integrations')
+  const canViewInsights = viewerTeamMember?.isLead && hasInsightsFlag
   const {history} = useRouter()
 
+  const tabs = [
+    {label: 'Activity', path: 'activity'},
+    {label: 'Tasks', path: 'tasks'},
+    {label: 'Integrations', path: 'integrations'},
+    ...(canViewInsights ? [{label: 'Insights', path: 'insights'}] : [])
+  ]
+
+  const activePath = location.pathname.split('/').pop()
+  const activeTab = tabs.find((tab) => tab.path === activePath) ? activePath : 'activity'
+  const activeIdx = tabs.findIndex((tab) => tab.path === activeTab)
+
   return (
     <DashSectionHeader>
       <TeamHeaderAndAvatars>
@@ -158,12 +178,16 @@ const TeamDashHeader = (props: Props) => {
         </Avatars>
       </TeamHeaderAndAvatars>
       <Tabs
-        activeIdx={isTasks ? 1 : isIntegrations ? 2 : 0}
+        activeIdx={activeIdx}
         className='full-w max-w-none border-b border-solid border-slate-300'
       >
-        <Tab label='Activity' onClick={() => history.push(`/team/${teamId}/activity`)} />
-        <Tab label='Tasks' onClick={() => history.push(`/team/${teamId}/tasks`)} />
-        <Tab label='Integrations' onClick={() => history.push(`/team/${teamId}/integrations`)} />
+        {tabs.map((tab) => (
+          <Tab
+            key={tab.path}
+            label={tab.label}
+            onClick={() => history.push(`/team/${teamId}/${tab.path}`)}
+          />
+        ))}
       </Tabs>
     </DashSectionHeader>
   )

packages/client/modules/teamDashboard/components/TeamDashInsightsTab/TeamDashInsightsTab.tsx

@@ -0,0 +1,21 @@
+import React, {lazy} from 'react'
+
+interface Props {
+  teamId: string
+}
+
+const TeamInsightsRoot = lazy(
+  () => import(/* webpackChunkName: 'InsightsRoot' */ './TeamInsightsRoot')
+)
+
+const TeamDashInsightsTab = (props: Props) => {
+  const {teamId} = props
+  return (
+    <div className='flex w-full flex-wrap px-4'>
+      <div className='m-0'>
+        <TeamInsightsRoot teamId={teamId} />
+      </div>
+    </div>
+  )
+}
+export default TeamDashInsightsTab

packages/client/modules/teamDashboard/components/TeamDashInsightsTab/TeamInsightContent.tsx

@@ -0,0 +1,121 @@
+import AutoAwesomeIcon from '@mui/icons-material/AutoAwesome'
+import graphql from 'babel-plugin-relay/macro'
+import dayjs from 'dayjs'
+import {marked} from 'marked'
+import React from 'react'
+import {useFragment} from 'react-relay'
+import sanitizeHtml from 'sanitize-html'
+import {TeamInsightContent_team$key} from '../../../../__generated__/TeamInsightContent_team.graphql'
+
+interface Props {
+  teamName: string
+  insightRef: TeamInsightContent_team$key
+}
+
+const TeamInsightContent = (props: Props) => {
+  const {insightRef, teamName} = props
+  const insight = useFragment(
+    graphql`
+      fragment TeamInsightContent_team on Insight {
+        meetingsCount
+        wins
+        challenges
+        startDateTime
+        endDateTime
+      }
+    `,
+    insightRef
+  )
+  const {meetingsCount, wins, challenges} = insight
+
+  const renderMarkdown = (text: string) => {
+    const renderedText = marked(text, {
+      gfm: true,
+      breaks: true
+    }) as string
+    return sanitizeHtml(renderedText, {
+      allowedTags: sanitizeHtml.defaults.allowedTags.concat(['a']),
+      allowedAttributes: {
+        ...sanitizeHtml.defaults.allowedAttributes,
+        a: ['href', 'target', 'rel']
+      },
+      transformTags: {
+        a: (tagName, attribs) => {
+          return {
+            tagName,
+            attribs: {
+              ...attribs,
+              target: '_blank',
+              rel: 'noopener noreferrer'
+            }
+          }
+        }
+      }
+    })
+  }
+
+  const formatDateRange = (start: string, end: string) => {
+    const startDate = dayjs(start)
+    const endDate = dayjs(end)
+
+    if (startDate.year() === endDate.year()) {
+      return `${startDate.format('MMM')} to ${endDate.format('MMM YYYY')}`
+    } else {
+      return `${startDate.format('MMM YYYY')} to ${endDate.format('MMM YYYY')}`
+    }
+  }
+
+  const dateRange = insight
+    ? formatDateRange(insight.startDateTime, insight.endDateTime)
+    : 'Date range not available'
+
+  return (
+    <div className='mx-auto aspect-[1/1.414] w-[640px] max-w-3xl overflow-y-auto rounded-lg bg-white px-[56px] pt-8 shadow-md'>
+      <h2 className='mb-4 mt-0 flex items-center pt-0 text-2xl font-semibold leading-9'>
+        <AutoAwesomeIcon className='mr-2 h-9 w-9 text-grape-500' />
+        <span>Insights - {dateRange}</span>
+      </h2>
+      <p className='mb-6 text-sm text-slate-600'>Summarized {meetingsCount} meetings</p>
+
+      {wins && wins.length > 0 && (
+        <>
+          <h3 className='mb-0 text-lg font-semibold text-slate-700'>Wins</h3>
+          <p className='mb-2 mt-0 text-sm italic text-slate-600'>
+            What wins has "{teamName}" seen during this timeframe?
+          </p>
+          <ul className='mb-6 list-disc space-y-0 pl-6'>
+            {wins.map((win, index) => (
+              <li key={index} className='text-sm text-slate-700'>
+                <span
+                  className='link-style'
+                  dangerouslySetInnerHTML={{__html: renderMarkdown(win)}}
+                />
+              </li>
+            ))}
+          </ul>
+        </>
+      )}
+
+      {challenges && challenges.length > 0 && (
+        <>
+          <h3 className='mb-0 text-lg font-semibold text-slate-700'>Challenges</h3>
+          <p className='mb-2 mt-0 text-sm italic text-slate-600'>
+            What challenges has "{teamName}" faced during this timeframe?
+          </p>
+          <ul className='list-disc space-y-0 pl-6'>
+            {challenges.map((challenge, index) => (
+              <li key={index} className='text-sm text-slate-700'>
+                <span
+                  className='link-style'
+                  dangerouslySetInnerHTML={{__html: renderMarkdown(challenge)}}
+                />
+              </li>
+            ))}
+          </ul>
+        </>
+      )}
+    </div>
+  )
+}
+
+export default TeamInsightContent