import DOMPurify from "dompurify"; import { useSession } from "next-auth/react"; import { Trans } from "next-i18next"; import type { AriaRole, ComponentType } from "react"; import React, { Fragment, useEffect } from "react"; import { APP_NAME, CONSOLE_URL, SUPPORT_MAIL_ADDRESS, WEBAPP_URL } from "@calcom/lib/constants"; import { useLocale } from "@calcom/lib/hooks/useLocale"; import { EmptyScreen, TopBanner } from "@calcom/ui"; import { AlertTriangle } from "@calcom/ui/components/icon"; type LicenseRequiredProps = { as?: keyof JSX.IntrinsicElements | ""; className?: string; role?: AriaRole | undefined; children: React.ReactNode; }; const LicenseRequired = ({ children, as = "", ...rest }: LicenseRequiredProps) => { const session = useSession(); const { t } = useLocale(); const Component = as || Fragment; const hasValidLicense = session.data ? session.data.hasValidLicense : null; useEffect(() => { if (process.env.NODE_ENV === "development" && hasValidLicense === false) { // Very few people will see this, so we don't need to translate it console.info( `You're using a feature that requires a valid license. Please go to ${WEBAPP_URL}/auth/setup to enter a license key.` ); } }, []); return ( {hasValidLicense === null || hasValidLicense ? ( children ) : process.env.NODE_ENV === "development" ? ( /** We only show a warning in development mode, but allow the feature to be displayed for development/testing purposes */ <> {t("enterprise_license")}.{" "} You can test this feature on development mode. For production usage please have an administrator go to{" "} /auth/setup {" "} to enter a license key. } variant="warning" /> {children} ) : ( ${APP_NAME} `, setupUrl: `/auth/setup`, supportMail: ` ${SUPPORT_MAIL_ADDRESS}`, }) ), }} /> } /> )} ); }; export const withLicenseRequired = (Component: ComponentType) => // eslint-disable-next-line react/display-name (hocProps: T) => ( ); export default LicenseRequired;