chore: add credit modal events (#24973)

PostHog · Sep 16, 2024 · a5604ea · a5604ea
1 parent 68fe7dd
commit a5604ea
Showing 1 changed file with 16 additions and 0 deletions.
diff --git a/frontend/src/scenes/billing/billingLogic.tsx b/frontend/src/scenes/billing/billingLogic.tsx
@@ -83,6 +83,8 @@ export const billingLogic = kea<billingLogicType>([
         setShowLicenseDirectInput: (show: boolean) => ({ show }),
         reportBillingAlertShown: (alertConfig: BillingAlertConfig) => ({ alertConfig }),
         reportBillingAlertActionClicked: (alertConfig: BillingAlertConfig) => ({ alertConfig }),
+        reportCreditsFormSubmitted: (creditInput: number) => ({ creditInput }),
+        reportCreditsModalShown: true,
         reportBillingShown: true,
         registerInstrumentationProps: true,
         setRedirectPath: true,
@@ -466,6 +468,7 @@ export const billingLogic = kea<billingLogicType>([
 
                 actions.showPurchaseCreditsModal(false)
                 actions.loadCreditOverview()
+                actions.reportCreditsFormSubmitted(+creditInput)
 
                 LemonDialog.open({
                     title: 'Your credit purchase has been submitted',
@@ -521,6 +524,14 @@ export const billingLogic = kea<billingLogicType>([
                 ...alertConfig,
             })
         },
+        reportCreditsModalShown: () => {
+            posthog.capture('credits modal shown')
+        },
+        reportCreditsFormSubmitted: ({ creditInput }) => {
+            posthog.capture('credits modal credit form submitted', {
+                creditInput,
+            })
+        },
         loadBillingSuccess: () => {
             if (
                 router.values.location.pathname.includes('/organization/billing') &&
@@ -665,6 +676,11 @@ export const billingLogic = kea<billingLogicType>([
                 posthog.register(payload)
             }
         },
+        showPurchaseCreditsModal: ({ isOpen }) => {
+            if (isOpen) {
+                actions.reportCreditsModalShown()
+            }
+        },
     })),
     afterMount(({ actions }) => {
         actions.loadBilling()