@visitorquery/react 0.0.10 → 0.0.12

package/dist/index.d.ts

@@ -1 +1 @@
-export * from "./provider.tsx";
+export * from './provider.tsx';

package/dist/provider.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import { default as React } from 'react';
 declare global {
     interface Window {
         VisitorQuery: any;

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,45 +1,45 @@
 {
-	"version": "0.0.10",
-	"name": "@visitorquery/react",
-	"module": "src/index.tsx",
-	"type": "module",
-	"devDependencies": {
-		"@types/bun": "latest"
-	},
-	"access": "public",
-	"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",
-		"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/*.jsx",
-		"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,122 +0,0 @@
-// src/provider.tsx
-import { createContext, useContext, useState as useState2, useEffect as useEffect2, useMemo } 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/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: 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);
-        }
-      });
-    }
-  }, [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,
-  VisitorQueryProvider
-};