Merge pull request #2515 from cfpb/2514-add-custom-analytics-event

🚀 Currently on Dev: `v3.2.9b` 🚀

## Changes

- add `@cfpb/cfpb-analytics` library (same that [consumerfinance.gov uses](https://github.com/cfpb/consumerfinance.gov/blob/main/package.json#L21))
- add a sample test event to OLARFT when a row is saved (same as we did [in SBL](https://github.com/cfpb/sbl-frontend/blob/7169f2123db2a04dbd2fa18a58945883017c2a1f/src/utils/useSignAndCertify.ts#L32-L36))

## Testing

1. Does the OLARFT page load normally on Dev?

Closes #2514

Author: billhimmelsbach

package.json

@@ -25,6 +25,7 @@
   "author": "Consumer Financial Protection Bureau",
   "license": "CC0-1.0",
   "dependencies": {
+    "@cfpb/cfpb-analytics": "^0.3.2",
     "@docsearch/react": "3.6.0",
     "@redux-devtools/extension": "^3.3.0",
     "@reduxjs/toolkit": "^1.9.7",

src/tools/larft/components/row-editor/Editing.jsx

@@ -11,6 +11,7 @@ import { isRowTS } from '../../utils/row'
 import { EditingActions } from './EditingActions'
 import { EditingParsed } from './EditingParsed'
 import { EditingPiped } from './EditingPiped'
+import { analyticsSendEvent } from '@cfpb/cfpb-analytics'
 
 /**
  * Combined section allowing users to edit a single row's content
@@ -36,6 +37,12 @@ export const Editing = ({ id = 'row-editor' }) => {
   const saveHandler = () => {
     setChanged(false)
     dispatch(rowSave())
+    const typeOfRow = editingRow["Record Identifier"] === '1' ? 'TS' : 'LAR'
+    analyticsSendEvent({
+      event: 'OLARFT Events',
+      action: 'Successfully saved row',
+      label: typeOfRow,
+    });
   }
 
   const newHandler = () => {

yarn.lock

@@ -1667,6 +1667,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@cfpb/cfpb-analytics@npm:^0.3.2":
+  version: 0.3.2
+  resolution: "@cfpb/cfpb-analytics@npm:0.3.2"
+  checksum: 10c0/7f1da9c1c6612432701b6919e0ce4aff18d856721b15b3739531013bdba52d0b88facb6f3567ab79a7ed4522e3d8a33b896be4b8f4276431d38bd8573c8bdaa7
+  languageName: node
+  linkType: hard
+
 "@colors/colors@npm:1.5.0":
   version: 1.5.0
   resolution: "@colors/colors@npm:1.5.0"
@@ -6739,6 +6746,7 @@ __metadata:
   dependencies:
     "@babel/preset-env": "npm:^7.23.8"
     "@babel/preset-react": "npm:^7.23.3"
+    "@cfpb/cfpb-analytics": "npm:^0.3.2"
     "@cypress/skip-test": "npm:2.6.0"
     "@docsearch/react": "npm:3.6.0"
     "@esbuild-plugins/node-globals-polyfill": "npm:^0.2.3"