@visitorquery/react 0.0.9 → 0.0.12

package/dist/index.d.ts

@@ -1,17 +1 @@
-declare global {
-    interface Window {
-        VisitorQuery: any;
-    }
-}
-type Params = {
-    ApiKey: string;
-    SessionId: string;
-    Endpoint?: string;
-};
-type State = {
-    Started: boolean;
-    Ended: boolean;
-    Errored?: boolean;
-};
-export declare function useVisitorQuery(p: Params): State;
-export {};
+export * from './provider.tsx';

package/dist/provider.d.ts

@@ -0,0 +1,23 @@
+import { default as 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/dist/react.js

@@ -0,0 +1,89 @@
+import { jsx as E } from "react/jsx-runtime";
+import * as m from "react";
+import { createContext as v, useState as y, useMemo as l, useEffect as S, useContext as p } from "react";
+function w(t, i = {}) {
+  const [d, n] = m.useState("loading"), a = m.useRef(i);
+  return m.useEffect(() => {
+    let e = document.querySelector(`script[src="${t}"]`);
+    const s = e == null ? void 0 : e.getAttribute("data-status");
+    if (s) {
+      n(s);
+      return;
+    }
+    if (e === null) {
+      e = document.createElement("script"), e.src = t, e.async = !0, e.setAttribute("data-status", "loading"), document.body.appendChild(e);
+      const o = () => {
+        e == null || e.setAttribute("data-status", "ready"), n("ready"), u();
+      }, r = () => {
+        e == null || e.setAttribute("data-status", "error"), n("error"), u();
+      }, u = () => {
+        e == null || e.removeEventListener("load", o), e == null || e.removeEventListener("error", r);
+      };
+      e.addEventListener("load", o), e.addEventListener("error", r);
+      const c = a.current.removeOnUnmount;
+      return () => {
+        c === !0 && (e == null || e.remove(), u());
+      };
+    } else
+      n("unknown");
+  }, [t]), d;
+}
+const f = v(null);
+function x({
+  apiKey: t,
+  sessionId: i,
+  endpoint: d,
+  children: n
+}) {
+  const a = "main.check.visitorquery.com", e = w("https://cdn.visitorquery.com/visitorquery.js", {
+    removeOnUnmount: !1
+  }), [s, o] = y({
+    Started: !1,
+    Ended: !1
+  }), r = l(() => ({
+    ApiKey: t,
+    SessionId: i,
+    Endpoint: d || a
+  }), [t, i, d, a]);
+  S(() => {
+    typeof window.VisitorQuery < "u" && window.VisitorQuery.run({
+      ApiKey: r.ApiKey,
+      Endpoint: r.Endpoint,
+      SessionId: r.SessionId,
+      onOpen: () => {
+        o({
+          Started: !0,
+          Ended: !1
+        });
+      },
+      onClose: () => {
+        o({
+          Started: !0,
+          Ended: !0
+        });
+      },
+      onError: (c) => {
+        o({
+          Started: !0,
+          Ended: !0,
+          Errored: !0
+        }), console.error(c);
+      }
+    });
+  }, [r, e]);
+  const u = l(() => ({
+    ...s,
+    isLoading: e === "loading"
+  }), [s, e]);
+  return /* @__PURE__ */ E(f.Provider, { value: u, children: n });
+}
+function A() {
+  const t = p(f);
+  if (!t)
+    throw new Error("useVisitorQuery must be used within a VisitorQueryProvider");
+  return t;
+}
+export {
+  x as VisitorQueryProvider,
+  A as useVisitorQuery
+};

package/package.json

@@ -1,44 +1,45 @@
 {
-	"version": "0.0.9",
-	"name": "@visitorquery/react",
-	"module": "src/index.ts",
-	"type": "module",
-	"devDependencies": {
-		"@types/bun": "latest"
-	},
-	"access": "public",
-	"main": "dist/index.js",
-	"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",
-		"build:declaration": "tsc --emitDeclarationOnly --project tsconfig.types.json",
-		"postbuild": "rimraf tsconfig.types.tsbuildinfo",
-		"push": "git fetch --tags -f && standard-version && git push --follow-tags origin master && bun publish --access public",
-		"release": "pnpm run build && pnpm run build:declaration && pnpm run push"
-	},
-	"peerDependencies": {
-		"@types/react": "^19.0.10",
-		"react": "^19.0.0",
-		"react-dom": "^19.0.0",
-		"typescript": "^5.0.0"
-	},
-	"repository": {
-		"type": "git",
-		"url": "https://github.com/visitorquery/react-hook.git"
-	},
-	"keywords": [
-		"fraud",
-		"antifraud",
-		"chargeback",
-		"proxy",
-		"visitorquery",
-		"vpn",
-		"detect"
-	],
-	"author": "VisitorQuery",
-	"license": "MIT",
-	"files": [
-		"dist/*.js",
-		"dist/*.d.ts"
-	]
-}
+  "version": "0.0.12",
+  "name": "@visitorquery/react",
+  "module": "src/index.tsx",
+  "type": "module",
+  "devDependencies": {
+    "@vitejs/plugin-react": "^4.3.4",
+    "vite": "^6.2.1",
+    "vite-plugin-dts": "^4.5.3"
+  },
+  "access": "public",
+  "main": "dist/index.ts",
+  "types": "dist/index.d.ts",
+  "peerDependencies": {
+    "@types/react": "^19.0.10",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
+    "typescript": "^5.0.0"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/visitorquery/react-hook.git"
+  },
+  "keywords": [
+    "fraud",
+    "antifraud",
+    "chargeback",
+    "proxy",
+    "visitorquery",
+    "vpn",
+    "detect"
+  ],
+  "author": "VisitorQuery",
+  "license": "MIT",
+  "files": [
+    "dist/*.js",
+    "dist/*.jsx",
+    "dist/*.d.ts"
+  ],
+  "scripts": {
+    "build": "tsc --p ./tsconfig.build.json && vite build",
+    "push": "git fetch --tags -f && standard-version && git push --follow-tags origin master && pnpm publish --access public",
+    "release": "pnpm run build && pnpm run push"
+  }
+}

package/dist/index.js

@@ -1,95 +0,0 @@
-// src/index.ts
-import { useState as useState2, useEffect as useEffect2 } from "react";
-
-// src/hooks.ts
-import * as React from "react";
-function useScript(src, options = {}) {
-  const [status, setStatus] = React.useState("loading");
-  const optionsRef = React.useRef(options);
-  React.useEffect(() => {
-    let script = document.querySelector(`script[src="${src}"]`);
-    const domStatus = script?.getAttribute("data-status");
-    if (domStatus) {
-      setStatus(domStatus);
-      return;
-    }
-    if (script === null) {
-      script = document.createElement("script");
-      script.src = src;
-      script.async = true;
-      script.setAttribute("data-status", "loading");
-      document.body.appendChild(script);
-      const handleScriptLoad = () => {
-        script?.setAttribute("data-status", "ready");
-        setStatus("ready");
-        removeEventListeners();
-      };
-      const handleScriptError = () => {
-        script?.setAttribute("data-status", "error");
-        setStatus("error");
-        removeEventListeners();
-      };
-      const removeEventListeners = () => {
-        script?.removeEventListener("load", handleScriptLoad);
-        script?.removeEventListener("error", handleScriptError);
-      };
-      script.addEventListener("load", handleScriptLoad);
-      script.addEventListener("error", handleScriptError);
-      const removeOnUnmount = optionsRef.current.removeOnUnmount;
-      return () => {
-        if (removeOnUnmount === true) {
-          script?.remove();
-          removeEventListeners();
-        }
-      };
-    } else {
-      setStatus("unknown");
-    }
-  }, [src]);
-  return status;
-}
-
-// src/index.ts
-function useVisitorQuery(p) {
-  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
-  });
-  useEffect2(() => {
-    if (typeof window.VisitorQuery !== "undefined") {
-      window.VisitorQuery.run({
-        ApiKey: p.ApiKey,
-        Endpoint: p.Endpoint || defaultEndpoint,
-        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
-};