adding hooks

Author: Edward Marzal

ui/src/hooks/useAnalytics.tsx

@@ -0,0 +1,15 @@
+import { useAppSdk } from './useAppSdk';
+
+const useAnalytics = () => {
+  const [appSdk] = useAppSdk();
+
+  const trackEvent = (event: string, eventData: any = {}) => {
+    // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+    // @ts-ignore
+    return appSdk?.pulse(event, eventData);
+  };
+
+  return { trackEvent };
+};
+
+export default useAnalytics;

ui/src/hooks/useAppSdk.ts

@@ -0,0 +1,18 @@
+/**
+ * useAppSdk
+ * @return the appSdk instance after initialization
+ * This hook is to utilize for appSdk pulse method and its an exception for dev tools app.
+ */
+import { atom, useAtom } from 'jotai';
+import Extension from '@contentstack/app-sdk/dist/src/extension';
+
+export const appSdkRefAtom = atom<Extension | null>(null);
+
+/**
+ * Getter and setter for appSdk instance.
+ * To be used during Sdk initialization
+ */
+// eslint-disable-next-line @typescript-eslint/ban-ts-comment
+export const useAppSdk = (): [Extension | null, any] => {
+  return useAtom(appSdkRefAtom);
+};