Merge pull request #17008 from overleaf/jpa-jdt-wf-consent-init

[web] new copy for Writefull promotion

GitOrigin-RevId: 4e67414a5f9ef96649d36e15a2aa8661ee4fdd59

services/web/frontend/js/shared/components/notification.tsx

@@ -16,6 +16,7 @@ export type NotificationProps = {
   className?: string
   content: React.ReactElement | string
   customIcon?: React.ReactElement
+  disclaimer?: React.ReactElement | string
   isDismissible?: boolean
   isActionBelowContent?: boolean
   onDismiss?: () => void
@@ -53,6 +54,7 @@ function Notification({
   className = '',
   content,
   customIcon,
+  disclaimer,
   isActionBelowContent,
   isDismissible,
   onDismiss,
@@ -99,6 +101,9 @@ function Notification({
           {content}
         </div>
         {action && <div className="notification-cta">{action}</div>}
+        {disclaimer && (
+          <div className="notification-disclaimer">{disclaimer}</div>
+        )}
       </div>
 
       {isDismissible && (

services/web/frontend/js/shared/context/editor-context.tsx

@@ -19,6 +19,8 @@ import { useUserContext } from './user-context'
 import { saveProjectSettings } from '@/features/editor-left-menu/utils/api'
 import { PermissionsLevel } from '@/features/ide-react/types/permissions'
 
+type writefullAdButtons = '' | 'try-it' | 'log-in'
+
 export const EditorContext = createContext<
   | {
       cobranding?: {
@@ -46,8 +48,8 @@ export const EditorContext = createContext<
       inactiveTutorials: [string]
       currentPopup: string | null
       setCurrentPopup: Dispatch<SetStateAction<string | null>>
-      writefullAdClicked: boolean
-      setWritefullAdClicked: Dispatch<SetStateAction<boolean>>
+      writefullAdClicked: writefullAdButtons
+      setWritefullAdClicked: Dispatch<SetStateAction<writefullAdButtons>>
     }
   | undefined
 >(undefined)
@@ -86,7 +88,8 @@ export const EditorProvider: FC = ({ children }) => {
     getMeta('ol-inactiveTutorials', [])
   )
 
-  const [writefullAdClicked, setWritefullAdClicked] = useState(false)
+  const [writefullAdClicked, setWritefullAdClicked] =
+    useState<writefullAdButtons>('')
 
   const [currentPopup, setCurrentPopup] = useState<string | null>(null)