Merge pull request #46 from contentstack/feat/EC0-3330

Feat/ECO-3330

Author: abhishek305

ui/src/common/constants/index.ts

@@ -1,3 +1,8 @@
 export default {
   appSdkError: "appSdk initialization error",
 };
+
+export const eventNames = Object.freeze({
+  APP_INITIALIZE_SUCCESS: "App Loaded Successfully",
+  APP_INITIALIZE_FAILURE: "App Load Failure",
+});

ui/src/containers/CustomField/index.tsx

@@ -1,9 +1,10 @@
 import React, { useEffect, useState } from "react";
 import ContentstackAppSdk from "@contentstack/app-sdk";
-import constants from "../../common/constants";
+import constants, { eventNames } from "../../common/constants";
 import { isEmpty } from "../../common/utils";
 import { TypeSDKData } from "../../common/types";
 import "./styles.scss";
+import useAnalytics from "../../hooks/useAnalytics";
 import JSONEditor from "../../components/jsoneditor";
 
 const CustomField: React.FC = function () {
@@ -13,7 +14,10 @@ const CustomField: React.FC = function () {
     appSdkInitialized: false,
   });
   const [jsonData, setJsonData] = useState<Array<any>>([{}]);
+  const { trackEvent } = useAnalytics();
   const [saveJsonData, setSaveJsonData] = useState<Array<any>>([{}]);
+  const { APP_INITIALIZE_SUCCESS, APP_INITIALIZE_FAILURE } = eventNames;
+
   let isStringified: any;
 
   const toStringify = (localConfig: any, globalConfig: any) => {
@@ -62,9 +66,11 @@ const CustomField: React.FC = function () {
             [JSON.stringify(jsonVal[0])]
             : jsonVal
         );
+        trackEvent(APP_INITIALIZE_SUCCESS)
       })
       .catch((error) => {
         console.error(constants.appSdkError, error);
+        trackEvent(APP_INITIALIZE_FAILURE)
       });
   }, []);