@khanacademy/math-input 6.0.1 → 6.0.2

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # @khanacademy/math-input
 
+## 6.0.2
+
+### Patch Changes
+
+-   71c631ea: Add keypad opened and closed analytics events
+-   Updated dependencies [71c631ea]
+    -   @khanacademy/perseus-core@0.0.2
+
 ## 6.0.1
 
 ### Patch Changes

package/dist/es/index.js

@@ -4,6 +4,7 @@ import { getDecimalSeparator } from '@khanacademy/wonder-blocks-i18n';
 import { entries } from '@khanacademy/wonder-stuff-core';
 import { StyleSheet, css } from 'aphrodite';
 import * as React from 'react';
+import { useEffect } from 'react';
 import ReactDOM from 'react-dom';
 import $ from 'jquery';
 import MathQuill from 'mathquill';
@@ -8597,6 +8598,7 @@ function allPages(props) {
 // keypad to learners for entering math expressions.
 function Keypad(props) {
   const [selectedPage, setSelectedPage] = React.useState("Numbers");
+  const [isMounted, setIsMounted] = React.useState(false);
   const availablePages = allPages(props);
   const {
     onClickKey,
@@ -8608,8 +8610,31 @@ function Keypad(props) {
     logarithms,
     basicRelations,
     advancedRelations,
-    showDismiss
+    showDismiss,
+    sendEvent
   } = props;
+  useEffect(() => {
+    if (!isMounted) {
+      sendEvent({
+        type: "math-input:keypad-opened",
+        payload: {
+          virtualKeypadVersion: "MATH_INPUT_KEYPAD_V2"
+        }
+      });
+      setIsMounted(true);
+    }
+    return () => {
+      if (isMounted) {
+        sendEvent({
+          type: "math-input:keypad-closed",
+          payload: {
+            virtualKeypadVersion: "MATH_INPUT_KEYPAD_V2"
+          }
+        });
+        setIsMounted(false);
+      }
+    };
+  }, [sendEvent, isMounted]);
   return /*#__PURE__*/React.createElement(View$1, null, /*#__PURE__*/React.createElement(Tabbar, {
     items: availablePages,
     selectedItem: selectedPage,