@gahojin-inc/react-google-recaptcha 2026.4.0 → 2026.5.1

package/dist/context.d.ts

@@ -0,0 +1,4 @@
+import { Context } from 'react';
+import { GoogleReCaptchaContextType } from './types.js';
+declare const GoogleReCaptchaContext: Context<GoogleReCaptchaContextType>;
+export { GoogleReCaptchaContext };

package/dist/context.js

@@ -0,0 +1,12 @@
+import { createContext } from "react";
+//#region src/context.tsx
+var GoogleReCaptchaContext = createContext({
+	isLoading: true,
+	error: null,
+	execute: () => Promise.reject("useGoogleRecaptcha must be used within an GoogleReCaptchaProvider"),
+	reset: () => []
+});
+//#endregion
+export { GoogleReCaptchaContext };
+
+//# sourceMappingURL=context.js.map

package/dist/context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.js","names":[],"sources":["../src/context.tsx"],"sourcesContent":["import { type Context, createContext } from 'react'\nimport type { GoogleReCaptchaContextType } from './types.js'\n\nconst GoogleReCaptchaContext: Context<GoogleReCaptchaContextType> = createContext<GoogleReCaptchaContextType>({\n  isLoading: true,\n  error: null,\n  execute: () => Promise.reject('useGoogleRecaptcha must be used within an GoogleReCaptchaProvider'),\n  reset: () => [],\n})\n\nexport { GoogleReCaptchaContext }\n"],"mappings":";;AAGA,IAAM,yBAA8D,cAA0C;CAC5G,WAAW;CACX,OAAO;CACP,eAAe,QAAQ,OAAO,oEAAoE;CAClG,aAAa,EAAE;CAChB,CAAC"}

package/dist/hooks.d.ts

@@ -0,0 +1,3 @@
+import { GoogleReCaptchaContextType } from './types.js';
+declare const useGoogleRecaptcha: () => GoogleReCaptchaContextType;
+export { useGoogleRecaptcha };

package/dist/hooks.js

@@ -0,0 +1,10 @@
+import { GoogleReCaptchaContext } from "./context.js";
+import { useContext } from "react";
+//#region src/hooks.ts
+var useGoogleRecaptcha = () => {
+	return useContext(GoogleReCaptchaContext);
+};
+//#endregion
+export { useGoogleRecaptcha };
+
+//# sourceMappingURL=hooks.js.map

package/dist/hooks.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"hooks.js","names":[],"sources":["../src/hooks.ts"],"sourcesContent":["import { useContext } from 'react'\nimport { GoogleReCaptchaContext } from './context.js'\nimport type { GoogleReCaptchaContextType } from './types.js'\n\nconst useGoogleRecaptcha = (): GoogleReCaptchaContextType => {\n  return useContext(GoogleReCaptchaContext)\n}\n\nexport { useGoogleRecaptcha }\n"],"mappings":";;;AAIA,IAAM,2BAAuD;AAC3D,QAAO,WAAW,uBAAuB"}

package/dist/index.d.ts

@@ -1,68 +1,5 @@
-import { JSX, PropsWithChildren } from "react";
-
-//#region \0rolldown/runtime.js
-//#endregion
-//#region src/types.d.ts
-type Theme = "light" | "dark";
-type Size = "normal" | "compact" | "invisible";
-type Badge = "bottomright" | "bottomleft" | "inline";
-type Parameters = {
-  sitekey: string;
-  badge?: Badge;
-  size?: Size;
-  theme?: Theme;
-  callback?: (token: string) => void;
-  "error-callback"?: (error?: Error) => void;
-};
-type GoogleReCaptchaProviderProps = PropsWithChildren<{
-  readonly siteKey: string;
-  readonly language?: string | null;
-  readonly useRecaptchaNet?: boolean;
-  readonly useEnterprise?: boolean;
-  readonly container?: string | HTMLElement | null;
-  readonly badge?: Badge;
-  readonly theme?: Theme;
-}>;
-type Action = {
-  action: string;
-};
-type Grecaptcha = {
-  ready: (onReady: () => void) => void;
-  render: (container: string | HTMLElement, params: Parameters) => string;
-  execute: (widgetId: string, params?: Action) => PromiseLike<string | null>;
-  reset: (widgetId: string) => void;
-};
-type GoogleReCaptchaContextType = {
-  readonly isLoading: boolean;
-  readonly error: Error | null;
-  execute: (action?: string) => Promise<string>;
-  reset: () => void;
-};
-declare global {
-  var grecaptcha: Grecaptcha & {
-    enterprise: Grecaptcha;
-  };
-}
-declare namespace provider_d_exports {
-  export { GoogleReCaptchaProvider$1 as GoogleReCaptchaProvider };
-}
-declare const GoogleReCaptchaProvider$1: ({
-  siteKey,
-  language,
-  useRecaptchaNet,
-  useEnterprise,
-  container,
-  badge,
-  theme,
-  children
-}: GoogleReCaptchaProviderProps) => JSX.Element;
-//#endregion
-//#region src/hooks.d.ts
-declare const useGoogleRecaptcha: () => GoogleReCaptchaContextType;
-//#endregion
-//#region src/index.d.ts
-declare const MOCK_TOKEN: string;
-declare const GoogleReCaptchaProvider: (typeof provider_d_exports)["GoogleReCaptchaProvider"];
-//#endregion
-export { GoogleReCaptchaProvider, type GoogleReCaptchaProviderProps, MOCK_TOKEN, useGoogleRecaptcha };
-//# sourceMappingURL=index.d.ts.map
+import * as provider from './provider.js';
+export declare const MOCK_TOKEN: string;
+export declare const GoogleReCaptchaProvider: (typeof provider)['GoogleReCaptchaProvider'];
+export { useGoogleRecaptcha } from './hooks.js';
+export type { GoogleReCaptchaProviderProps } from './types.js';

package/dist/index.js

@@ -1,169 +1,9 @@
-import { createContext, useCallback, useContext, useEffect, useId, useMemo, useRef, useState } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-//#region src/context.tsx
-const GoogleReCaptchaContext = createContext({
-	isLoading: true,
-	error: null,
-	execute: () => Promise.reject("useGoogleRecaptcha must be used within an GoogleReCaptchaProvider"),
-	reset: () => []
-});
-//#endregion
-//#region src/mock_provider.tsx
-const MOCK_TOKEN$1 = "mock-JspVRfSqeamw4CKN3kc7nL_p_MTzWSeE";
-const MockGoogleReCaptchaProvider = ({ container, children }) => {
-	const id = useId();
-	return /* @__PURE__ */ jsxs(GoogleReCaptchaContext.Provider, {
-		value: {
-			isLoading: false,
-			error: null,
-			execute: () => Promise.resolve(MOCK_TOKEN$1),
-			reset: () => {}
-		},
-		children: [children, container ? null : /* @__PURE__ */ jsx("div", { id: `${id}-container` })]
-	});
-};
-//#endregion
-//#region src/utils.ts
-const getRecaptchaScriptSrc = (render, language, useRecaptchaNet, useEnterprise) => {
-	return `https://${useRecaptchaNet ? "recaptcha.net" : "google.com"}/recaptcha/${useEnterprise ? "enterprise.js" : "api.js"}?render=${render}${language ? `&hl=${language}` : ""}`;
-};
-const injectScriptTag = (scriptId, language, useRecaptchaNet, useEnterprise, onLoad) => {
-	const script = document.createElement("script");
-	script.type = "text/javascript";
-	script.id = scriptId;
-	script.src = getRecaptchaScriptSrc("explicit", language, useRecaptchaNet, useEnterprise);
-	script.async = true;
-	script.defer = true;
-	script.onload = onLoad;
-	document.head.appendChild(script);
-	return () => {
-		document.head.removeChild(script);
-	};
-};
-const removeScriptTag = () => {
-	removeRecaptchBadge();
-	const script = document.querySelector("script[src^=\"https://www.gstatic.com/recaptcha/releases\"]");
-	if (script) script.remove();
-};
-const removeRecaptchBadge = () => {
-	const nodeBadge = document.querySelector(".grecaptcha-badge");
-	if (nodeBadge?.parentNode) document.body.removeChild(nodeBadge.parentNode);
-};
-//#endregion
-//#region src/provider.tsx
-const GoogleReCaptchaProvider$1 = ({ siteKey, language, useRecaptchaNet, useEnterprise, container, badge, theme, children }) => {
-	const id = useId();
-	const containerId = useMemo(() => container ? container : `${id}-container`, [id, container]);
-	const [state, setState] = useState({ isLoading: true });
-	const widgetId = useRef(siteKey);
-	const grecaptcha = useRef(null);
-	const scriptLoaded = useRef(false);
-	const successHandler = useRef(null);
-	const errorHandler = useRef(null);
-	const handleSuccess = useCallback((token) => {
-		if (successHandler.current) {
-			successHandler.current?.(token);
-			grecaptcha.current?.reset(widgetId.current);
-			successHandler.current = null;
-			errorHandler.current = null;
-		}
-	}, []);
-	const handleError = useCallback((error) => {
-		if (errorHandler.current) {
-			errorHandler.current?.(error);
-			successHandler.current = null;
-			errorHandler.current = null;
-		}
-	}, []);
-	const onLoad = useCallback(() => {
-		const instance = window.grecaptcha?.enterprise ?? window.grecaptcha;
-		if (!instance) {
-			setState({
-				isLoading: false,
-				error: /* @__PURE__ */ new Error("reCaptcha is not available")
-			});
-			return;
-		}
-		if (scriptLoaded.current) return;
-		scriptLoaded.current = true;
-		instance.ready(() => {
-			widgetId.current = instance.render(containerId, {
-				sitekey: siteKey,
-				badge,
-				theme,
-				size: "invisible",
-				callback: handleSuccess,
-				"error-callback": handleError
-			});
-			grecaptcha.current = instance;
-			setState({
-				error: null,
-				isLoading: false
-			});
-		});
-	}, [
-		siteKey,
-		containerId,
-		badge,
-		theme,
-		handleSuccess,
-		handleError
-	]);
-	const reset = useCallback(() => {
-		grecaptcha.current?.reset(widgetId.current);
-	}, []);
-	const execute = useCallback((action) => {
-		const instance = grecaptcha.current;
-		if (instance?.execute) {
-			const promise = new Promise((resolve, reject) => {
-				successHandler.current = resolve;
-				errorHandler.current = reject;
-			});
-			return Promise.resolve(instance.execute(widgetId.current, action ? { action } : void 0)).then((token) => {
-				if (token) handleSuccess(token);
-				return promise;
-			});
-		}
-		return Promise.reject("ReCaptcha is not available");
-	}, [handleSuccess]);
-	useEffect(() => {
-		const removeScript = injectScriptTag(id, language, useRecaptchaNet, useEnterprise, onLoad);
-		return () => {
-			removeScript();
-			removeScriptTag();
-			scriptLoaded.current = false;
-		};
-	}, [
-		id,
-		language,
-		useRecaptchaNet,
-		useEnterprise,
-		onLoad
-	]);
-	const value = useMemo(() => ({
-		isLoading: state.isLoading,
-		error: state.error ?? null,
-		execute,
-		reset
-	}), [
-		state,
-		execute,
-		reset
-	]);
-	return /* @__PURE__ */ jsxs(GoogleReCaptchaContext.Provider, {
-		value,
-		children: [children, container ? null : /* @__PURE__ */ jsx("div", { id: `${id}-container` })]
-	});
-};
-//#endregion
-//#region src/hooks.ts
-const useGoogleRecaptcha = () => {
-	return useContext(GoogleReCaptchaContext);
-};
-//#endregion
+import { MockGoogleReCaptchaProvider } from "./mock_provider.js";
+import { GoogleReCaptchaProvider as GoogleReCaptchaProvider$1 } from "./provider.js";
+import { useGoogleRecaptcha } from "./hooks.js";
 //#region src/index.ts
-const MOCK_TOKEN = MOCK_TOKEN$1;
-const GoogleReCaptchaProvider = import.meta.env?.MODE === "test" ? MockGoogleReCaptchaProvider : GoogleReCaptchaProvider$1;
+var MOCK_TOKEN = "mock-JspVRfSqeamw4CKN3kc7nL_p_MTzWSeE";
+var GoogleReCaptchaProvider = process.env.NODE_ENV === "test" || false ? MockGoogleReCaptchaProvider : GoogleReCaptchaProvider$1;
 //#endregion
 export { GoogleReCaptchaProvider, MOCK_TOKEN, useGoogleRecaptcha };
 

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["MOCK_TOKEN","GoogleReCaptchaProvider","mockProvider.MOCK_TOKEN","mockProvider.MockGoogleReCaptchaProvider","provider.GoogleReCaptchaProvider"],"sources":["../src/context.tsx","../src/mock_provider.tsx","../src/utils.ts","../src/provider.tsx","../src/hooks.ts","../src/index.ts"],"sourcesContent":["import { type Context, createContext } from 'react'\nimport type { GoogleReCaptchaContextType } from './types'\n\nconst GoogleReCaptchaContext: Context<GoogleReCaptchaContextType> = createContext<GoogleReCaptchaContextType>({\n  isLoading: true,\n  error: null,\n  execute: () => Promise.reject('useGoogleRecaptcha must be used within an GoogleReCaptchaProvider'),\n  reset: () => [],\n})\n\nexport { GoogleReCaptchaContext }\n","import { type JSX, useId } from 'react'\nimport { GoogleReCaptchaContext } from './context.tsx'\nimport type { GoogleReCaptchaProviderProps } from './types.ts'\n\nconst MOCK_TOKEN: string = 'mock-JspVRfSqeamw4CKN3kc7nL_p_MTzWSeE'\n\nconst MockGoogleReCaptchaProvider = ({ container, children }: GoogleReCaptchaProviderProps): JSX.Element => {\n  const id = useId()\n  return (\n    <GoogleReCaptchaContext.Provider value={{ isLoading: false, error: null, execute: () => Promise.resolve(MOCK_TOKEN), reset: () => {} }}>\n      {children}\n      {container ? null : <div id={`${id}-container`} />}\n    </GoogleReCaptchaContext.Provider>\n  )\n}\n\nexport { MOCK_TOKEN, MockGoogleReCaptchaProvider }\n","export const getRecaptchaScriptSrc = (\n  render: string,\n  language: string | null | undefined,\n  useRecaptchaNet: boolean | undefined,\n  useEnterprise: boolean | undefined,\n): string => {\n  const hostName = useRecaptchaNet ? 'recaptcha.net' : 'google.com'\n  const script = useEnterprise ? 'enterprise.js' : 'api.js'\n\n  return `https://${hostName}/recaptcha/${script}?render=${render}${language ? `&hl=${language}` : ''}`\n}\n\nexport const injectScriptTag = (\n  scriptId: string,\n  language: string | null | undefined,\n  useRecaptchaNet: boolean | undefined,\n  useEnterprise: boolean | undefined,\n  onLoad: () => void,\n): (() => void) => {\n  const script = document.createElement('script')\n  script.type = 'text/javascript'\n  script.id = scriptId\n  script.src = getRecaptchaScriptSrc('explicit', language, useRecaptchaNet, useEnterprise)\n  script.async = true\n  script.defer = true\n  script.onload = onLoad\n\n  document.head.appendChild(script)\n  return () => {\n    document.head.removeChild(script)\n  }\n}\n\nexport const removeScriptTag = (): void => {\n  removeRecaptchBadge()\n\n  const script = document.querySelector('script[src^=\"https://www.gstatic.com/recaptcha/releases\"]')\n  if (script) {\n    script.remove()\n  }\n}\n\nexport const removeRecaptchBadge = (): void => {\n  const nodeBadge = document.querySelector('.grecaptcha-badge')\n  if (nodeBadge?.parentNode) {\n    document.body.removeChild(nodeBadge.parentNode)\n  }\n}\n","import { type JSX, useCallback, useEffect, useId, useMemo, useRef, useState } from 'react'\nimport { GoogleReCaptchaContext } from './context.tsx'\nimport type { GoogleReCaptchaContextType, GoogleReCaptchaProviderProps, Grecaptcha } from './types.ts'\nimport { injectScriptTag, removeScriptTag } from './utils.ts'\n\ntype State = {\n  isLoading: boolean\n  error?: Error | null\n}\n\nconst GoogleReCaptchaProvider = ({\n  siteKey,\n  language,\n  useRecaptchaNet,\n  useEnterprise,\n  container,\n  badge,\n  theme,\n  children,\n}: GoogleReCaptchaProviderProps): JSX.Element => {\n  const id = useId()\n  const containerId = useMemo(() => (container ? container : `${id}-container`), [id, container])\n  const [state, setState] = useState<State>({ isLoading: true })\n\n  const widgetId = useRef<string>(siteKey)\n  const grecaptcha = useRef<Grecaptcha>(null)\n  const scriptLoaded = useRef(false)\n  const successHandler = useRef<(token: string) => void>(null)\n  const errorHandler = useRef<(error: Error | undefined) => void>(null)\n\n  const handleSuccess = useCallback((token: string) => {\n    if (successHandler.current) {\n      successHandler.current?.(token)\n      // トークンを再度取得できるよう、リセットする\n      grecaptcha.current?.reset(widgetId.current)\n      successHandler.current = null\n      errorHandler.current = null\n    }\n  }, [])\n\n  const handleError = useCallback((error: Error | undefined) => {\n    if (errorHandler.current) {\n      errorHandler.current?.(error)\n      successHandler.current = null\n      errorHandler.current = null\n    }\n  }, [])\n\n  // ReCaptcha初期化\n  const onLoad = useCallback(() => {\n    const instance = window.grecaptcha?.enterprise ?? window.grecaptcha\n    if (!instance) {\n      setState({\n        isLoading: false,\n        error: new Error('reCaptcha is not available'),\n      })\n      return\n    }\n\n    // 二重にrender実行されることを抑止\n    if (scriptLoaded.current) {\n      return\n    }\n    scriptLoaded.current = true\n\n    instance.ready(() => {\n      widgetId.current = instance.render(containerId, {\n        sitekey: siteKey,\n        badge,\n        theme,\n        size: 'invisible',\n        callback: handleSuccess,\n        'error-callback': handleError,\n      })\n      grecaptcha.current = instance\n      setState({\n        error: null,\n        isLoading: false,\n      })\n    })\n  }, [siteKey, containerId, badge, theme, handleSuccess, handleError])\n\n  const reset = useCallback(() => {\n    grecaptcha.current?.reset(widgetId.current)\n  }, [])\n\n  const execute = useCallback(\n    (action?: string) => {\n      const instance = grecaptcha.current\n      if (instance?.execute) {\n        const promise = new Promise<string>((resolve, reject) => {\n          successHandler.current = resolve\n          errorHandler.current = reject\n        })\n        return Promise.resolve(instance.execute(widgetId.current, action ? { action } : undefined)).then((token) => {\n          if (token) {\n            handleSuccess(token)\n          }\n          // token = nullの場合、v2動作\n          return promise\n        })\n      }\n      return Promise.reject('ReCaptcha is not available')\n    },\n    [handleSuccess],\n  )\n\n  // scriptタグを追加/削除する\n  useEffect(() => {\n    const removeScript = injectScriptTag(id, language, useRecaptchaNet, useEnterprise, onLoad)\n    return () => {\n      removeScript()\n      removeScriptTag()\n      scriptLoaded.current = false\n    }\n  }, [id, language, useRecaptchaNet, useEnterprise, onLoad])\n\n  const value: GoogleReCaptchaContextType = useMemo(\n    () => ({\n      isLoading: state.isLoading,\n      error: state.error ?? null,\n      execute,\n      reset,\n    }),\n    [state, execute, reset],\n  )\n\n  return (\n    <GoogleReCaptchaContext.Provider value={value}>\n      {children}\n      {container ? null : <div id={`${id}-container`} />}\n    </GoogleReCaptchaContext.Provider>\n  )\n}\n\nexport { GoogleReCaptchaProvider }\n","import { useContext } from 'react'\nimport { GoogleReCaptchaContext } from './context'\nimport type { GoogleReCaptchaContextType } from './types'\n\nconst useGoogleRecaptcha = (): GoogleReCaptchaContextType => {\n  return useContext(GoogleReCaptchaContext)\n}\n\nexport { useGoogleRecaptcha }\n","import * as mockProvider from './mock_provider'\nimport * as provider from './provider'\n\nexport const MOCK_TOKEN: string = mockProvider.MOCK_TOKEN\n\nexport const GoogleReCaptchaProvider: (typeof provider)['GoogleReCaptchaProvider'] =\n  process.env?.NODE_ENV === 'test' || import.meta.env?.MODE === 'test' ? mockProvider.MockGoogleReCaptchaProvider : provider.GoogleReCaptchaProvider\n\nexport { useGoogleRecaptcha } from './hooks'\nexport type { GoogleReCaptchaProviderProps } from './types'\n"],"mappings":";;;AAGA,MAAM,yBAA8D,cAA0C;CAC5G,WAAW;CACX,OAAO;CACP,eAAe,QAAQ,OAAO,oEAAoE;CAClG,aAAa,EAAE;CAChB,CAAC;;;ACJF,MAAMA,eAAqB;AAE3B,MAAM,+BAA+B,EAAE,WAAW,eAA0D;CAC1G,MAAM,KAAK,OAAO;AAClB,QACE,qBAAC,uBAAuB,UAAxB;EAAiC,OAAO;GAAE,WAAW;GAAO,OAAO;GAAM,eAAe,QAAQ,QAAQA,aAAW;GAAE,aAAa;GAAI;YAAtI,CACG,UACA,YAAY,OAAO,oBAAC,OAAD,EAAK,IAAI,GAAG,GAAG,aAAe,CAAA,CAClB;;;;;ACZtC,MAAa,yBACX,QACA,UACA,iBACA,kBACW;AAIX,QAAO,WAHU,kBAAkB,kBAAkB,aAG1B,aAFZ,gBAAgB,kBAAkB,SAEF,UAAU,SAAS,WAAW,OAAO,aAAa;;AAGnG,MAAa,mBACX,UACA,UACA,iBACA,eACA,WACiB;CACjB,MAAM,SAAS,SAAS,cAAc,SAAS;AAC/C,QAAO,OAAO;AACd,QAAO,KAAK;AACZ,QAAO,MAAM,sBAAsB,YAAY,UAAU,iBAAiB,cAAc;AACxF,QAAO,QAAQ;AACf,QAAO,QAAQ;AACf,QAAO,SAAS;AAEhB,UAAS,KAAK,YAAY,OAAO;AACjC,cAAa;AACX,WAAS,KAAK,YAAY,OAAO;;;AAIrC,MAAa,wBAA8B;AACzC,sBAAqB;CAErB,MAAM,SAAS,SAAS,cAAc,8DAA4D;AAClG,KAAI,OACF,QAAO,QAAQ;;AAInB,MAAa,4BAAkC;CAC7C,MAAM,YAAY,SAAS,cAAc,oBAAoB;AAC7D,KAAI,WAAW,WACb,UAAS,KAAK,YAAY,UAAU,WAAW;;;;ACnCnD,MAAMC,6BAA2B,EAC/B,SACA,UACA,iBACA,eACA,WACA,OACA,OACA,eAC+C;CAC/C,MAAM,KAAK,OAAO;CAClB,MAAM,cAAc,cAAe,YAAY,YAAY,GAAG,GAAG,aAAc,CAAC,IAAI,UAAU,CAAC;CAC/F,MAAM,CAAC,OAAO,YAAY,SAAgB,EAAE,WAAW,MAAM,CAAC;CAE9D,MAAM,WAAW,OAAe,QAAQ;CACxC,MAAM,aAAa,OAAmB,KAAK;CAC3C,MAAM,eAAe,OAAO,MAAM;CAClC,MAAM,iBAAiB,OAAgC,KAAK;CAC5D,MAAM,eAAe,OAA2C,KAAK;CAErE,MAAM,gBAAgB,aAAa,UAAkB;AACnD,MAAI,eAAe,SAAS;AAC1B,kBAAe,UAAU,MAAM;AAE/B,cAAW,SAAS,MAAM,SAAS,QAAQ;AAC3C,kBAAe,UAAU;AACzB,gBAAa,UAAU;;IAExB,EAAE,CAAC;CAEN,MAAM,cAAc,aAAa,UAA6B;AAC5D,MAAI,aAAa,SAAS;AACxB,gBAAa,UAAU,MAAM;AAC7B,kBAAe,UAAU;AACzB,gBAAa,UAAU;;IAExB,EAAE,CAAC;CAGN,MAAM,SAAS,kBAAkB;EAC/B,MAAM,WAAW,OAAO,YAAY,cAAc,OAAO;AACzD,MAAI,CAAC,UAAU;AACb,YAAS;IACP,WAAW;IACX,uBAAO,IAAI,MAAM,6BAA6B;IAC/C,CAAC;AACF;;AAIF,MAAI,aAAa,QACf;AAEF,eAAa,UAAU;AAEvB,WAAS,YAAY;AACnB,YAAS,UAAU,SAAS,OAAO,aAAa;IAC9C,SAAS;IACT;IACA;IACA,MAAM;IACN,UAAU;IACV,kBAAkB;IACnB,CAAC;AACF,cAAW,UAAU;AACrB,YAAS;IACP,OAAO;IACP,WAAW;IACZ,CAAC;IACF;IACD;EAAC;EAAS;EAAa;EAAO;EAAO;EAAe;EAAY,CAAC;CAEpE,MAAM,QAAQ,kBAAkB;AAC9B,aAAW,SAAS,MAAM,SAAS,QAAQ;IAC1C,EAAE,CAAC;CAEN,MAAM,UAAU,aACb,WAAoB;EACnB,MAAM,WAAW,WAAW;AAC5B,MAAI,UAAU,SAAS;GACrB,MAAM,UAAU,IAAI,SAAiB,SAAS,WAAW;AACvD,mBAAe,UAAU;AACzB,iBAAa,UAAU;KACvB;AACF,UAAO,QAAQ,QAAQ,SAAS,QAAQ,SAAS,SAAS,SAAS,EAAE,QAAQ,GAAG,KAAA,EAAU,CAAC,CAAC,MAAM,UAAU;AAC1G,QAAI,MACF,eAAc,MAAM;AAGtB,WAAO;KACP;;AAEJ,SAAO,QAAQ,OAAO,6BAA6B;IAErD,CAAC,cAAc,CAChB;AAGD,iBAAgB;EACd,MAAM,eAAe,gBAAgB,IAAI,UAAU,iBAAiB,eAAe,OAAO;AAC1F,eAAa;AACX,iBAAc;AACd,oBAAiB;AACjB,gBAAa,UAAU;;IAExB;EAAC;EAAI;EAAU;EAAiB;EAAe;EAAO,CAAC;CAE1D,MAAM,QAAoC,eACjC;EACL,WAAW,MAAM;EACjB,OAAO,MAAM,SAAS;EACtB;EACA;EACD,GACD;EAAC;EAAO;EAAS;EAAM,CACxB;AAED,QACE,qBAAC,uBAAuB,UAAxB;EAAwC;YAAxC,CACG,UACA,YAAY,OAAO,oBAAC,OAAD,EAAK,IAAI,GAAG,GAAG,aAAe,CAAA,CAClB;;;;;AC/HtC,MAAM,2BAAuD;AAC3D,QAAO,WAAW,uBAAuB;;;;ACF3C,MAAa,aAAqBC;AAElC,MAAa,0BACyB,OAAO,KAAK,KAAK,SAAS,SAASC,8BAA2CC"}
+{"version":3,"file":"index.js","names":[],"sources":["../src/index.ts"],"sourcesContent":["import * as mockProvider from './mock_provider.js'\nimport * as provider from './provider.js'\n\nexport const MOCK_TOKEN: string = mockProvider.MOCK_TOKEN\n\nexport const GoogleReCaptchaProvider: (typeof provider)['GoogleReCaptchaProvider'] =\n  process.env?.NODE_ENV === 'test' || import.meta.env?.MODE === 'test' ? mockProvider.MockGoogleReCaptchaProvider : provider.GoogleReCaptchaProvider\n\nexport { useGoogleRecaptcha } from './hooks.js'\nexport type { GoogleReCaptchaProviderProps } from './types.js'\n"],"mappings":";;;;AAGA,IAAa,aAAqB;AAElC,IAAa,0BAAA,QAAA,IAAA,aACe,UAAU,QAAmC,8BAA2C"}

package/dist/mock_provider.d.ts

@@ -0,0 +1,5 @@
+import { JSX } from 'react';
+import { GoogleReCaptchaProviderProps } from './types.js';
+declare const MOCK_TOKEN: string;
+declare const MockGoogleReCaptchaProvider: ({ container, children }: GoogleReCaptchaProviderProps) => JSX.Element;
+export { MOCK_TOKEN, MockGoogleReCaptchaProvider };

package/dist/mock_provider.js

@@ -0,0 +1,19 @@
+import { GoogleReCaptchaContext } from "./context.js";
+import { useId } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var MockGoogleReCaptchaProvider = ({ container, children }) => {
+	const id = useId();
+	return jsxs(GoogleReCaptchaContext.Provider, {
+		value: {
+			isLoading: false,
+			error: null,
+			execute: () => Promise.resolve("mock-JspVRfSqeamw4CKN3kc7nL_p_MTzWSeE"),
+			reset: () => {}
+		},
+		children: [children, container ? null : jsx("div", { id: `${id}-container` })]
+	});
+};
+//#endregion
+export { MockGoogleReCaptchaProvider };
+
+//# sourceMappingURL=mock_provider.js.map

package/dist/mock_provider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mock_provider.js","names":[],"sources":["../src/mock_provider.tsx"],"sourcesContent":["import { type JSX, useId } from 'react'\nimport { GoogleReCaptchaContext } from './context.js'\nimport type { GoogleReCaptchaProviderProps } from './types.js'\n\nconst MOCK_TOKEN: string = 'mock-JspVRfSqeamw4CKN3kc7nL_p_MTzWSeE'\n\nconst MockGoogleReCaptchaProvider = ({ container, children }: GoogleReCaptchaProviderProps): JSX.Element => {\n  const id = useId()\n  return (\n    <GoogleReCaptchaContext.Provider value={{ isLoading: false, error: null, execute: () => Promise.resolve(MOCK_TOKEN), reset: () => {} }}>\n      {children}\n      {container ? null : <div id={`${id}-container`} />}\n    </GoogleReCaptchaContext.Provider>\n  )\n}\n\nexport { MOCK_TOKEN, MockGoogleReCaptchaProvider }\n"],"mappings":";;;AAMA,IAAM,+BAA+B,EAAE,WAAW,eAA0D;CAC1G,MAAM,KAAK,OAAO;AAClB,QACE,KAAC,uBAAuB,UAAxB;EAAiC,OAAO;GAAE,WAAW;GAAO,OAAO;GAAM,eAAe,QAAQ,QAAA,wCAAmB;GAAE,aAAa;GAAI;YAAtI,CACG,UACA,YAAY,OAAO,IAAC,OAAD,EAAK,IAAI,GAAG,GAAG,aAAe,CAAA,CAClB"}

package/dist/provider.d.ts

@@ -0,0 +1,4 @@
+import { JSX } from 'react';
+import { GoogleReCaptchaProviderProps } from './types.js';
+declare const GoogleReCaptchaProvider: ({ siteKey, language, useRecaptchaNet, useEnterprise, container, badge, theme, children, }: GoogleReCaptchaProviderProps) => JSX.Element;
+export { GoogleReCaptchaProvider };

package/dist/provider.js

@@ -0,0 +1,113 @@
+import { GoogleReCaptchaContext } from "./context.js";
+import { injectScriptTag, removeScriptTag } from "./utils.js";
+import { useCallback, useEffect, useId, useMemo, useRef, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/provider.tsx
+var GoogleReCaptchaProvider = ({ siteKey, language, useRecaptchaNet, useEnterprise, container, badge, theme, children }) => {
+	const id = useId();
+	const containerId = useMemo(() => container ? container : `${id}-container`, [id, container]);
+	const [state, setState] = useState({ isLoading: true });
+	const widgetId = useRef(siteKey);
+	const grecaptcha = useRef(null);
+	const scriptLoaded = useRef(false);
+	const successHandler = useRef(null);
+	const errorHandler = useRef(null);
+	const handleSuccess = useCallback((token) => {
+		if (successHandler.current) {
+			successHandler.current?.(token);
+			grecaptcha.current?.reset(widgetId.current);
+			successHandler.current = null;
+			errorHandler.current = null;
+		}
+	}, []);
+	const handleError = useCallback((error) => {
+		if (errorHandler.current) {
+			errorHandler.current?.(error);
+			successHandler.current = null;
+			errorHandler.current = null;
+		}
+	}, []);
+	const onLoad = useCallback(() => {
+		const instance = window.grecaptcha?.enterprise ?? window.grecaptcha;
+		if (!instance) {
+			setState({
+				isLoading: false,
+				error: new Error("reCaptcha is not available")
+			});
+			return;
+		}
+		if (scriptLoaded.current) return;
+		scriptLoaded.current = true;
+		instance.ready(() => {
+			widgetId.current = instance.render(containerId, {
+				sitekey: siteKey,
+				badge,
+				theme,
+				size: "invisible",
+				callback: handleSuccess,
+				"error-callback": handleError
+			});
+			grecaptcha.current = instance;
+			setState({
+				error: null,
+				isLoading: false
+			});
+		});
+	}, [
+		siteKey,
+		containerId,
+		badge,
+		theme,
+		handleSuccess,
+		handleError
+	]);
+	const reset = useCallback(() => {
+		grecaptcha.current?.reset(widgetId.current);
+	}, []);
+	const execute = useCallback((action) => {
+		const instance = grecaptcha.current;
+		if (instance?.execute) {
+			const promise = new Promise((resolve, reject) => {
+				successHandler.current = resolve;
+				errorHandler.current = reject;
+			});
+			return Promise.resolve(instance.execute(widgetId.current, action ? { action } : void 0)).then((token) => {
+				if (token) handleSuccess(token);
+				return promise;
+			});
+		}
+		return Promise.reject("ReCaptcha is not available");
+	}, [handleSuccess]);
+	useEffect(() => {
+		const removeScript = injectScriptTag(id, language, useRecaptchaNet, useEnterprise, onLoad);
+		return () => {
+			removeScript();
+			removeScriptTag();
+			scriptLoaded.current = false;
+		};
+	}, [
+		id,
+		language,
+		useRecaptchaNet,
+		useEnterprise,
+		onLoad
+	]);
+	const value = useMemo(() => ({
+		isLoading: state.isLoading,
+		error: state.error ?? null,
+		execute,
+		reset
+	}), [
+		state,
+		execute,
+		reset
+	]);
+	return jsxs(GoogleReCaptchaContext.Provider, {
+		value,
+		children: [children, container ? null : jsx("div", { id: `${id}-container` })]
+	});
+};
+//#endregion
+export { GoogleReCaptchaProvider };
+
+//# sourceMappingURL=provider.js.map

package/dist/provider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"provider.js","names":[],"sources":["../src/provider.tsx"],"sourcesContent":["import { type JSX, useCallback, useEffect, useId, useMemo, useRef, useState } from 'react'\nimport { GoogleReCaptchaContext } from './context.js'\nimport type { GoogleReCaptchaContextType, GoogleReCaptchaProviderProps, Grecaptcha } from './types.js'\nimport { injectScriptTag, removeScriptTag } from './utils.js'\n\ntype State = {\n  isLoading: boolean\n  error?: Error | null\n}\n\nconst GoogleReCaptchaProvider = ({\n  siteKey,\n  language,\n  useRecaptchaNet,\n  useEnterprise,\n  container,\n  badge,\n  theme,\n  children,\n}: GoogleReCaptchaProviderProps): JSX.Element => {\n  const id = useId()\n  const containerId = useMemo(() => (container ? container : `${id}-container`), [id, container])\n  const [state, setState] = useState<State>({ isLoading: true })\n\n  const widgetId = useRef<string>(siteKey)\n  const grecaptcha = useRef<Grecaptcha>(null)\n  const scriptLoaded = useRef(false)\n  const successHandler = useRef<(token: string) => void>(null)\n  const errorHandler = useRef<(error: Error | undefined) => void>(null)\n\n  const handleSuccess = useCallback((token: string) => {\n    if (successHandler.current) {\n      successHandler.current?.(token)\n      // トークンを再度取得できるよう、リセットする\n      grecaptcha.current?.reset(widgetId.current)\n      successHandler.current = null\n      errorHandler.current = null\n    }\n  }, [])\n\n  const handleError = useCallback((error: Error | undefined) => {\n    if (errorHandler.current) {\n      errorHandler.current?.(error)\n      successHandler.current = null\n      errorHandler.current = null\n    }\n  }, [])\n\n  // ReCaptcha初期化\n  const onLoad = useCallback(() => {\n    const instance = window.grecaptcha?.enterprise ?? window.grecaptcha\n    if (!instance) {\n      setState({\n        isLoading: false,\n        error: new Error('reCaptcha is not available'),\n      })\n      return\n    }\n\n    // 二重にrender実行されることを抑止\n    if (scriptLoaded.current) {\n      return\n    }\n    scriptLoaded.current = true\n\n    instance.ready(() => {\n      widgetId.current = instance.render(containerId, {\n        sitekey: siteKey,\n        badge,\n        theme,\n        size: 'invisible',\n        callback: handleSuccess,\n        'error-callback': handleError,\n      })\n      grecaptcha.current = instance\n      setState({\n        error: null,\n        isLoading: false,\n      })\n    })\n  }, [siteKey, containerId, badge, theme, handleSuccess, handleError])\n\n  const reset = useCallback(() => {\n    grecaptcha.current?.reset(widgetId.current)\n  }, [])\n\n  const execute = useCallback(\n    (action?: string) => {\n      const instance = grecaptcha.current\n      if (instance?.execute) {\n        const promise = new Promise<string>((resolve, reject) => {\n          successHandler.current = resolve\n          errorHandler.current = reject\n        })\n        return Promise.resolve(instance.execute(widgetId.current, action ? { action } : undefined)).then((token) => {\n          if (token) {\n            handleSuccess(token)\n          }\n          // token = nullの場合、v2動作\n          return promise\n        })\n      }\n      return Promise.reject('ReCaptcha is not available')\n    },\n    [handleSuccess],\n  )\n\n  // scriptタグを追加/削除する\n  useEffect(() => {\n    const removeScript = injectScriptTag(id, language, useRecaptchaNet, useEnterprise, onLoad)\n    return () => {\n      removeScript()\n      removeScriptTag()\n      scriptLoaded.current = false\n    }\n  }, [id, language, useRecaptchaNet, useEnterprise, onLoad])\n\n  const value: GoogleReCaptchaContextType = useMemo(\n    () => ({\n      isLoading: state.isLoading,\n      error: state.error ?? null,\n      execute,\n      reset,\n    }),\n    [state, execute, reset],\n  )\n\n  return (\n    <GoogleReCaptchaContext.Provider value={value}>\n      {children}\n      {container ? null : <div id={`${id}-container`} />}\n    </GoogleReCaptchaContext.Provider>\n  )\n}\n\nexport { GoogleReCaptchaProvider }\n"],"mappings":";;;;;AAUA,IAAM,2BAA2B,EAC/B,SACA,UACA,iBACA,eACA,WACA,OACA,OACA,eAC+C;CAC/C,MAAM,KAAK,OAAO;CAClB,MAAM,cAAc,cAAe,YAAY,YAAY,GAAG,GAAG,aAAc,CAAC,IAAI,UAAU,CAAC;CAC/F,MAAM,CAAC,OAAO,YAAY,SAAgB,EAAE,WAAW,MAAM,CAAC;CAE9D,MAAM,WAAW,OAAe,QAAQ;CACxC,MAAM,aAAa,OAAmB,KAAK;CAC3C,MAAM,eAAe,OAAO,MAAM;CAClC,MAAM,iBAAiB,OAAgC,KAAK;CAC5D,MAAM,eAAe,OAA2C,KAAK;CAErE,MAAM,gBAAgB,aAAa,UAAkB;AACnD,MAAI,eAAe,SAAS;AAC1B,kBAAe,UAAU,MAAM;AAE/B,cAAW,SAAS,MAAM,SAAS,QAAQ;AAC3C,kBAAe,UAAU;AACzB,gBAAa,UAAU;;IAExB,EAAE,CAAC;CAEN,MAAM,cAAc,aAAa,UAA6B;AAC5D,MAAI,aAAa,SAAS;AACxB,gBAAa,UAAU,MAAM;AAC7B,kBAAe,UAAU;AACzB,gBAAa,UAAU;;IAExB,EAAE,CAAC;CAGN,MAAM,SAAS,kBAAkB;EAC/B,MAAM,WAAW,OAAO,YAAY,cAAc,OAAO;AACzD,MAAI,CAAC,UAAU;AACb,YAAS;IACP,WAAW;IACX,OAAO,IAAI,MAAM,6BAA6B;IAC/C,CAAC;AACF;;AAIF,MAAI,aAAa,QACf;AAEF,eAAa,UAAU;AAEvB,WAAS,YAAY;AACnB,YAAS,UAAU,SAAS,OAAO,aAAa;IAC9C,SAAS;IACT;IACA;IACA,MAAM;IACN,UAAU;IACV,kBAAkB;IACnB,CAAC;AACF,cAAW,UAAU;AACrB,YAAS;IACP,OAAO;IACP,WAAW;IACZ,CAAC;IACF;IACD;EAAC;EAAS;EAAa;EAAO;EAAO;EAAe;EAAY,CAAC;CAEpE,MAAM,QAAQ,kBAAkB;AAC9B,aAAW,SAAS,MAAM,SAAS,QAAQ;IAC1C,EAAE,CAAC;CAEN,MAAM,UAAU,aACb,WAAoB;EACnB,MAAM,WAAW,WAAW;AAC5B,MAAI,UAAU,SAAS;GACrB,MAAM,UAAU,IAAI,SAAiB,SAAS,WAAW;AACvD,mBAAe,UAAU;AACzB,iBAAa,UAAU;KACvB;AACF,UAAO,QAAQ,QAAQ,SAAS,QAAQ,SAAS,SAAS,SAAS,EAAE,QAAQ,GAAG,KAAA,EAAU,CAAC,CAAC,MAAM,UAAU;AAC1G,QAAI,MACF,eAAc,MAAM;AAGtB,WAAO;KACP;;AAEJ,SAAO,QAAQ,OAAO,6BAA6B;IAErD,CAAC,cAAc,CAChB;AAGD,iBAAgB;EACd,MAAM,eAAe,gBAAgB,IAAI,UAAU,iBAAiB,eAAe,OAAO;AAC1F,eAAa;AACX,iBAAc;AACd,oBAAiB;AACjB,gBAAa,UAAU;;IAExB;EAAC;EAAI;EAAU;EAAiB;EAAe;EAAO,CAAC;CAE1D,MAAM,QAAoC,eACjC;EACL,WAAW,MAAM;EACjB,OAAO,MAAM,SAAS;EACtB;EACA;EACD,GACD;EAAC;EAAO;EAAS;EAAM,CACxB;AAED,QACE,KAAC,uBAAuB,UAAxB;EAAwC;YAAxC,CACG,UACA,YAAY,OAAO,IAAC,OAAD,EAAK,IAAI,GAAG,GAAG,aAAe,CAAA,CAClB"}

package/dist/types.d.ts

@@ -0,0 +1,42 @@
+import { PropsWithChildren } from 'react';
+export type Theme = 'light' | 'dark';
+export type Type = 'image' | 'audio';
+export type Size = 'normal' | 'compact' | 'invisible';
+export type Badge = 'bottomright' | 'bottomleft' | 'inline';
+export type Parameters = {
+    sitekey: string;
+    badge?: Badge;
+    size?: Size;
+    theme?: Theme;
+    callback?: (token: string) => void;
+    'error-callback'?: (error?: Error) => void;
+};
+export type GoogleReCaptchaProviderProps = PropsWithChildren<{
+    readonly siteKey: string;
+    readonly language?: string | null;
+    readonly useRecaptchaNet?: boolean;
+    readonly useEnterprise?: boolean;
+    readonly container?: string | HTMLElement | null;
+    readonly badge?: Badge;
+    readonly theme?: Theme;
+}>;
+export type Action = {
+    action: string;
+};
+export type Grecaptcha = {
+    ready: (onReady: () => void) => void;
+    render: (container: string | HTMLElement, params: Parameters) => string;
+    execute: (widgetId: string, params?: Action) => PromiseLike<string | null>;
+    reset: (widgetId: string) => void;
+};
+export type GoogleReCaptchaContextType = {
+    readonly isLoading: boolean;
+    readonly error: Error | null;
+    execute: (action?: string) => Promise<string>;
+    reset: () => void;
+};
+declare global {
+    var grecaptcha: Grecaptcha & {
+        enterprise: Grecaptcha;
+    };
+}

package/dist/utils.d.ts

@@ -0,0 +1,4 @@
+export declare const getRecaptchaScriptSrc: (render: string, language: string | null | undefined, useRecaptchaNet: boolean | undefined, useEnterprise: boolean | undefined) => string;
+export declare const injectScriptTag: (scriptId: string, language: string | null | undefined, useRecaptchaNet: boolean | undefined, useEnterprise: boolean | undefined, onLoad: () => void) => (() => void);
+export declare const removeScriptTag: () => void;
+export declare const removeRecaptchBadge: () => void;

package/dist/utils.js

@@ -0,0 +1,30 @@
+//#region src/utils.ts
+var getRecaptchaScriptSrc = (render, language, useRecaptchaNet, useEnterprise) => {
+	return `https://${useRecaptchaNet ? "recaptcha.net" : "google.com"}/recaptcha/${useEnterprise ? "enterprise.js" : "api.js"}?render=${render}${language ? `&hl=${language}` : ""}`;
+};
+var injectScriptTag = (scriptId, language, useRecaptchaNet, useEnterprise, onLoad) => {
+	const script = document.createElement("script");
+	script.type = "text/javascript";
+	script.id = scriptId;
+	script.src = getRecaptchaScriptSrc("explicit", language, useRecaptchaNet, useEnterprise);
+	script.async = true;
+	script.defer = true;
+	script.onload = onLoad;
+	document.head.appendChild(script);
+	return () => {
+		document.head.removeChild(script);
+	};
+};
+var removeScriptTag = () => {
+	removeRecaptchBadge();
+	const script = document.querySelector("script[src^=\"https://www.gstatic.com/recaptcha/releases\"]");
+	if (script) script.remove();
+};
+var removeRecaptchBadge = () => {
+	const nodeBadge = document.querySelector(".grecaptcha-badge");
+	if (nodeBadge?.parentNode) document.body.removeChild(nodeBadge.parentNode);
+};
+//#endregion
+export { injectScriptTag, removeScriptTag };
+
+//# sourceMappingURL=utils.js.map

package/dist/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","names":[],"sources":["../src/utils.ts"],"sourcesContent":["export const getRecaptchaScriptSrc = (\n  render: string,\n  language: string | null | undefined,\n  useRecaptchaNet: boolean | undefined,\n  useEnterprise: boolean | undefined,\n): string => {\n  const hostName = useRecaptchaNet ? 'recaptcha.net' : 'google.com'\n  const script = useEnterprise ? 'enterprise.js' : 'api.js'\n\n  return `https://${hostName}/recaptcha/${script}?render=${render}${language ? `&hl=${language}` : ''}`\n}\n\nexport const injectScriptTag = (\n  scriptId: string,\n  language: string | null | undefined,\n  useRecaptchaNet: boolean | undefined,\n  useEnterprise: boolean | undefined,\n  onLoad: () => void,\n): (() => void) => {\n  const script = document.createElement('script')\n  script.type = 'text/javascript'\n  script.id = scriptId\n  script.src = getRecaptchaScriptSrc('explicit', language, useRecaptchaNet, useEnterprise)\n  script.async = true\n  script.defer = true\n  script.onload = onLoad\n\n  document.head.appendChild(script)\n  return () => {\n    document.head.removeChild(script)\n  }\n}\n\nexport const removeScriptTag = (): void => {\n  removeRecaptchBadge()\n\n  const script = document.querySelector('script[src^=\"https://www.gstatic.com/recaptcha/releases\"]')\n  if (script) {\n    script.remove()\n  }\n}\n\nexport const removeRecaptchBadge = (): void => {\n  const nodeBadge = document.querySelector('.grecaptcha-badge')\n  if (nodeBadge?.parentNode) {\n    document.body.removeChild(nodeBadge.parentNode)\n  }\n}\n"],"mappings":";AAAA,IAAa,yBACX,QACA,UACA,iBACA,kBACW;AAIX,QAAO,WAHU,kBAAkB,kBAAkB,aAG1B,aAFZ,gBAAgB,kBAAkB,SAEF,UAAU,SAAS,WAAW,OAAO,aAAa;;AAGnG,IAAa,mBACX,UACA,UACA,iBACA,eACA,WACiB;CACjB,MAAM,SAAS,SAAS,cAAc,SAAS;AAC/C,QAAO,OAAO;AACd,QAAO,KAAK;AACZ,QAAO,MAAM,sBAAsB,YAAY,UAAU,iBAAiB,cAAc;AACxF,QAAO,QAAQ;AACf,QAAO,QAAQ;AACf,QAAO,SAAS;AAEhB,UAAS,KAAK,YAAY,OAAO;AACjC,cAAa;AACX,WAAS,KAAK,YAAY,OAAO;;;AAIrC,IAAa,wBAA8B;AACzC,sBAAqB;CAErB,MAAM,SAAS,SAAS,cAAc,8DAA4D;AAClG,KAAI,OACF,QAAO,QAAQ;;AAInB,IAAa,4BAAkC;CAC7C,MAAM,YAAY,SAAS,cAAc,oBAAoB;AAC7D,KAAI,WAAW,WACb,UAAS,KAAK,YAAY,UAAU,WAAW"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gahojin-inc/react-google-recaptcha",
-  "version": "2026.4.0",
+  "version": "2026.5.1",
   "description": "Hooks for Google ReCaptcha V3",
   "author": "GAHOJIN, Inc.",
   "license": "Apache-2.0",
@@ -37,13 +37,15 @@
   },
   "dependencies": {},
   "devDependencies": {
-    "react": "19.2.4"
+    "react": "19.2.6",
+    "react-dom": "19.2.6"
   },
   "peerDependencies": {
-    "react": "^18 || ^19"
+    "react": "^18 || ^19",
+    "react-dom": "^18 || ^19"
   },
   "scripts": {
-    "build": "rolldown -c",
+    "build": "vite build",
     "lint": "biome check --write .",
     "lint:ci": "biome ci .",
     "check": "tsc --noEmit",