Update AI requests wording

Author: 4ian

newIDE/app/src/MainFrame/EditorContainers/AskAi/AiRequestChat.js

@@ -188,18 +188,19 @@ export const AiRequestChat = React.forwardRef<Props, AiRequestChatInterface>(
             )
           }
           recommendedPlanIdIfNoSubscription="gdevelop_gold"
+          canHide
         >
           <Line>
             <Column noMargin>
               <Text noMargin>
                 {increaseQuotaOffering === 'subscribe' ? (
                   <Trans>
-                    Get more free AI requests with a GDevelop premium plan.
+                    Unlock AI requests included with a GDevelop premium plan.
                   </Trans>
                 ) : (
                   <Trans>
-                    Upgrade to another premium plan to get more free AI
-                    requests.
+                    Get even more AI requests included with a higher premium
+                    plan.
                   </Trans>
                 )}
               </Text>

newIDE/app/src/Profile/Subscription/GetSubscriptionCard.js

@@ -14,8 +14,11 @@ import CrownShining from '../../UI/CustomSvgIcons/CrownShining';
 import { useResponsiveWindowSize } from '../../UI/Responsive/ResponsiveWindowMeasurer';
 import AuthenticatedUserContext from '../AuthenticatedUserContext';
 import { hasValidSubscriptionPlan } from '../../Utils/GDevelopServices/Usage';
+import IconButton from '../../UI/IconButton';
+import Cross from '../../UI/CustomSvgIcons/Cross';
 
 const styles = {
+  topRightHideButton: { position: 'absolute', right: 1, top: 1 },
   paper: {
     zIndex: 2, // Make sure the paper is above the background for the border effect.
     flex: 1,
@@ -49,6 +52,7 @@ type Props = {|
     | 'gdevelop_gold'
     | 'gdevelop_startup'
     | 'gdevelop_education',
+  canHide?: boolean,
 |};
 
 const GetSubscriptionCard = ({
@@ -61,7 +65,9 @@ const GetSubscriptionCard = ({
   forceColumnLayout,
   filter,
   recommendedPlanIdIfNoSubscription,
+  canHide,
 }: Props) => {
+  const [isHidden, setIsHidden] = React.useState(false);
   const { subscription } = React.useContext(AuthenticatedUserContext);
   const actualPlanIdToRecommend = hasValidSubscriptionPlan(subscription)
     ? // If the user already has a subscription, show the original subscription dialog.
@@ -72,6 +78,9 @@ const GetSubscriptionCard = ({
   );
   const { isMobile } = useResponsiveWindowSize();
   const columnLayout = forceColumnLayout || isMobile;
+
+  if (isHidden) return null;
+
   return (
     <div className={classes.premiumContainer}>
       <Paper style={styles.paper} background="medium">
@@ -117,6 +126,19 @@ const GetSubscriptionCard = ({
             </ResponsiveLineStackLayout>
           </Column>
         </Line>
+        {canHide && (
+          <div style={styles.topRightHideButton}>
+            <IconButton
+              aria-label="hide"
+              onClick={() => {
+                setIsHidden(true);
+              }}
+              size="small"
+            >
+              <Cross fontSize="small" />
+            </IconButton>
+          </div>
+        )}
       </Paper>
     </div>
   );