feat(tip): rotate support prompts

src/app/tip/tip-screen.tsx

@@ -39,6 +39,7 @@ import {
   formatTipPrice,
 } from "./tip-screen.helpers";
 import { TipSuccessView } from "./tip-success-view";
+import { useTipSupportPrompt } from "./use-tip-support-prompt";
 import styles from "./tip-screen.module.css";
 
 const TIP_ANALYTICS_CONTEXT: PaymentAnalyticsContext = {
@@ -60,6 +61,7 @@ export function TipScreen({
   const character = useActiveCharacter();
   const characterRoutes = useActiveCharacterRoutes();
   const userState = useUserState();
+  const supportPrompt = useTipSupportPrompt();
   const paymentMethodConfig = getPaymentMethodConfig({
     countryCode: userState.currentUser?.countryCode,
     requestedPayChannel: initialPayChannel,
@@ -251,9 +253,12 @@ export function TipScreen({
           <h1 id="tip-title" className={styles.title}>
             {character.copy.tipTitle}
           </h1>
-          <p className={styles.subtitle}>
-            ❤️ Thank you for being here. If you&apos;d ever like to treat me to a
-            little coffee, I&apos;d really appreciate it. ☕
+          <p
+            className={`${styles.subtitle} ${
+              supportPrompt.isReady ? styles.subtitleReady : ""
+            }`}
+          >
+            {supportPrompt.prompt}
           </p>
         </section>