change(ui) - enterprise text

frontend/app/components/Assist/Assist.tsx

@@ -6,6 +6,7 @@ import AssistRouter from './AssistRouter';
 import { SideMenuitem } from 'UI';
 import { withSiteId, assist, recordings } from 'App/routes';
 import { connect } from 'react-redux';
+import { ENTERPRISE_REQUEIRED } from 'App/constants';
 
 interface Props extends RouteComponentProps {
   siteId: string;
@@ -40,7 +41,7 @@ function Assist(props: Props) {
               iconName="record-circle"
               onClick={() => redirect(recordings())}
               disabled={!isEnterprise}
-              tooltipTitle="This feature requires an enterprise license."
+              tooltipTitle={ENTERPRISE_REQUEIRED}
             />
           </div>
           <div className="side-menu-margined w-full">

frontend/app/components/Dashboard/components/DashboardOptions/DashboardOptions.tsx

@@ -1,6 +1,7 @@
 import React from 'react';
 import { ItemMenu } from 'UI';
 import { connect } from 'react-redux';
+import { ENTERPRISE_REQUEIRED } from 'App/constants';
 
 interface Props {
     editHandler: (isTitle: boolean) => void;
@@ -16,7 +17,7 @@ function DashboardOptions(props: Props) {
         { icon: 'text-paragraph', text: `${!isTitlePresent ? 'Add' : 'Edit'} Description`, onClick: () => editHandler(false) },
         { icon: 'users', text: 'Visibility & Access', onClick: editHandler },
         { icon: 'trash', text: 'Delete', onClick: deleteHandler },
-        { icon: 'pdf-download', text: 'Download Report', onClick: renderReport, disabled: !isEnterprise, tooltipTitle: 'This feature requires an enterprise license.' }
+        { icon: 'pdf-download', text: 'Download Report', onClick: renderReport, disabled: !isEnterprise, tooltipTitle: {ENTERPRISE_REQUEIRED} }
     ]
 
     return (

frontend/app/components/Dashboard/components/MetricTypeItem/MetricTypeItem.tsx

@@ -2,6 +2,7 @@ import { IconNames } from 'App/components/ui/SVG';
 import React from 'react';
 import { Icon, Tooltip } from 'UI';
 import cn from 'classnames';
+import { ENTERPRISE_REQUEIRED } from 'App/constants';
 
 export interface MetricType {
   title: string;
@@ -23,7 +24,7 @@ function MetricTypeItem(props: Props) {
     onClick = () => {},
   } = props;
   return (
-    <Tooltip disabled={!disabled} title="This feature requires an enterprise license." delay={0}>
+    <Tooltip disabled={!disabled} title={ENTERPRISE_REQUEIRED} delay={0}>
       <div
         className={cn(
           'rounded color-gray-darkest flex items-start border border-transparent p-4 hover:bg-active-blue cursor-pointer group hover-color-teal',

frontend/app/components/Dashboard/components/MetricTypeList/MetricTypeList.tsx

@@ -7,6 +7,7 @@ import { withRouter, RouteComponentProps } from 'react-router-dom';
 import { dashboardMetricCreate, withSiteId } from 'App/routes';
 import { useStore } from 'App/mstore';
 import { connect } from 'react-redux';
+import { ENTERPRISE_REQUEIRED } from 'App/constants';
 
 interface Props extends RouteComponentProps {
   dashboardId: number;
@@ -24,7 +25,7 @@ function MetricTypeList(props: Props) {
       return {
         ...metric,
         disabled: metric.slug === INSIGHTS && !isEnterprise,
-        tooltipTitle: disabled ? 'This feature requires an enterprise license.' : '',
+        tooltipTitle: disabled ? ENTERPRISE_REQUEIRED : '',
       };
     });
   }, []);

frontend/app/components/Login/Login.js

@@ -10,6 +10,7 @@ import stl from './login.module.css';
 import cn from 'classnames';
 import { setJwt } from 'Duck/user';
 import LoginBg from '../../svg/login-illustration.svg';
+import { ENTERPRISE_REQUEIRED } from 'App/constants';
 
 const FORGOT_PASSWORD = forgotPassword();
 const SIGNUP_ROUTE = signup();
@@ -165,7 +166,7 @@ class Login extends React.Component {
               ) : (
                 <Tooltip
                   delay={0}
-                  title={<div>{authDetails.edition === 'ee' ? "SSO has not been configured. Please reach out to your admin." : "This feature requires an enterprise license."}</div>}
+                  title={<div>{authDetails.edition === 'ee' ? "SSO has not been configured. Please reach out to your admin." : ENTERPRISE_REQUEIRED}</div>}
                   placement="top"
                 >
                   <Button

frontend/app/components/Session_/ScreenRecorder/ScreenRecorder.tsx

@@ -10,6 +10,7 @@ import { toast } from 'react-toastify';
 import { formatTimeOrDate } from 'App/date';
 import { PlayerContext, ILivePlayerContext } from 'App/components/Session/playerContext';
 import { observer } from 'mobx-react-lite';
+import { ENTERPRISE_REQUEIRED } from 'App/constants';
 
 /**
  * "edge" || "edg/"   chromium based edge (dev or canary)
@@ -107,7 +108,7 @@ function ScreenRecorder({
       <div className="p-2">
         {/* @ts-ignore */}
         <Tooltip
-          title={isEnterprise ? supportedMessage : 'This feature requires an enterprise license.'}
+          title={isEnterprise ? supportedMessage : ENTERPRISE_REQUEIRED}
         >
           <Button icon="record-circle" disabled variant="text-primary">
             Record Activity

frontend/app/components/shared/CustomDropdownOption/CustomDropdownOption.tsx

@@ -2,6 +2,7 @@ import React from 'react';
 import { components, OptionProps } from 'react-select';
 import { Icon, Tooltip } from 'UI';
 import cn from 'classnames';
+import { ENTERPRISE_REQUEIRED } from 'App/constants';
 
 export interface Props extends OptionProps {
   icon?: string;
@@ -13,7 +14,7 @@ function CustomDropdownOption(props: Props) {
   const { icon = '', label, description, isSelected, isFocused, disabled } = props;
   return (
     <components.Option {...props} className="!p-0 mb-2">
-      <Tooltip disabled={!disabled} title="This feature requires an enterprise license." delay={0}>
+      <Tooltip disabled={!disabled} title={ENTERPRISE_REQUEIRED} delay={0}>
         <div
           className={cn(
             'cursor-pointer group p-2 flex item-start border border-transparent rounded hover:!bg-active-blue !leading-0',

frontend/app/constants/index.js

@@ -20,4 +20,5 @@ export {
   WEBHOOK as CHANNEL_WEBHOOK
 } from './schedule';
 export { default } from './filterOptions';
-// export { default as storageKeys } from './storageKeys';
+// export { default as storageKeys } from './storageKeys';
+export const ENTERPRISE_REQUEIRED = "This feature requires an enterprise license.";