@visitorquery/react 0.0.8 → 0.0.9

package/dist/index.d.ts

@@ -8,5 +8,10 @@ type Params = {
     SessionId: string;
     Endpoint?: string;
 };
-export declare function useVisitorQuery(p: Params): void;
+type State = {
+    Started: boolean;
+    Ended: boolean;
+    Errored?: boolean;
+};
+export declare function useVisitorQuery(p: Params): State;
 export {};

package/dist/index.js

@@ -1,5 +1,5 @@
 // src/index.ts
-import { useEffect as useEffect2 } from "react";
+import { useState as useState2, useEffect as useEffect2 } from "react";
 
 // src/hooks.ts
 import * as React from "react";
@@ -55,15 +55,40 @@ function useVisitorQuery(p) {
   const clientScript = useScript("https://cdn.visitorquery.com/visitorquery.js", {
     removeOnUnmount: false
   });
+  const [state, setState] = useState2({
+    Started: false,
+    Ended: false
+  });
   useEffect2(() => {
     if (typeof window.VisitorQuery !== "undefined") {
       window.VisitorQuery.run({
         ApiKey: p.ApiKey,
         Endpoint: p.Endpoint || defaultEndpoint,
-        SessionId: p.SessionId
+        SessionId: p.SessionId,
+        onOpen: () => {
+          setState({
+            Started: true,
+            Ended: false
+          });
+        },
+        onClose: () => {
+          setState({
+            Started: true,
+            Ended: true
+          });
+        },
+        onError: (err) => {
+          setState({
+            Started: true,
+            Ended: true,
+            Errored: true
+          });
+          console.error(err);
+        }
       });
     }
   }, [p, clientScript]);
+  return state;
 }
 export {
   useVisitorQuery

package/package.json

@@ -1,5 +1,5 @@
 {
-	"version": "0.0.8",
+	"version": "0.0.9",
 	"name": "@visitorquery/react",
 	"module": "src/index.ts",
 	"type": "module",