import React, { useMemo, type FC } from 'react' import classNames from 'classnames' import { parseISO } from 'date-fns' import type { Observable } from 'rxjs' import { catchError, map } from 'rxjs/operators' import { asError, type ErrorLike, isErrorLike } from '@sourcegraph/common' import { gql, dataOrThrowErrors } from '@sourcegraph/http-client' import { TelemetryV2Props } from '@sourcegraph/shared/src/telemetry' import { LoadingSpinner, useObservable, Link, CardFooter, Alert, ButtonLink, Tooltip, ErrorAlert, Text, } from '@sourcegraph/wildcard' import { queryGraphQL } from '../../../backend/graphql' import type { ProductLicenseInfoResult } from '../../../graphql-operations' import { formatUserCount } from '../../../productSubscription/helpers' import { ExpirationDate } from '../../productSubscription/ExpirationDate' import { ProductCertificate } from '../../productSubscription/ProductCertificate' import { TrueUpStatusSummary } from '../../productSubscription/TrueUpStatusSummary' import { TAG_TRUEUP } from '../dotcom/productSubscriptions/plandata' const queryProductLicenseInfo = (): Observable<{ productSubscription: ProductLicenseInfoResult['site']['productSubscription'] currentUserCount: number }> => queryGraphQL(gql` query ProductLicenseInfo { site { productSubscription { productNameWithBrand actualUserCount actualUserCountDate noLicenseWarningUserCount license { ...ProductLicenseInfoLicenseFields } } } users { totalCount } } fragment ProductLicenseInfoLicenseFields on ProductLicenseInfo { isFreePlan tags userCount expiresAt isValid licenseInvalidityReason } `).pipe( map(dataOrThrowErrors), map(({ site, users }) => ({ productSubscription: site.productSubscription, currentUserCount: users.totalCount, })) ) interface Props extends TelemetryV2Props { className?: string } /** * A component displaying information about and the status of the product subscription. */ export const ProductSubscriptionStatus: React.FunctionComponent> = ({ className, telemetryRecorder, }) => { /** The product subscription status, or an error, or undefined while loading. */ const statusOrError = useObservable( useMemo(() => queryProductLicenseInfo().pipe(catchError((error): [ErrorLike] => [asError(error)])), []) ) if (statusOrError === undefined) { return (

) } if (isErrorLike(statusOrError)) { return } const { productSubscription: { productNameWithBrand, actualUserCount, actualUserCountDate, noLicenseWarningUserCount, license, }, currentUserCount, } = statusOrError const hasTrueUp = license?.tags.some(tag => tag === TAG_TRUEUP.tagValue) const numberFormatter = Intl.NumberFormat(navigator.language) // No license means Sourcegraph Free. For that, show the user that they can use this for free // forever, and show them how to upgrade. return (

} footer={ {!license.isFreePlan ? ( <>

User licenses: {numberFormatter.format(currentUserCount)} currently used / {numberFormatter.format(license.userCount - currentUserCount)} remaining ( {numberFormatter.format(actualUserCount)} maximum ever used)

telemetryRecorder.recordEvent('admin.productSubscription.upgradeCTA', 'click', { metadata: { location: 0 }, }) } > Upgrade ) : ( <>

Add a license key to activate Sourcegraph Enterprise features{' '} {typeof noLicenseWarningUserCount === 'number' ? `or to exceed ${noLicenseWarningUserCount} users` : ''}

telemetryRecorder.recordEvent( 'admin.productSubscription.enterpriseCTA', 'click' ) } > Get license

)} } className={classNames('mb-3', className)} /> {hasTrueUp && ( )} {!hasTrueUp && license.userCount - actualUserCount < 0 && ( You have exceeded your licensed users.{' '} telemetryRecorder.recordEvent('admin.productSubscription.upgradeCTA', 'click', { metadata: { location: 1 }, }) } > Upgrade your license {' '} to true up and prevent a retroactive charge. )}

) } interface LicenseDetailsProps { license: ProductLicenseInfoResult['site']['productSubscription']['license'] } const LicenseDetails: FC = ({ license }) => { if (license.isValid) { return ( <> {formatUserCount(license.userCount, true)} license,{' '} ) } return ( The Sourcegraph license key is invalid. Reason: {license.licenseInvalidityReason} ) }