wrap remaining links

Author: dhasilva

projects/js-packages/ai-client/src/components/quota-exceeded-message/index.tsx

@@ -47,7 +47,7 @@ const useFairUsageNoticeMessage = () => {
 
 	const getFairUsageNoticeMessage = resetDateString => {
 		const fairUsageMessage = __(
-			"You've reached this month's request limit, per our <link>fair usage policy</link>.",
+			"You've reached this month's request limit, per our <link><span>fair usage policy</span></link>.",
 			'jetpack-ai-client'
 		);
 
@@ -75,6 +75,7 @@ const useFairUsageNoticeMessage = () => {
 				rel="noreferrer"
 			/>
 		),
+		span: <span />,
 	} );
 
 	return fairUsageNoticeMessageElement;

projects/js-packages/ai-client/src/components/quota-exceeded-message/light-nudge.tsx

@@ -28,7 +28,7 @@ export const LightNudge = ( {
 							variant="link"
 							target={ target }
 						>
-							{ isRedirecting ? redirectingText : buttonText }
+							<span>{ isRedirecting ? redirectingText : buttonText }</span>
 						</Button>
 					) }
 				</p>

projects/js-packages/ai-client/src/logo-generator/components/prompt.tsx

@@ -307,7 +307,7 @@ export const Prompt = ( { initialPrompt = '' }: PromptProps ) => {
 									target="_blank"
 									onClick={ onUpgradeClick }
 								>
-									{ __( 'Upgrade', 'jetpack-ai-client' ) }
+									<span>{ __( 'Upgrade', 'jetpack-ai-client' ) }</span>
 								</Button>
 							</>
 						) }

projects/js-packages/ai-client/src/logo-generator/components/upgrade-nudge.tsx

@@ -50,7 +50,7 @@ export const UpgradeNudge = () => {
 					className="is-primary"
 					onClick={ handleUpgradeClick }
 				>
-					{ buttonText }
+					<span>{ buttonText }</span>
 				</Button>
 			</div>
 		</div>

projects/js-packages/ai-client/src/logo-generator/components/upgrade-screen.tsx

@@ -52,20 +52,20 @@ export const UpgradeScreen: FC< {
 				</span>
 				&nbsp;
 				<Button variant="link" href={ upgradeInfoUrl } target="_blank">
-					{ __( 'Learn more about Jetpack AI.', 'jetpack-ai-client' ) }
+					<span>{ __( 'Learn more about Jetpack AI.', 'jetpack-ai-client' ) }</span>
 				</Button>
 			</div>
 			<div className="jetpack-ai-logo-generator-modal__notice-actions">
 				<Button variant="tertiary" onClick={ onCancel }>
-					{ __( 'Cancel', 'jetpack-ai-client' ) }
+					<span>{ __( 'Cancel', 'jetpack-ai-client' ) }</span>
 				</Button>
 				<Button
 					variant="primary"
 					href={ upgradeURL }
 					target="_blank"
 					onClick={ handleUpgradeClick }
 				>
-					{ __( 'Upgrade', 'jetpack-ai-client' ) }
+					<span>{ __( 'Upgrade', 'jetpack-ai-client' ) }</span>
 				</Button>
 			</div>
 		</div>

projects/js-packages/ai-client/src/logo-generator/components/visit-site-banner.tsx

@@ -44,7 +44,7 @@ export const VisitSiteBanner: FC< {
 						target="_blank"
 						onClick={ onVisitBlankTarget ? onVisitBlankTarget : null }
 					>
-						{ __( 'Learn more about Jetpack AI', 'jetpack-ai-client' ) }
+						<span>{ __( 'Learn more about Jetpack AI', 'jetpack-ai-client' ) }</span>
 						<Icon icon={ external } size={ 20 } />
 					</Button>
 				</div>

projects/js-packages/ai-client/src/logo-generator/hooks/use-fair-usage-notice-message.tsx

@@ -33,7 +33,7 @@ const useFairUsageNoticeMessage = (): Element => {
 
 	const getFairUsageNoticeMessage = resetDateString => {
 		const fairUsageMessage = __(
-			"You've reached this month's request limit, per our <link>fair usage policy</link>.",
+			"You've reached this month's request limit, per our <link><span>fair usage policy</span></link>.",
 			'jetpack-ai-client'
 		);
 
@@ -59,6 +59,7 @@ const useFairUsageNoticeMessage = (): Element => {
 
 	const fairUsageNoticeMessageElement = createInterpolateElement( fairUsageNoticeMessage, {
 		link: <a href={ upgradeInfoUrl } target="_blank" rel="noreferrer" />,
+		span: <span />,
 	} );
 
 	return fairUsageNoticeMessageElement;

projects/plugins/jetpack/extensions/plugins/ai-assistant-plugin/components/ai-assistant-plugin-sidebar/upgrade.tsx

@@ -34,13 +34,13 @@ export default function Upgrade( {
 	const requestLimit = currentTier?.value && currentTier?.value !== 1 ? currentTier.limit : 20;
 
 	const freeLimitUpgradePrompt = __(
-		'You have reached the limit of <strong>20 free</strong> requests. <button>Upgrade to continue generating feedback.</button>',
+		'You have reached the limit of <strong>20 free</strong> requests. <button><span>Upgrade to continue generating feedback.</span></button>',
 		'jetpack'
 	);
 	const tierLimitUpgradePrompt = sprintf(
 		/* translators: number is the request limit for the current tier/plan */
 		__(
-			'You have reached the limit of <strong>%d requests</strong>. <button>Upgrade to continue generating feedback.</button>',
+			'You have reached the limit of <strong>%d requests</strong>. <button><span>Upgrade to continue generating feedback.</span></button>',
 			'jetpack'
 		),
 		requestLimit
@@ -61,6 +61,7 @@ export default function Upgrade( {
 		{
 			strong: <strong />,
 			button: <Button variant="link" onClick={ handleClick } href={ upgradeUrl } target="_blank" />,
+			span: <span />,
 		}
 	);
 

projects/plugins/jetpack/extensions/plugins/ai-assistant-plugin/components/usage-panel/index.tsx

@@ -129,7 +129,7 @@ export function UsagePanel( {
 										href={ contactUsURL }
 										onClick={ handleContactUsClick }
 									>
-										{ __( 'Contact Us', 'jetpack' ) }
+										<span>{ __( 'Contact Us', 'jetpack' ) }</span>
 									</Button>
 								</>
 							) }
@@ -141,7 +141,7 @@ export function UsagePanel( {
 									href={ checkoutUrl }
 									onClick={ handleUpgradeClick }
 								>
-									{ upgradeButtonText }
+									<span>{ upgradeButtonText }</span>
 								</Button>
 							) }
 						</div>