feat(payments-next): Implement Glean frontend metrics for Churn intervention by xlisachan · Pull Request #20166 · mozilla/fxa

xlisachan · 2026-03-10T18:21:02Z

This pull request

Implements the following:
- Page_view for Subscription Management
- Retention_flow
  - Cancel flow + Error
  - Stay flow + Error
- Interstitial_offer
  - Offer + Error

Issue that this pull request solves

Closes: PAY-3471

Checklist

Put an x in the boxes that apply

My commit is GPG signed.

Screenshot

Page View - Subscription Management

Retention Flow

Churn Cancel Flow - cancel subscription

View

Engage

Submit

Result

Churn Cancel Flow - redeem coupon

View

Engage

Submit

Result

Churn Stay Flow

View

Engage

Submit

Result

Interstitial Offer

View

Cancel subscription

Engage

Submit

Result

Upgrade

Engage - note: this action has been updated to 'offer' to distinguish from the second engage (action: upgrade) in the Offer lifecycle

View - Upgrade page

Engage

Submit

Result

xlisachan · 2026-03-16T17:35:14Z

_dev/docker/ci/Dockerfile

 RUN _scripts/l10n/clone.sh
-RUN yarn install --immutable;
+RUN yarn install --immutable \
+    && rm -rf .venv \


Once this PR is merged, L29-31 can be removed.

xlisachan · 2026-03-16T17:36:15Z

.circleci/config.yml

-            python3 --version
            rm -rf .venv
-            python3 -m venv .venv --without-pip
+            python3 -m venv .venv


Once this PR is merged, ensure-glean-venv and all its usages can be removed.

xlisachan · 2026-03-16T19:28:59Z

apps/payments/next/app/[locale]/subscriptions/manage/page.tsx

+      <GleanPageView
+        metricsEnabled={session?.user?.metricsEnabled ?? true}
+        pageMetrics={{ pageName: 'management', entrypoint }}
+      />


There are no changes below this, I'm not sure why GitHub is saying there were. 😒

xlisachan · 2026-03-16T19:35:21Z

libs/payments/ui/src/lib/client/components/ChurnCancel/index.tsx

+    if (
+      reason === 'eligible' &&
+      !cancelContent.cancelAtPeriodEnd &&
+      cancelContent.active


It would be considered a 'view' if the customer saw the churn content messaging, and would not be a 'view' if they have refreshed the page after having either successfully redeemed a coupon or canceled their subscription.

xlisachan · 2026-03-16T19:36:14Z

libs/payments/ui/src/lib/client/components/ChurnStaySubscribed/index.tsx

+      staySubscribedContent.active
+    ) {
+      glean.recordRetentionFlowView(retentionFlowBase);
+    }


It would be considered a 'view' if the customer saw the churn content messaging, and would not be a 'view' if they have refreshed the page after having either successfully redeemed a coupon or decided to remain canceled.

xlisachan · 2026-03-16T19:37:08Z

libs/payments/ui/src/lib/client/components/InterstitialOffer/index.tsx

+  useEffect(() => {
+    if (pageContent && !cancelAtPeriodEnd) {
+      glean.recordInterstitialOfferView(interstitialOfferBase);
+    }


It would be considered a 'view' if the customer saw the offer content.

julianpoy · 2026-03-19T18:11:11Z

libs/payments/metrics/src/lib/glean/glean-client.manager.ts

+      // Glean.setDebugViewTag('payments-frontend');
+      // Glean.setLogPings(true);


[nit] Commented code

julianpoy · 2026-03-19T18:11:36Z

libs/payments/ui/src/lib/client/components/CheckoutForm/index.tsx

+        action: 'upgrade',
+      });
+    }
+  }, []); // eslint-disable-line


Can we state a specific rule here rather than a full disable?

I believe the comment can actually be removed.

julianpoy · 2026-03-19T18:11:47Z

libs/payments/ui/src/lib/client/components/ChurnCancel/index.tsx

+    ) {
+      glean.recordRetentionFlowView(retentionFlowBase);
+    }
+  }, []); // eslint-disable-line


Same comment

julianpoy · 2026-03-19T18:11:58Z

libs/payments/ui/src/lib/client/components/ChurnStaySubscribed/index.tsx

+    ) {
+      glean.recordRetentionFlowView(retentionFlowBase);
+    }
+  }, []); // eslint-disable-line


julianpoy · 2026-03-19T18:12:30Z

libs/payments/ui/src/lib/client/components/ChurnStaySubscribed/index.tsx

+        // TODO: This is a workaround to match existing legacy behavior.
+        // Fix as part of redesign


Can we cite a specific ticket here?

…vention This pull request - Implements the following: - Page_view for Subscription Management - Retention_flow for Cancel and Stay (and Error) - Interstitial_offer for Offer (and Error) Closes PAY-3471

xlisachan changed the title ~~Pay 3471~~ feat(payments-next): Implement Glean churn metrics Mar 10, 2026

xlisachan changed the title ~~feat(payments-next): Implement Glean churn metrics~~ feat(payments-next): Implement Glean frontend metrics for Churn intervention Mar 10, 2026

xlisachan force-pushed the PAY-3472 branch 11 times, most recently from 8e45cd4 to 71caeba Compare March 12, 2026 14:21

Base automatically changed from PAY-3472 to main March 12, 2026 14:39

xlisachan force-pushed the PAY-3471 branch 16 times, most recently from 6fc8d7a to 8fdab4f Compare March 16, 2026 16:26

xlisachan commented Mar 16, 2026

View reviewed changes

xlisachan marked this pull request as ready for review March 16, 2026 18:03

xlisachan requested a review from a team as a code owner March 16, 2026 18:03

xlisachan force-pushed the PAY-3471 branch 2 times, most recently from ddb2a3d to fef4669 Compare March 16, 2026 18:37

xlisachan commented Mar 16, 2026

View reviewed changes

julianpoy reviewed Mar 19, 2026

View reviewed changes

julianpoy approved these changes Mar 19, 2026

View reviewed changes

xlisachan force-pushed the PAY-3471 branch from fef4669 to 226274d Compare March 23, 2026 15:30

feat(payments-next): Implement Glean frontend metrics for Churn inter…

5c3be5a

…vention This pull request - Implements the following: - Page_view for Subscription Management - Retention_flow for Cancel and Stay (and Error) - Interstitial_offer for Offer (and Error) Closes PAY-3471

xlisachan force-pushed the PAY-3471 branch from 8b2c222 to 5c3be5a Compare March 23, 2026 17:55

xlisachan merged commit 20874a4 into main Mar 23, 2026
22 checks passed

xlisachan deleted the PAY-3471 branch March 23, 2026 18:12

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

feat(payments-next): Implement Glean frontend metrics for Churn intervention#20166

feat(payments-next): Implement Glean frontend metrics for Churn intervention#20166
xlisachan merged 1 commit intomainfrom
PAY-3471

xlisachan commented Mar 10, 2026 •

edited

Loading

Uh oh!

xlisachan Mar 16, 2026

Uh oh!

xlisachan Mar 16, 2026

Uh oh!

xlisachan Mar 16, 2026

Uh oh!

xlisachan Mar 16, 2026

Uh oh!

xlisachan Mar 16, 2026

Uh oh!

xlisachan Mar 16, 2026 •

edited

Loading

Uh oh!

julianpoy Mar 19, 2026

Uh oh!

julianpoy Mar 19, 2026

Uh oh!

xlisachan Mar 23, 2026

Uh oh!

julianpoy Mar 19, 2026

Uh oh!

julianpoy Mar 19, 2026

Uh oh!

julianpoy Mar 19, 2026

Uh oh!

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

2 participants

		// Glean.setDebugViewTag('payments-frontend');
		// Glean.setLogPings(true);

		// TODO: This is a workaround to match existing legacy behavior.
		// Fix as part of redesign

Conversation

xlisachan commented Mar 10, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

This pull request

Issue that this pull request solves

Checklist

Screenshot

Page View - Subscription Management

Retention Flow

Churn Cancel Flow - cancel subscription

Churn Cancel Flow - redeem coupon

Churn Stay Flow

Interstitial Offer

Cancel subscription

Upgrade

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

xlisachan Mar 16, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

2 participants

xlisachan commented Mar 10, 2026 •

edited

Loading

xlisachan Mar 16, 2026 •

edited

Loading