@visitorquery/react 0.0.8 → 0.0.10

package/dist/index.d.ts

@@ -1,12 +1 @@
-declare global {
-    interface Window {
-        VisitorQuery: any;
-    }
-}
-type Params = {
-    ApiKey: string;
-    SessionId: string;
-    Endpoint?: string;
-};
-export declare function useVisitorQuery(p: Params): void;
-export {};
+export * from "./provider.tsx";

package/dist/index.js

@@ -1,5 +1,5 @@
-// src/index.ts
-import { useEffect as useEffect2 } from "react";
+// src/provider.tsx
+import { createContext, useContext, useState as useState2, useEffect as useEffect2, useMemo } from "react";
 
 // src/hooks.ts
 import * as React from "react";
@@ -49,22 +49,74 @@ function useScript(src, options = {}) {
   return status;
 }
 
-// src/index.ts
-function useVisitorQuery(p) {
+// src/provider.tsx
+import { jsxDEV } from "react/jsx-dev-runtime";
+var VisitorQueryContext = createContext(null);
+function VisitorQueryProvider({
+  apiKey,
+  sessionId,
+  endpoint,
+  children
+}) {
   const defaultEndpoint = "main.check.visitorquery.com";
   const clientScript = useScript("https://cdn.visitorquery.com/visitorquery.js", {
     removeOnUnmount: false
   });
+  const [state, setState] = useState2({
+    Started: false,
+    Ended: false
+  });
+  const params = useMemo(() => ({
+    ApiKey: apiKey,
+    SessionId: sessionId,
+    Endpoint: endpoint || defaultEndpoint
+  }), [apiKey, sessionId, endpoint, defaultEndpoint]);
   useEffect2(() => {
     if (typeof window.VisitorQuery !== "undefined") {
       window.VisitorQuery.run({
-        ApiKey: p.ApiKey,
-        Endpoint: p.Endpoint || defaultEndpoint,
-        SessionId: p.SessionId
+        ApiKey: params.ApiKey,
+        Endpoint: params.Endpoint,
+        SessionId: params.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]);
+  }, [params, clientScript]);
+  const contextValue = useMemo(() => ({
+    ...state,
+    isLoading: clientScript === "loading"
+  }), [state, clientScript]);
+  return /* @__PURE__ */ jsxDEV(VisitorQueryContext.Provider, {
+    value: contextValue,
+    children
+  }, undefined, false, undefined, this);
+}
+function useVisitorQuery() {
+  const context = useContext(VisitorQueryContext);
+  if (!context) {
+    throw new Error("useVisitorQuery must be used within a VisitorQueryProvider");
+  }
+  return context;
 }
 export {
-  useVisitorQuery
+  useVisitorQuery,
+  VisitorQueryProvider
 };

package/dist/provider.d.ts

@@ -0,0 +1,23 @@
+import React from 'react';
+declare global {
+    interface Window {
+        VisitorQuery: any;
+    }
+}
+type VisitorQueryState = {
+    Started: boolean;
+    Ended: boolean;
+    Errored?: boolean;
+};
+type VisitorQueryContextType = VisitorQueryState & {
+    isLoading: boolean;
+};
+type VisitorQueryProviderProps = {
+    apiKey: string;
+    sessionId: string;
+    endpoint?: string;
+    children: React.ReactNode;
+};
+export declare function VisitorQueryProvider({ apiKey, sessionId, endpoint, children }: VisitorQueryProviderProps): import("react/jsx-runtime").JSX.Element;
+export declare function useVisitorQuery(): VisitorQueryContextType;
+export {};

package/package.json

@@ -1,13 +1,13 @@
 {
-	"version": "0.0.8",
+	"version": "0.0.10",
 	"name": "@visitorquery/react",
-	"module": "src/index.ts",
+	"module": "src/index.tsx",
 	"type": "module",
 	"devDependencies": {
 		"@types/bun": "latest"
 	},
 	"access": "public",
-	"main": "dist/index.js",
+	"main": "dist/index.ts",
 	"types": "dist/index.d.ts",
 	"scripts": {
 		"build": "bun build --target=node ./src/index.ts --outfile=dist/index.js --external react --external react-dom && bun run build:declaration",
@@ -39,6 +39,7 @@
 	"license": "MIT",
 	"files": [
 		"dist/*.js",
+		"dist/*.jsx",
 		"dist/*.d.ts"
 	]
 }