Merge pull request #22259 from overleaf/jdt-assist-wording

Add unlimited to assist plan wording

GitOrigin-RevId: a15f10e618ab11f36f55c091d36dc4e61bff49d6

services/web/frontend/extracted-translations.json

@@ -67,6 +67,7 @@
   "add_company_details_lowercase": "",
   "add_email_address": "",
   "add_email_to_claim_features": "",
+  "add_error_assist_annual_to_your_projects": "",
   "add_error_assist_to_your_projects": "",
   "add_files": "",
   "add_more_collaborators": "",
@@ -551,7 +552,7 @@
   "get_discounted_plan": "",
   "get_dropbox_sync": "",
   "get_early_access_to_ai": "",
-  "get_error_assistant": "",
+  "get_error_assist": "",
   "get_exclusive_access_to_labs": "",
   "get_full_project_history": "",
   "get_git_integration": "",

services/web/frontend/js/features/subscription/components/preview-subscription-change/root.tsx

@@ -2,7 +2,10 @@ import { useCallback } from 'react'
 import { Grid, Row, Col, Button } from 'react-bootstrap'
 import moment from 'moment'
 import { useTranslation, Trans } from 'react-i18next'
-import { SubscriptionChangePreview } from '../../../../../../types/subscription/subscription-change-preview'
+import {
+  SubscriptionChangePreview,
+  AddOnPurchase,
+} from '../../../../../../types/subscription/subscription-change-preview'
 import getMeta from '@/utils/meta'
 import { formatCurrencyLocalized } from '@/shared/utils/currency'
 import useAsync from '@/shared/hooks/use-async'
@@ -12,9 +15,12 @@ import { postJSON } from '@/infrastructure/fetch-json'
 import Notification from '@/shared/components/notification'
 import { subscriptionUpdateUrl } from '@/features/subscription/data/subscription-url'
 import * as eventTracking from '@/infrastructure/event-tracking'
+import sparkleText from '@/shared/svgs/ai-sparkle-text.svg'
 
 function PreviewSubscriptionChange() {
-  const preview = getMeta('ol-subscriptionChangePreview')
+  const preview = getMeta(
+    'ol-subscriptionChangePreview'
+  ) as SubscriptionChangePreview
   const { t } = useTranslation()
   const payNowTask = useAsync()
   const location = useLocation()
@@ -29,6 +35,10 @@ function PreviewSubscriptionChange() {
       .catch(debugConsole.error)
   }, [location, payNowTask, preview])
 
+  const addOnChange = preview.change.type === 'add-on-purchase'
+  const aiAddOnChange =
+    addOnChange && (preview.change as AddOnPurchase).addOn.code === 'assistant'
+
   return (
     <Grid>
       <Row>
@@ -59,6 +69,25 @@ function PreviewSubscriptionChange() {
               />
             )}
 
+            {aiAddOnChange && (
+              <div className="text-small">
+                <Trans
+                  i18nKey="add_error_assist_to_your_projects"
+                  components={{
+                    sparkle: (
+                      <img
+                        alt="sparkle"
+                        className="ai-error-assistant-sparkle"
+                        src={sparkleText}
+                        aria-hidden="true"
+                        key="sparkle"
+                      />
+                    ),
+                  }}
+                />
+              </div>
+            )}
+
             <div className="payment-summary-card mt-5">
               <h3>{t('payment_summary')}</h3>
               <Row>

services/web/frontend/js/shared/svgs/ai-sparkle-text.svg

@@ -0,0 +1,21 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_2673_2754)">
+<path d="M11.894 9.3478C8.10162 8.49142 7.51419 7.90399 6.65781 4.11161C6.61857 3.93828 6.46429 3.81485 6.286 3.81485C6.10772 3.81485 5.95343 3.93828 5.91419 4.11161C5.05743 7.90399 4.47038 8.49142 0.678002 9.3478C0.504288 9.38742 0.380859 9.54133 0.380859 9.71961C0.380859 9.8979 0.504288 10.0518 0.678002 10.0914C4.47038 10.9482 5.05743 11.5356 5.91419 15.3276C5.95343 15.5009 6.10772 15.6244 6.286 15.6244C6.46429 15.6244 6.61857 15.5009 6.65781 15.3276C7.51457 11.5356 8.10162 10.9482 11.894 10.0914C12.0677 10.0518 12.1908 9.8979 12.1908 9.71961C12.1908 9.54133 12.0673 9.38742 11.894 9.3478Z" fill="url(#paint0_linear_2673_2754)"/>
+<path d="M15.322 3.44343C13.306 2.98819 13.023 2.70514 12.5677 0.689523C12.5281 0.515809 12.3742 0.392761 12.1959 0.392761C12.0176 0.392761 11.8637 0.515809 11.8241 0.689523C11.3689 2.70514 11.0858 2.98819 9.0702 3.44343C8.89648 3.48305 8.77344 3.63695 8.77344 3.81524C8.77344 3.99352 8.89648 4.14743 9.0702 4.18705C11.0858 4.64228 11.3689 4.92533 11.8241 6.94133C11.8637 7.11467 12.0176 7.23809 12.1959 7.23809C12.3742 7.23809 12.5281 7.11467 12.5677 6.94133C13.023 4.92533 13.306 4.64228 15.322 4.18705C15.4953 4.14743 15.6188 3.99352 15.6188 3.81524C15.6188 3.63695 15.4953 3.48305 15.322 3.44343Z" fill="url(#paint1_linear_2673_2754)"/>
+</g>
+<defs>
+<linearGradient id="paint0_linear_2673_2754" x1="12.1908" y1="3.81485" x2="-1.57528" y2="10.0509" gradientUnits="userSpaceOnUse">
+<stop stop-color="#214475"/>
+<stop offset="0.295154" stop-color="#254C84"/>
+<stop offset="1" stop-color="#6597E0"/>
+</linearGradient>
+<linearGradient id="paint1_linear_2673_2754" x1="15.6188" y1="0.392762" x2="7.63952" y2="4.00726" gradientUnits="userSpaceOnUse">
+<stop stop-color="#214475"/>
+<stop offset="0.295154" stop-color="#254C84"/>
+<stop offset="1" stop-color="#6597E0"/>
+</linearGradient>
+<clipPath id="clip0_2673_2754">
+<rect width="16" height="16" fill="white"/>
+</clipPath>
+</defs>
+</svg>

services/web/locales/en.json

@@ -79,7 +79,8 @@
   "add_email": "Add Email",
   "add_email_address": "Add email address",
   "add_email_to_claim_features": "Add an institutional email address to claim your features.",
-  "add_error_assist_to_your_projects": "Add Error Assist to your projects and get AI help to fix LaTeX errors faster.",
+  "add_error_assist_annual_to_your_projects": "Add Error Assist Annual <sparkle/> to your projects and get unlimited AI help to fix LaTeX errors faster.",
+  "add_error_assist_to_your_projects": "Add Error Assist <sparkle/> to your projects and get unlimited AI help to fix LaTeX errors faster.",
   "add_files": "Add Files",
   "add_more_collaborators": "Add more collaborators",
   "add_more_editors": "Add more editors",
@@ -220,7 +221,6 @@
   "built_in": "Built-In",
   "bulk_accept_confirm": "Are you sure you want to accept the selected __nChanges__ changes?",
   "bulk_reject_confirm": "Are you sure you want to reject the selected __nChanges__ changes?",
-  "buy_error_assistant_for": "<strong>Buy Error Assist for $__aiAddonCost__ per year</strong>",
   "buy_now_no_exclamation_mark": "Buy now",
   "buy_overleaf_assist": "Buy Overleaf Assist",
   "by": "by",
@@ -713,7 +713,6 @@
   "first_name_sentence_case": "First name",
   "fit_to_height": "Fit to height",
   "fit_to_width": "Fit to width",
-  "fix_latex_errors_fast_and_perfect_your_projects": "Fix LaTeX errors fast and perfect your projects with the AI-powered Error Assist.",
   "fixed_width": "Fixed width",
   "fixed_width_wrap_text": "Fixed width, wrap text",
   "flexible_plans_for_everyone": "Flexible plans for everyone—from individual students and researchers, to large businesses and universities.",
@@ -787,7 +786,7 @@
   "get_discounted_plan": "Get discounted plan",
   "get_dropbox_sync": "Get Dropbox Sync",
   "get_early_access_to_ai": "Get early access to the new AI Error Assistant in Overleaf Labs",
-  "get_error_assistant": "Get Error Assistant",
+  "get_error_assist": "Get Error Assist",
   "get_exclusive_access_to_labs": "Get exclusive access to early-stage experiments when you join Overleaf Labs. All we ask in return is your honest feedback to help us develop and improve.",
   "get_full_project_history": "Get full project history",
   "get_git_integration": "Get Git integration",
@@ -1117,7 +1116,6 @@
   "latam_discount_offer_plans_page_banner": "__flag__ We’ve applied a __discount__ discount to premium plans on this page for our users in __country__. Check out the new lower prices (in __currency__).",
   "latex_articles_page_summary": "Papers, presentations, reports and more, written in LaTeX and published by our community. Search or browse below.",
   "latex_articles_page_title": "Articles - Papers, Presentations, Reports and more",
-  "latex_error_fixing_with_a_little_help": "LaTeX error fixing with a little help from AI",
   "latex_examples": "LaTeX examples",
   "latex_examples_page_summary": "Examples of powerful LaTeX packages and techniques in use — a great way to learn LaTeX by example. Search or browse below.",
   "latex_examples_page_title": "Examples - Equations, Formatting, TikZ, Packages and More",

services/web/types/subscription/subscription-change-preview.ts

@@ -36,7 +36,7 @@ type AddOn = {
 
 export type SubscriptionChangeDescription = AddOnPurchase | PremiumSubscription
 
-type AddOnPurchase = {
+export type AddOnPurchase = {
   type: 'add-on-purchase'
   addOn: {
     code: string