Added first round of analytics and event tracking BOD-190

client/src/components/contract-license-decode-button/contract-license-decode-button.component.jsx

@@ -5,6 +5,7 @@ import { useTranslation } from "react-i18next";
 import aamva from "../../utils/aamva";
 import DataLabel from "../data-label/data-label.component";
 import LoadingSkeleton from "../loading-skeleton/loading-skeleton.component";
+import { logImEXEvent } from "../../firebase/firebase.utils";
 
 export default function ContractLicenseDecodeButton({ form }) {
   const { t } = useTranslation();
@@ -12,14 +13,19 @@ export default function ContractLicenseDecodeButton({ form }) {
   const [loading, setLoading] = useState(false);
   const [decodedBarcode, setDecodedBarcode] = useState(null);
   console.log("form", form);
+
   const handleDecode = (e) => {
+    logImEXEvent("contract_license_decode");
     setLoading(true);
     const aamvaParse = aamva.parse(e.currentTarget.value);
     console.log("AAMVA", aamvaParse);
     setDecodedBarcode(aamvaParse);
     setLoading(false);
   };
+
   const handleInsertForm = () => {
+    logImEXEvent("contract_license_decode_fill_form");
+
     const values = {
       driver_dlnumber: decodedBarcode.dl,
       driver_dlexpiry: moment(
@@ -55,8 +61,7 @@ export default function ContractLicenseDecodeButton({ form }) {
         okText={t("contracts.actions.senddltoform")}
         onOk={handleInsertForm}
         okButtonProps={{ disabled: !!!decodedBarcode }}
-        onCancel={handleCancel}
-      >
+        onCancel={handleCancel}>
         <div>
           <div>
             <Input