next-recaptcha-v3 1.0.4 → 1.0.5

package/README.md

@@ -149,7 +149,7 @@ const MyPage = () => {
 
   return (
     <>
-      <GoogleReCaptcha onVerify={setToken} action="page-view" />
+      <ReCaptcha onVerify={setToken} action="page-view" />
       <h1>Hello</h1>
     </>
   );

package/lib/index.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.esm.js","sources":["../src/utils.ts","../src/ReCaptchaProvider.tsx","../src/useReCaptcha.tsx","../src/ReCaptcha.tsx","../src/withReCaptcha.tsx"],"sourcesContent":["/**\r\n * Function to generate the src for the script tag\r\n * Refs: https://developers.google.com/recaptcha/docs/loading\r\n */\r\nexport const getRecaptchaScriptSrc = ({\r\n  reCaptchaKey,\r\n  language,\r\n  useRecaptchaNet = false,\r\n  useEnterprise = false,\r\n}: {\r\n  reCaptchaKey?: string;\r\n  language?: string;\r\n  useRecaptchaNet?: boolean;\r\n  useEnterprise?: boolean;\r\n} = {}): string => {\r\n  const hostName = useRecaptchaNet ? \"recaptcha.net\" : \"google.com\";\r\n  const script = useEnterprise ? \"enterprise.js\" : \"api.js\";\r\n\r\n  let src = `https://www.${hostName}/recaptcha/${script}?`;\r\n  if (reCaptchaKey) src += `render=${reCaptchaKey}`;\r\n  if (language) src += `&hl=${language}`;\r\n\r\n  return src;\r\n};\r\n","import React, {\r\n  useMemo,\r\n  useState,\r\n  useEffect,\r\n  useCallback,\r\n  useContext,\r\n  createContext,\r\n  useDebugValue,\r\n} from \"react\";\r\nimport Script, { ScriptProps } from \"next/script\";\r\nimport type { IReCaptcha } from \"./recaptcha.types\";\r\nimport { getRecaptchaScriptSrc } from \"./utils\";\r\n\r\ninterface ReCaptchaContextProps {\r\n  /** reCAPTCHA_site_key */\r\n  readonly reCaptchaKey: string | null;\r\n  /** Global ReCaptcha object */\r\n  readonly grecaptcha: IReCaptcha | null;\r\n  /** Is ReCaptcha script loaded */\r\n  readonly loaded: boolean;\r\n  /** Is ReCaptcha failed to load */\r\n  readonly error: boolean;\r\n}\r\n\r\nconst ReCaptchaContext = createContext<ReCaptchaContextProps>({\r\n  reCaptchaKey: null,\r\n  grecaptcha: null,\r\n  loaded: false,\r\n  error: false,\r\n});\r\n\r\nconst useReCaptchaContext = () => {\r\n  const values = useContext(ReCaptchaContext);\r\n  useDebugValue(`grecaptcha available: ${values?.loaded ? \"Yes\" : \"No\"}`);\r\n  useDebugValue(`ReCaptcha Script: ${values?.loaded ? \"Loaded\" : \"Not Loaded\"}`);\r\n  useDebugValue(`Failed to load Script: ${values?.error ? \"Yes\" : \"No\"}`);\r\n  return values;\r\n};\r\n\r\ninterface ReCaptchaProviderProps extends Partial<Omit<ScriptProps, \"onLoad\">> {\r\n  reCaptchaKey?: string;\r\n  language?: string;\r\n  useRecaptchaNet?: boolean;\r\n  useEnterprise?: boolean;\r\n  children?: React.ReactNode;\r\n  onLoad?: (grecaptcha: IReCaptcha, e: any) => void;\r\n}\r\n\r\nconst ReCaptchaProvider: React.FC<ReCaptchaProviderProps> = ({\r\n  reCaptchaKey: passedReCaptchaKey,\r\n\r\n  useEnterprise = false,\r\n  useRecaptchaNet = false,\r\n  language,\r\n  children,\r\n\r\n  id = \"google-recaptcha-v3\",\r\n  strategy = \"afterInteractive\",\r\n\r\n  src: passedSrc,\r\n  onLoad: passedOnLoad,\r\n  onError: passedOnError,\r\n\r\n  ...props\r\n}) => {\r\n  const [grecaptcha, setGreCaptcha] = useState<IReCaptcha | null>(null);\r\n  const [loaded, setLoaded] = useState(false);\r\n  const [error, setError] = useState(false);\r\n\r\n  const reCaptchaKey = passedReCaptchaKey || process.env.NEXT_PUBLIC_RECAPTCHA_SITE_KEY || null;\r\n\r\n  const src =\r\n    passedSrc ||\r\n    getRecaptchaScriptSrc({ reCaptchaKey, language, useRecaptchaNet, useEnterprise }) ||\r\n    null;\r\n\r\n  // Reset state when script src is changed\r\n  useEffect(() => {\r\n    setLoaded(false);\r\n    setError(false);\r\n  }, [src]);\r\n\r\n  // Handle script load\r\n  const onLoad = useCallback(\r\n    (e?: any) => {\r\n      const grecaptcha = useEnterprise ? window?.grecaptcha?.enterprise : window?.grecaptcha;\r\n\r\n      if (grecaptcha) {\r\n        grecaptcha.ready(() => {\r\n          setGreCaptcha(grecaptcha);\r\n          setLoaded(true);\r\n          passedOnLoad?.(grecaptcha, e);\r\n        });\r\n      }\r\n    },\r\n    [passedOnLoad, useEnterprise],\r\n  );\r\n\r\n  // Run 'onLoad' function once just in case if grecaptcha is already globally available in window\r\n  useEffect(() => onLoad(), [onLoad]);\r\n\r\n  // Handle script error\r\n  const onError = useCallback(\r\n    (e: any) => {\r\n      setError(true);\r\n      passedOnError?.(e);\r\n    },\r\n    [passedOnError],\r\n  );\r\n\r\n  // Prevent unnecessary rerenders\r\n  const value = useMemo(\r\n    () => ({ reCaptchaKey, grecaptcha, loaded, error }),\r\n    [reCaptchaKey, grecaptcha, loaded, error],\r\n  );\r\n\r\n  return (\r\n    <ReCaptchaContext.Provider value={value}>\r\n      {children}\r\n      <Script id={id} src={src} strategy={strategy} onLoad={onLoad} onError={onError} {...props} />\r\n    </ReCaptchaContext.Provider>\r\n  );\r\n};\r\n\r\nexport { ReCaptchaContext, useReCaptchaContext, ReCaptchaProvider };\r\nexport type { ReCaptchaContextProps, ReCaptchaProviderProps };\r\n","import { useCallback } from \"react\";\r\nimport { useReCaptchaContext } from \"./ReCaptchaProvider\";\r\nimport type { ReCaptchaContextProps } from \"./ReCaptchaProvider\";\r\n\r\nexport interface useReCaptchaProps extends ReCaptchaContextProps {\r\n  executeRecaptcha: (action: string) => Promise<string>;\r\n}\r\n\r\n/** React Hook to generate ReCaptcha token\r\n * @example\r\n * const { executeRecaptcha } = useReCaptcha()\r\n */\r\nconst useReCaptcha = (passedReCaptchaKey?: string): useReCaptchaProps => {\r\n  const { grecaptcha, reCaptchaKey, ...contextProps } = useReCaptchaContext();\r\n\r\n  const siteKey = passedReCaptchaKey || reCaptchaKey;\r\n\r\n  const executeRecaptcha = useCallback(\r\n    async (action: string) => {\r\n      if (typeof grecaptcha?.execute !== \"function\") {\r\n        throw new Error(\"Recaptcha has not been loaded\");\r\n      }\r\n\r\n      const result = await grecaptcha.execute(siteKey, { action });\r\n\r\n      return result;\r\n    },\r\n    [grecaptcha, siteKey],\r\n  );\r\n\r\n  return { ...contextProps, grecaptcha, reCaptchaKey: siteKey, executeRecaptcha };\r\n};\r\n\r\nexport { useReCaptcha };\r\n","import { useEffect } from \"react\";\r\nimport { useReCaptcha } from \"./useReCaptcha\";\r\n\r\ninterface ReCaptchaProps {\r\n  onValidate: (token: string) => void;\r\n  action: string;\r\n  validate?: boolean;\r\n  reCaptchaKey?: string;\r\n}\r\n\r\n/** React Component to generate ReCaptcha token\r\n * @example\r\n * <ReCaptcha action='form-submit' onValidate={handleToken} />\r\n */\r\nconst ReCaptcha: React.FC<ReCaptchaProps> = ({\r\n  action,\r\n  onValidate,\r\n  validate = true,\r\n  reCaptchaKey,\r\n}) => {\r\n  const { executeRecaptcha } = useReCaptcha(reCaptchaKey);\r\n\r\n  useEffect(() => {\r\n    if (!validate) return;\r\n    if (typeof executeRecaptcha !== \"function\") return;\r\n    if (typeof onValidate !== \"function\") return;\r\n\r\n    const handleExecuteRecaptcha = async () => {\r\n      const token = await executeRecaptcha(action);\r\n      onValidate(token);\r\n    };\r\n\r\n    handleExecuteRecaptcha();\r\n  }, [action, onValidate, validate, executeRecaptcha]);\r\n\r\n  return null;\r\n};\r\n\r\nexport { ReCaptcha };\r\nexport type { ReCaptchaProps };\r\n","import React from \"react\";\r\nimport { useReCaptcha } from \"./useReCaptcha\";\r\nimport type { useReCaptchaProps } from \"./useReCaptcha\";\r\n\r\ninterface WithReCaptchaProps extends useReCaptchaProps {}\r\n\r\n/** React HOC to generate ReCaptcha token\r\n * @example\r\n * withReCaptcha(MyComponent)\r\n */\r\nfunction withReCaptcha<T extends WithReCaptchaProps = WithReCaptchaProps>(\r\n  WrappedComponent: React.ComponentType<T>,\r\n) {\r\n  // Try to create a nice displayName for React Dev Tools.\r\n  const displayName = WrappedComponent.displayName || WrappedComponent.name || \"Component\";\r\n\r\n  // Creating the inner component. The calculated Props type here is the where the magic happens.\r\n  const ComponentWithReCaptca = (props: Omit<T, keyof WithReCaptchaProps>) => {\r\n    const reCaptchaProps = useReCaptcha();\r\n\r\n    // Pass current token and function to generate it to the component\r\n    return <WrappedComponent {...reCaptchaProps} {...(props as T)} />;\r\n  };\r\n\r\n  ComponentWithReCaptca.displayName = `withReCaptcha(${displayName})`;\r\n\r\n  return ComponentWithReCaptca;\r\n}\r\n\r\nexport { withReCaptcha };\r\nexport type { WithReCaptchaProps };\r\n"],"names":["ReCaptchaContext","createContext","reCaptchaKey","grecaptcha","loaded","error","useReCaptchaContext","values","useContext","useDebugValue","ReCaptchaProvider","_a","passedReCaptchaKey","useEnterprise","useRecaptchaNet","language","children","id","strategy","src","passedSrc","onLoad","passedOnLoad","onError","passedOnError","props","__rest","setGreCaptcha","useState","setLoaded","setError","process","env","NEXT_PUBLIC_RECAPTCHA_SITE_KEY","getRecaptchaScriptSrc","useEffect","useCallback","e","window","enterprise","ready","value","useMemo","React","Provider","createElement","Script","Object","assign","useReCaptcha","contextProps","siteKey","executeRecaptcha","action","__awaiter","execute","Error","ReCaptcha","onValidate","validate","token","withReCaptcha","WrappedComponent","displayName","name","ComponentWithReCaptca","reCaptchaProps"],"mappings":"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"}
+{"version":3,"file":"index.esm.js","sources":["../src/utils.ts","../src/ReCaptchaProvider.tsx","../src/useReCaptcha.tsx","../src/ReCaptcha.tsx","../src/withReCaptcha.tsx"],"sourcesContent":["/**\r\n * Function to generate the src for the script tag\r\n * Refs: https://developers.google.com/recaptcha/docs/loading\r\n */\r\nexport const getRecaptchaScriptSrc = ({\r\n  reCaptchaKey,\r\n  language,\r\n  useRecaptchaNet = false,\r\n  useEnterprise = false,\r\n}: {\r\n  reCaptchaKey?: string;\r\n  language?: string;\r\n  useRecaptchaNet?: boolean;\r\n  useEnterprise?: boolean;\r\n} = {}): string => {\r\n  const hostName = useRecaptchaNet ? \"recaptcha.net\" : \"google.com\";\r\n  const script = useEnterprise ? \"enterprise.js\" : \"api.js\";\r\n\r\n  let src = `https://www.${hostName}/recaptcha/${script}?`;\r\n  if (reCaptchaKey) src += `render=${reCaptchaKey}`;\r\n  if (language) src += `&hl=${language}`;\r\n\r\n  return src;\r\n};\r\n","import React, {\r\n  useMemo,\r\n  useState,\r\n  useEffect,\r\n  useCallback,\r\n  useContext,\r\n  createContext,\r\n  useDebugValue,\r\n} from \"react\";\r\nimport Script, { ScriptProps } from \"next/script\";\r\nimport type { IReCaptcha } from \"./recaptcha.types\";\r\nimport { getRecaptchaScriptSrc } from \"./utils\";\r\n\r\ninterface ReCaptchaContextProps {\r\n  /** reCAPTCHA_site_key */\r\n  readonly reCaptchaKey: string | null;\r\n  /** Global ReCaptcha object */\r\n  readonly grecaptcha: IReCaptcha | null;\r\n  /** Is ReCaptcha script loaded */\r\n  readonly loaded: boolean;\r\n  /** Is ReCaptcha failed to load */\r\n  readonly error: boolean;\r\n}\r\n\r\nconst ReCaptchaContext = createContext<ReCaptchaContextProps>({\r\n  reCaptchaKey: null,\r\n  grecaptcha: null,\r\n  loaded: false,\r\n  error: false,\r\n});\r\n\r\nconst useReCaptchaContext = () => {\r\n  const values = useContext(ReCaptchaContext);\r\n  useDebugValue(`grecaptcha available: ${values?.loaded ? \"Yes\" : \"No\"}`);\r\n  useDebugValue(`ReCaptcha Script: ${values?.loaded ? \"Loaded\" : \"Not Loaded\"}`);\r\n  useDebugValue(`Failed to load Script: ${values?.error ? \"Yes\" : \"No\"}`);\r\n  return values;\r\n};\r\n\r\ninterface ReCaptchaProviderProps extends Partial<Omit<ScriptProps, \"onLoad\">> {\r\n  reCaptchaKey?: string;\r\n  language?: string;\r\n  useRecaptchaNet?: boolean;\r\n  useEnterprise?: boolean;\r\n  children?: React.ReactNode;\r\n  onLoad?: (grecaptcha: IReCaptcha, e: any) => void;\r\n}\r\n\r\nconst ReCaptchaProvider: React.FC<ReCaptchaProviderProps> = ({\r\n  reCaptchaKey: passedReCaptchaKey,\r\n\r\n  useEnterprise = false,\r\n  useRecaptchaNet = false,\r\n  language,\r\n  children,\r\n\r\n  id = \"google-recaptcha-v3\",\r\n  strategy = \"afterInteractive\",\r\n\r\n  src: passedSrc,\r\n  onLoad: passedOnLoad,\r\n  onError: passedOnError,\r\n\r\n  ...props\r\n}) => {\r\n  const [grecaptcha, setGreCaptcha] = useState<IReCaptcha | null>(null);\r\n  const [loaded, setLoaded] = useState(false);\r\n  const [error, setError] = useState(false);\r\n\r\n  const reCaptchaKey = passedReCaptchaKey || process.env.NEXT_PUBLIC_RECAPTCHA_SITE_KEY || null;\r\n\r\n  const src =\r\n    passedSrc ||\r\n    getRecaptchaScriptSrc({ reCaptchaKey, language, useRecaptchaNet, useEnterprise }) ||\r\n    null;\r\n\r\n  // Reset state when script src is changed\r\n  useEffect(() => {\r\n    setLoaded(false);\r\n    setError(false);\r\n  }, [src]);\r\n\r\n  // Handle script load\r\n  const onLoad = useCallback(\r\n    (e?: any) => {\r\n      const grecaptcha = useEnterprise ? window?.grecaptcha?.enterprise : window?.grecaptcha;\r\n\r\n      if (grecaptcha) {\r\n        grecaptcha.ready(() => {\r\n          setGreCaptcha(grecaptcha);\r\n          setLoaded(true);\r\n          passedOnLoad?.(grecaptcha, e);\r\n        });\r\n      }\r\n    },\r\n    [passedOnLoad, useEnterprise],\r\n  );\r\n\r\n  // Run 'onLoad' function once just in case if grecaptcha is already globally available in window\r\n  useEffect(() => onLoad(), [onLoad]);\r\n\r\n  // Handle script error\r\n  const onError = useCallback(\r\n    (e: any) => {\r\n      setError(true);\r\n      passedOnError?.(e);\r\n    },\r\n    [passedOnError],\r\n  );\r\n\r\n  // Prevent unnecessary rerenders\r\n  const value = useMemo(\r\n    () => ({ reCaptchaKey, grecaptcha, loaded, error }),\r\n    [reCaptchaKey, grecaptcha, loaded, error],\r\n  );\r\n\r\n  return (\r\n    <ReCaptchaContext.Provider value={value}>\r\n      {children}\r\n      <Script id={id} src={src} strategy={strategy} onLoad={onLoad} onError={onError} {...props} />\r\n    </ReCaptchaContext.Provider>\r\n  );\r\n};\r\n\r\nexport { ReCaptchaContext, useReCaptchaContext, ReCaptchaProvider };\r\nexport type { ReCaptchaContextProps, ReCaptchaProviderProps };\r\n","import { useCallback } from \"react\";\r\nimport { useReCaptchaContext } from \"./ReCaptchaProvider\";\r\nimport type { ReCaptchaContextProps } from \"./ReCaptchaProvider\";\r\n\r\nexport interface useReCaptchaProps extends ReCaptchaContextProps {\r\n  executeRecaptcha: (action: string) => Promise<string>;\r\n}\r\n\r\n/** React Hook to generate ReCaptcha token\r\n * @example\r\n * const { executeRecaptcha } = useReCaptcha()\r\n */\r\nconst useReCaptcha = (reCaptchaKey?: string): useReCaptchaProps => {\r\n  const { grecaptcha, reCaptchaKey: contextReCaptchaKey, ...contextProps } = useReCaptchaContext();\r\n\r\n  const siteKey = reCaptchaKey || contextReCaptchaKey;\r\n\r\n  const executeRecaptcha = useCallback(\r\n    async (action: string) => {\r\n      if (typeof grecaptcha?.execute !== \"function\") {\r\n        throw new Error(\"Recaptcha has not been loaded\");\r\n      }\r\n\r\n      const result = await grecaptcha.execute(siteKey, { action });\r\n\r\n      return result;\r\n    },\r\n    [grecaptcha, siteKey],\r\n  );\r\n\r\n  return { ...contextProps, grecaptcha, reCaptchaKey: siteKey, executeRecaptcha };\r\n};\r\n\r\nexport { useReCaptcha };\r\n","import { useEffect } from \"react\";\r\nimport { useReCaptcha } from \"./useReCaptcha\";\r\n\r\ninterface ReCaptchaProps {\r\n  onValidate: (token: string) => void;\r\n  action: string;\r\n  validate?: boolean;\r\n  reCaptchaKey?: string;\r\n}\r\n\r\n/** React Component to generate ReCaptcha token\r\n * @example\r\n * <ReCaptcha action='form-submit' onValidate={handleToken} />\r\n */\r\nconst ReCaptcha: React.FC<ReCaptchaProps> = ({\r\n  action,\r\n  onValidate,\r\n  validate = true,\r\n  reCaptchaKey,\r\n}) => {\r\n  const { executeRecaptcha } = useReCaptcha(reCaptchaKey);\r\n\r\n  useEffect(() => {\r\n    if (!validate) return;\r\n    if (typeof executeRecaptcha !== \"function\") return;\r\n    if (typeof onValidate !== \"function\") return;\r\n\r\n    const handleExecuteRecaptcha = async () => {\r\n      const token = await executeRecaptcha(action);\r\n      onValidate(token);\r\n    };\r\n\r\n    handleExecuteRecaptcha();\r\n  }, [action, onValidate, validate, executeRecaptcha]);\r\n\r\n  return null;\r\n};\r\n\r\nexport { ReCaptcha };\r\nexport type { ReCaptchaProps };\r\n","import React from \"react\";\r\nimport { useReCaptcha } from \"./useReCaptcha\";\r\nimport type { useReCaptchaProps } from \"./useReCaptcha\";\r\n\r\ninterface WithReCaptchaProps extends useReCaptchaProps {}\r\n\r\n/** React HOC to generate ReCaptcha token\r\n * @example\r\n * withReCaptcha(MyComponent)\r\n */\r\nfunction withReCaptcha<T extends WithReCaptchaProps = WithReCaptchaProps>(\r\n  WrappedComponent: React.ComponentType<T>,\r\n) {\r\n  // Try to create a nice displayName for React Dev Tools.\r\n  const displayName = WrappedComponent.displayName || WrappedComponent.name || \"Component\";\r\n\r\n  // Creating the inner component. The calculated Props type here is the where the magic happens.\r\n  const ComponentWithReCaptca = (props: Omit<T, keyof WithReCaptchaProps>) => {\r\n    const reCaptchaProps = useReCaptcha();\r\n\r\n    // Pass current token and function to generate it to the component\r\n    return <WrappedComponent {...reCaptchaProps} {...(props as T)} />;\r\n  };\r\n\r\n  ComponentWithReCaptca.displayName = `withReCaptcha(${displayName})`;\r\n\r\n  return ComponentWithReCaptca;\r\n}\r\n\r\nexport { withReCaptcha };\r\nexport type { WithReCaptchaProps };\r\n"],"names":["ReCaptchaContext","createContext","reCaptchaKey","grecaptcha","loaded","error","useReCaptchaContext","values","useContext","useDebugValue","ReCaptchaProvider","_a","passedReCaptchaKey","useEnterprise","useRecaptchaNet","language","children","id","strategy","src","passedSrc","onLoad","passedOnLoad","onError","passedOnError","props","__rest","setGreCaptcha","useState","setLoaded","setError","process","env","NEXT_PUBLIC_RECAPTCHA_SITE_KEY","getRecaptchaScriptSrc","useEffect","useCallback","e","window","enterprise","ready","value","useMemo","React","Provider","createElement","Script","Object","assign","useReCaptcha","contextReCaptchaKey","contextProps","siteKey","executeRecaptcha","action","__awaiter","execute","Error","ReCaptcha","onValidate","validate","token","withReCaptcha","WrappedComponent","displayName","name","ComponentWithReCaptca","reCaptchaProps"],"mappings":"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"}

package/lib/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../src/utils.ts","../src/ReCaptchaProvider.tsx","../src/useReCaptcha.tsx","../src/ReCaptcha.tsx","../src/withReCaptcha.tsx"],"sourcesContent":["/**\r\n * Function to generate the src for the script tag\r\n * Refs: https://developers.google.com/recaptcha/docs/loading\r\n */\r\nexport const getRecaptchaScriptSrc = ({\r\n  reCaptchaKey,\r\n  language,\r\n  useRecaptchaNet = false,\r\n  useEnterprise = false,\r\n}: {\r\n  reCaptchaKey?: string;\r\n  language?: string;\r\n  useRecaptchaNet?: boolean;\r\n  useEnterprise?: boolean;\r\n} = {}): string => {\r\n  const hostName = useRecaptchaNet ? \"recaptcha.net\" : \"google.com\";\r\n  const script = useEnterprise ? \"enterprise.js\" : \"api.js\";\r\n\r\n  let src = `https://www.${hostName}/recaptcha/${script}?`;\r\n  if (reCaptchaKey) src += `render=${reCaptchaKey}`;\r\n  if (language) src += `&hl=${language}`;\r\n\r\n  return src;\r\n};\r\n","import React, {\r\n  useMemo,\r\n  useState,\r\n  useEffect,\r\n  useCallback,\r\n  useContext,\r\n  createContext,\r\n  useDebugValue,\r\n} from \"react\";\r\nimport Script, { ScriptProps } from \"next/script\";\r\nimport type { IReCaptcha } from \"./recaptcha.types\";\r\nimport { getRecaptchaScriptSrc } from \"./utils\";\r\n\r\ninterface ReCaptchaContextProps {\r\n  /** reCAPTCHA_site_key */\r\n  readonly reCaptchaKey: string | null;\r\n  /** Global ReCaptcha object */\r\n  readonly grecaptcha: IReCaptcha | null;\r\n  /** Is ReCaptcha script loaded */\r\n  readonly loaded: boolean;\r\n  /** Is ReCaptcha failed to load */\r\n  readonly error: boolean;\r\n}\r\n\r\nconst ReCaptchaContext = createContext<ReCaptchaContextProps>({\r\n  reCaptchaKey: null,\r\n  grecaptcha: null,\r\n  loaded: false,\r\n  error: false,\r\n});\r\n\r\nconst useReCaptchaContext = () => {\r\n  const values = useContext(ReCaptchaContext);\r\n  useDebugValue(`grecaptcha available: ${values?.loaded ? \"Yes\" : \"No\"}`);\r\n  useDebugValue(`ReCaptcha Script: ${values?.loaded ? \"Loaded\" : \"Not Loaded\"}`);\r\n  useDebugValue(`Failed to load Script: ${values?.error ? \"Yes\" : \"No\"}`);\r\n  return values;\r\n};\r\n\r\ninterface ReCaptchaProviderProps extends Partial<Omit<ScriptProps, \"onLoad\">> {\r\n  reCaptchaKey?: string;\r\n  language?: string;\r\n  useRecaptchaNet?: boolean;\r\n  useEnterprise?: boolean;\r\n  children?: React.ReactNode;\r\n  onLoad?: (grecaptcha: IReCaptcha, e: any) => void;\r\n}\r\n\r\nconst ReCaptchaProvider: React.FC<ReCaptchaProviderProps> = ({\r\n  reCaptchaKey: passedReCaptchaKey,\r\n\r\n  useEnterprise = false,\r\n  useRecaptchaNet = false,\r\n  language,\r\n  children,\r\n\r\n  id = \"google-recaptcha-v3\",\r\n  strategy = \"afterInteractive\",\r\n\r\n  src: passedSrc,\r\n  onLoad: passedOnLoad,\r\n  onError: passedOnError,\r\n\r\n  ...props\r\n}) => {\r\n  const [grecaptcha, setGreCaptcha] = useState<IReCaptcha | null>(null);\r\n  const [loaded, setLoaded] = useState(false);\r\n  const [error, setError] = useState(false);\r\n\r\n  const reCaptchaKey = passedReCaptchaKey || process.env.NEXT_PUBLIC_RECAPTCHA_SITE_KEY || null;\r\n\r\n  const src =\r\n    passedSrc ||\r\n    getRecaptchaScriptSrc({ reCaptchaKey, language, useRecaptchaNet, useEnterprise }) ||\r\n    null;\r\n\r\n  // Reset state when script src is changed\r\n  useEffect(() => {\r\n    setLoaded(false);\r\n    setError(false);\r\n  }, [src]);\r\n\r\n  // Handle script load\r\n  const onLoad = useCallback(\r\n    (e?: any) => {\r\n      const grecaptcha = useEnterprise ? window?.grecaptcha?.enterprise : window?.grecaptcha;\r\n\r\n      if (grecaptcha) {\r\n        grecaptcha.ready(() => {\r\n          setGreCaptcha(grecaptcha);\r\n          setLoaded(true);\r\n          passedOnLoad?.(grecaptcha, e);\r\n        });\r\n      }\r\n    },\r\n    [passedOnLoad, useEnterprise],\r\n  );\r\n\r\n  // Run 'onLoad' function once just in case if grecaptcha is already globally available in window\r\n  useEffect(() => onLoad(), [onLoad]);\r\n\r\n  // Handle script error\r\n  const onError = useCallback(\r\n    (e: any) => {\r\n      setError(true);\r\n      passedOnError?.(e);\r\n    },\r\n    [passedOnError],\r\n  );\r\n\r\n  // Prevent unnecessary rerenders\r\n  const value = useMemo(\r\n    () => ({ reCaptchaKey, grecaptcha, loaded, error }),\r\n    [reCaptchaKey, grecaptcha, loaded, error],\r\n  );\r\n\r\n  return (\r\n    <ReCaptchaContext.Provider value={value}>\r\n      {children}\r\n      <Script id={id} src={src} strategy={strategy} onLoad={onLoad} onError={onError} {...props} />\r\n    </ReCaptchaContext.Provider>\r\n  );\r\n};\r\n\r\nexport { ReCaptchaContext, useReCaptchaContext, ReCaptchaProvider };\r\nexport type { ReCaptchaContextProps, ReCaptchaProviderProps };\r\n","import { useCallback } from \"react\";\r\nimport { useReCaptchaContext } from \"./ReCaptchaProvider\";\r\nimport type { ReCaptchaContextProps } from \"./ReCaptchaProvider\";\r\n\r\nexport interface useReCaptchaProps extends ReCaptchaContextProps {\r\n  executeRecaptcha: (action: string) => Promise<string>;\r\n}\r\n\r\n/** React Hook to generate ReCaptcha token\r\n * @example\r\n * const { executeRecaptcha } = useReCaptcha()\r\n */\r\nconst useReCaptcha = (passedReCaptchaKey?: string): useReCaptchaProps => {\r\n  const { grecaptcha, reCaptchaKey, ...contextProps } = useReCaptchaContext();\r\n\r\n  const siteKey = passedReCaptchaKey || reCaptchaKey;\r\n\r\n  const executeRecaptcha = useCallback(\r\n    async (action: string) => {\r\n      if (typeof grecaptcha?.execute !== \"function\") {\r\n        throw new Error(\"Recaptcha has not been loaded\");\r\n      }\r\n\r\n      const result = await grecaptcha.execute(siteKey, { action });\r\n\r\n      return result;\r\n    },\r\n    [grecaptcha, siteKey],\r\n  );\r\n\r\n  return { ...contextProps, grecaptcha, reCaptchaKey: siteKey, executeRecaptcha };\r\n};\r\n\r\nexport { useReCaptcha };\r\n","import { useEffect } from \"react\";\r\nimport { useReCaptcha } from \"./useReCaptcha\";\r\n\r\ninterface ReCaptchaProps {\r\n  onValidate: (token: string) => void;\r\n  action: string;\r\n  validate?: boolean;\r\n  reCaptchaKey?: string;\r\n}\r\n\r\n/** React Component to generate ReCaptcha token\r\n * @example\r\n * <ReCaptcha action='form-submit' onValidate={handleToken} />\r\n */\r\nconst ReCaptcha: React.FC<ReCaptchaProps> = ({\r\n  action,\r\n  onValidate,\r\n  validate = true,\r\n  reCaptchaKey,\r\n}) => {\r\n  const { executeRecaptcha } = useReCaptcha(reCaptchaKey);\r\n\r\n  useEffect(() => {\r\n    if (!validate) return;\r\n    if (typeof executeRecaptcha !== \"function\") return;\r\n    if (typeof onValidate !== \"function\") return;\r\n\r\n    const handleExecuteRecaptcha = async () => {\r\n      const token = await executeRecaptcha(action);\r\n      onValidate(token);\r\n    };\r\n\r\n    handleExecuteRecaptcha();\r\n  }, [action, onValidate, validate, executeRecaptcha]);\r\n\r\n  return null;\r\n};\r\n\r\nexport { ReCaptcha };\r\nexport type { ReCaptchaProps };\r\n","import React from \"react\";\r\nimport { useReCaptcha } from \"./useReCaptcha\";\r\nimport type { useReCaptchaProps } from \"./useReCaptcha\";\r\n\r\ninterface WithReCaptchaProps extends useReCaptchaProps {}\r\n\r\n/** React HOC to generate ReCaptcha token\r\n * @example\r\n * withReCaptcha(MyComponent)\r\n */\r\nfunction withReCaptcha<T extends WithReCaptchaProps = WithReCaptchaProps>(\r\n  WrappedComponent: React.ComponentType<T>,\r\n) {\r\n  // Try to create a nice displayName for React Dev Tools.\r\n  const displayName = WrappedComponent.displayName || WrappedComponent.name || \"Component\";\r\n\r\n  // Creating the inner component. The calculated Props type here is the where the magic happens.\r\n  const ComponentWithReCaptca = (props: Omit<T, keyof WithReCaptchaProps>) => {\r\n    const reCaptchaProps = useReCaptcha();\r\n\r\n    // Pass current token and function to generate it to the component\r\n    return <WrappedComponent {...reCaptchaProps} {...(props as T)} />;\r\n  };\r\n\r\n  ComponentWithReCaptca.displayName = `withReCaptcha(${displayName})`;\r\n\r\n  return ComponentWithReCaptca;\r\n}\r\n\r\nexport { withReCaptcha };\r\nexport type { WithReCaptchaProps };\r\n"],"names":["ReCaptchaContext","createContext","reCaptchaKey","grecaptcha","loaded","error","useReCaptchaContext","values","useContext","useDebugValue","useReCaptcha","passedReCaptchaKey","_a","contextProps","__rest","siteKey","executeRecaptcha","useCallback","action","__awaiter","execute","Error","Object","assign","onValidate","validate","useEffect","token","useEnterprise","useRecaptchaNet","language","children","id","strategy","src","passedSrc","onLoad","passedOnLoad","onError","passedOnError","props","setGreCaptcha","useState","setLoaded","setError","process","env","NEXT_PUBLIC_RECAPTCHA_SITE_KEY","getRecaptchaScriptSrc","e","window","enterprise","ready","value","useMemo","React","Provider","createElement","Script","WrappedComponent","displayName","name","ComponentWithReCaptca","reCaptchaProps"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../src/utils.ts","../src/ReCaptchaProvider.tsx","../src/useReCaptcha.tsx","../src/ReCaptcha.tsx","../src/withReCaptcha.tsx"],"sourcesContent":["/**\r\n * Function to generate the src for the script tag\r\n * Refs: https://developers.google.com/recaptcha/docs/loading\r\n */\r\nexport const getRecaptchaScriptSrc = ({\r\n  reCaptchaKey,\r\n  language,\r\n  useRecaptchaNet = false,\r\n  useEnterprise = false,\r\n}: {\r\n  reCaptchaKey?: string;\r\n  language?: string;\r\n  useRecaptchaNet?: boolean;\r\n  useEnterprise?: boolean;\r\n} = {}): string => {\r\n  const hostName = useRecaptchaNet ? \"recaptcha.net\" : \"google.com\";\r\n  const script = useEnterprise ? \"enterprise.js\" : \"api.js\";\r\n\r\n  let src = `https://www.${hostName}/recaptcha/${script}?`;\r\n  if (reCaptchaKey) src += `render=${reCaptchaKey}`;\r\n  if (language) src += `&hl=${language}`;\r\n\r\n  return src;\r\n};\r\n","import React, {\r\n  useMemo,\r\n  useState,\r\n  useEffect,\r\n  useCallback,\r\n  useContext,\r\n  createContext,\r\n  useDebugValue,\r\n} from \"react\";\r\nimport Script, { ScriptProps } from \"next/script\";\r\nimport type { IReCaptcha } from \"./recaptcha.types\";\r\nimport { getRecaptchaScriptSrc } from \"./utils\";\r\n\r\ninterface ReCaptchaContextProps {\r\n  /** reCAPTCHA_site_key */\r\n  readonly reCaptchaKey: string | null;\r\n  /** Global ReCaptcha object */\r\n  readonly grecaptcha: IReCaptcha | null;\r\n  /** Is ReCaptcha script loaded */\r\n  readonly loaded: boolean;\r\n  /** Is ReCaptcha failed to load */\r\n  readonly error: boolean;\r\n}\r\n\r\nconst ReCaptchaContext = createContext<ReCaptchaContextProps>({\r\n  reCaptchaKey: null,\r\n  grecaptcha: null,\r\n  loaded: false,\r\n  error: false,\r\n});\r\n\r\nconst useReCaptchaContext = () => {\r\n  const values = useContext(ReCaptchaContext);\r\n  useDebugValue(`grecaptcha available: ${values?.loaded ? \"Yes\" : \"No\"}`);\r\n  useDebugValue(`ReCaptcha Script: ${values?.loaded ? \"Loaded\" : \"Not Loaded\"}`);\r\n  useDebugValue(`Failed to load Script: ${values?.error ? \"Yes\" : \"No\"}`);\r\n  return values;\r\n};\r\n\r\ninterface ReCaptchaProviderProps extends Partial<Omit<ScriptProps, \"onLoad\">> {\r\n  reCaptchaKey?: string;\r\n  language?: string;\r\n  useRecaptchaNet?: boolean;\r\n  useEnterprise?: boolean;\r\n  children?: React.ReactNode;\r\n  onLoad?: (grecaptcha: IReCaptcha, e: any) => void;\r\n}\r\n\r\nconst ReCaptchaProvider: React.FC<ReCaptchaProviderProps> = ({\r\n  reCaptchaKey: passedReCaptchaKey,\r\n\r\n  useEnterprise = false,\r\n  useRecaptchaNet = false,\r\n  language,\r\n  children,\r\n\r\n  id = \"google-recaptcha-v3\",\r\n  strategy = \"afterInteractive\",\r\n\r\n  src: passedSrc,\r\n  onLoad: passedOnLoad,\r\n  onError: passedOnError,\r\n\r\n  ...props\r\n}) => {\r\n  const [grecaptcha, setGreCaptcha] = useState<IReCaptcha | null>(null);\r\n  const [loaded, setLoaded] = useState(false);\r\n  const [error, setError] = useState(false);\r\n\r\n  const reCaptchaKey = passedReCaptchaKey || process.env.NEXT_PUBLIC_RECAPTCHA_SITE_KEY || null;\r\n\r\n  const src =\r\n    passedSrc ||\r\n    getRecaptchaScriptSrc({ reCaptchaKey, language, useRecaptchaNet, useEnterprise }) ||\r\n    null;\r\n\r\n  // Reset state when script src is changed\r\n  useEffect(() => {\r\n    setLoaded(false);\r\n    setError(false);\r\n  }, [src]);\r\n\r\n  // Handle script load\r\n  const onLoad = useCallback(\r\n    (e?: any) => {\r\n      const grecaptcha = useEnterprise ? window?.grecaptcha?.enterprise : window?.grecaptcha;\r\n\r\n      if (grecaptcha) {\r\n        grecaptcha.ready(() => {\r\n          setGreCaptcha(grecaptcha);\r\n          setLoaded(true);\r\n          passedOnLoad?.(grecaptcha, e);\r\n        });\r\n      }\r\n    },\r\n    [passedOnLoad, useEnterprise],\r\n  );\r\n\r\n  // Run 'onLoad' function once just in case if grecaptcha is already globally available in window\r\n  useEffect(() => onLoad(), [onLoad]);\r\n\r\n  // Handle script error\r\n  const onError = useCallback(\r\n    (e: any) => {\r\n      setError(true);\r\n      passedOnError?.(e);\r\n    },\r\n    [passedOnError],\r\n  );\r\n\r\n  // Prevent unnecessary rerenders\r\n  const value = useMemo(\r\n    () => ({ reCaptchaKey, grecaptcha, loaded, error }),\r\n    [reCaptchaKey, grecaptcha, loaded, error],\r\n  );\r\n\r\n  return (\r\n    <ReCaptchaContext.Provider value={value}>\r\n      {children}\r\n      <Script id={id} src={src} strategy={strategy} onLoad={onLoad} onError={onError} {...props} />\r\n    </ReCaptchaContext.Provider>\r\n  );\r\n};\r\n\r\nexport { ReCaptchaContext, useReCaptchaContext, ReCaptchaProvider };\r\nexport type { ReCaptchaContextProps, ReCaptchaProviderProps };\r\n","import { useCallback } from \"react\";\r\nimport { useReCaptchaContext } from \"./ReCaptchaProvider\";\r\nimport type { ReCaptchaContextProps } from \"./ReCaptchaProvider\";\r\n\r\nexport interface useReCaptchaProps extends ReCaptchaContextProps {\r\n  executeRecaptcha: (action: string) => Promise<string>;\r\n}\r\n\r\n/** React Hook to generate ReCaptcha token\r\n * @example\r\n * const { executeRecaptcha } = useReCaptcha()\r\n */\r\nconst useReCaptcha = (reCaptchaKey?: string): useReCaptchaProps => {\r\n  const { grecaptcha, reCaptchaKey: contextReCaptchaKey, ...contextProps } = useReCaptchaContext();\r\n\r\n  const siteKey = reCaptchaKey || contextReCaptchaKey;\r\n\r\n  const executeRecaptcha = useCallback(\r\n    async (action: string) => {\r\n      if (typeof grecaptcha?.execute !== \"function\") {\r\n        throw new Error(\"Recaptcha has not been loaded\");\r\n      }\r\n\r\n      const result = await grecaptcha.execute(siteKey, { action });\r\n\r\n      return result;\r\n    },\r\n    [grecaptcha, siteKey],\r\n  );\r\n\r\n  return { ...contextProps, grecaptcha, reCaptchaKey: siteKey, executeRecaptcha };\r\n};\r\n\r\nexport { useReCaptcha };\r\n","import { useEffect } from \"react\";\r\nimport { useReCaptcha } from \"./useReCaptcha\";\r\n\r\ninterface ReCaptchaProps {\r\n  onValidate: (token: string) => void;\r\n  action: string;\r\n  validate?: boolean;\r\n  reCaptchaKey?: string;\r\n}\r\n\r\n/** React Component to generate ReCaptcha token\r\n * @example\r\n * <ReCaptcha action='form-submit' onValidate={handleToken} />\r\n */\r\nconst ReCaptcha: React.FC<ReCaptchaProps> = ({\r\n  action,\r\n  onValidate,\r\n  validate = true,\r\n  reCaptchaKey,\r\n}) => {\r\n  const { executeRecaptcha } = useReCaptcha(reCaptchaKey);\r\n\r\n  useEffect(() => {\r\n    if (!validate) return;\r\n    if (typeof executeRecaptcha !== \"function\") return;\r\n    if (typeof onValidate !== \"function\") return;\r\n\r\n    const handleExecuteRecaptcha = async () => {\r\n      const token = await executeRecaptcha(action);\r\n      onValidate(token);\r\n    };\r\n\r\n    handleExecuteRecaptcha();\r\n  }, [action, onValidate, validate, executeRecaptcha]);\r\n\r\n  return null;\r\n};\r\n\r\nexport { ReCaptcha };\r\nexport type { ReCaptchaProps };\r\n","import React from \"react\";\r\nimport { useReCaptcha } from \"./useReCaptcha\";\r\nimport type { useReCaptchaProps } from \"./useReCaptcha\";\r\n\r\ninterface WithReCaptchaProps extends useReCaptchaProps {}\r\n\r\n/** React HOC to generate ReCaptcha token\r\n * @example\r\n * withReCaptcha(MyComponent)\r\n */\r\nfunction withReCaptcha<T extends WithReCaptchaProps = WithReCaptchaProps>(\r\n  WrappedComponent: React.ComponentType<T>,\r\n) {\r\n  // Try to create a nice displayName for React Dev Tools.\r\n  const displayName = WrappedComponent.displayName || WrappedComponent.name || \"Component\";\r\n\r\n  // Creating the inner component. The calculated Props type here is the where the magic happens.\r\n  const ComponentWithReCaptca = (props: Omit<T, keyof WithReCaptchaProps>) => {\r\n    const reCaptchaProps = useReCaptcha();\r\n\r\n    // Pass current token and function to generate it to the component\r\n    return <WrappedComponent {...reCaptchaProps} {...(props as T)} />;\r\n  };\r\n\r\n  ComponentWithReCaptca.displayName = `withReCaptcha(${displayName})`;\r\n\r\n  return ComponentWithReCaptca;\r\n}\r\n\r\nexport { withReCaptcha };\r\nexport type { WithReCaptchaProps };\r\n"],"names":["ReCaptchaContext","createContext","reCaptchaKey","grecaptcha","loaded","error","useReCaptchaContext","values","useContext","useDebugValue","useReCaptcha","_a","contextReCaptchaKey","contextProps","__rest","siteKey","executeRecaptcha","useCallback","action","__awaiter","execute","Error","Object","assign","onValidate","validate","useEffect","token","passedReCaptchaKey","useEnterprise","useRecaptchaNet","language","children","id","strategy","src","passedSrc","onLoad","passedOnLoad","onError","passedOnError","props","setGreCaptcha","useState","setLoaded","setError","process","env","NEXT_PUBLIC_RECAPTCHA_SITE_KEY","getRecaptchaScriptSrc","e","window","enterprise","ready","value","useMemo","React","Provider","createElement","Script","WrappedComponent","displayName","name","ComponentWithReCaptca","reCaptchaProps"],"mappings":"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"}

package/lib/useReCaptcha.d.ts

@@ -6,5 +6,5 @@ export interface useReCaptchaProps extends ReCaptchaContextProps {
  * @example
  * const { executeRecaptcha } = useReCaptcha()
  */
-declare const useReCaptcha: (passedReCaptchaKey?: string) => useReCaptchaProps;
+declare const useReCaptcha: (reCaptchaKey?: string) => useReCaptchaProps;
 export { useReCaptcha };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "next-recaptcha-v3",
-  "version": "1.0.4",
+  "version": "1.0.5",
   "description": "🤖 Next.js hook to add Google ReCaptcha to your application",
   "license": "MIT",
   "author": "Roman Zhuravlov",
@@ -39,31 +39,31 @@
     "react-dom": ">=16.8.0"
   },
   "engines": {
-    "node": ">=12.22.0"
+    "node": ">=14.0.0"
   },
   "devDependencies": {
-    "next": "^12.3.0",
+    "next": "^12.3.1",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "@rollup/plugin-commonjs": "^22.0.2",
     "@rollup/plugin-node-resolve": "^14.1.0",
-    "@types/node": "^18.7.18",
-    "@types/react": "^18.0.20",
+    "@types/node": "^18.8.2",
+    "@types/react": "^18.0.21",
     "@types/react-dom": "^18.0.6",
-    "@typescript-eslint/eslint-plugin": "^5.37.0",
-    "@typescript-eslint/parser": "^5.37.0",
-    "eslint": "^8.23.1",
-    "eslint-config-next": "^12.3.0",
+    "@typescript-eslint/eslint-plugin": "^5.39.0",
+    "@typescript-eslint/parser": "^5.39.0",
+    "eslint": "^8.24.0",
+    "eslint-config-next": "^12.3.1",
     "eslint-config-prettier": "^8.5.0",
     "husky": "^8.0.1",
     "lint-staged": "^13.0.3",
     "prettier": "^2.7.1",
     "pretty-quick": "^3.1.3",
-    "rollup": "^2.79.0",
+    "rollup": "^2.79.1",
     "rollup-plugin-peer-deps-external": "^2.2.4",
     "rollup-plugin-terser": "^7.0.2",
-    "rollup-plugin-typescript2": "^0.34.0",
-    "typescript": "^4.8.3"
+    "rollup-plugin-typescript2": "^0.34.1",
+    "typescript": "^4.8.4"
   },
   "lint-staged": {
     "**/*.{js,jsx,ts,tsx}": [

package/lib/cjs/ReCaptcha.js

@@ -1,37 +0,0 @@
-"use strict";
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ReCaptcha = void 0;
-const react_1 = require("react");
-const useReCaptcha_1 = require("./useReCaptcha");
-/** React Component to generate ReCaptcha token
- * @example
- * <ReCaptcha action='form-submit' onValidate={handleToken} />
- */
-const ReCaptcha = ({ action, onValidate, validate = true, reCaptchaKey, }) => {
-    const { executeRecaptcha } = (0, useReCaptcha_1.useReCaptcha)(reCaptchaKey);
-    (0, react_1.useEffect)(() => {
-        if (!validate)
-            return;
-        if (typeof executeRecaptcha !== "function")
-            return;
-        if (typeof onValidate !== "function")
-            return;
-        const handleExecuteRecaptcha = () => __awaiter(void 0, void 0, void 0, function* () {
-            const token = yield executeRecaptcha(action);
-            onValidate(token);
-        });
-        handleExecuteRecaptcha();
-    }, [action, onValidate, validate, executeRecaptcha]);
-    return null;
-};
-exports.ReCaptcha = ReCaptcha;
-//# sourceMappingURL=ReCaptcha.js.map

package/lib/cjs/ReCaptcha.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ReCaptcha.js","sourceRoot":"","sources":["../../src/ReCaptcha.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,iCAAkC;AAClC,iDAA8C;AAS9C;;;GAGG;AACH,MAAM,SAAS,GAA6B,CAAC,EAC3C,MAAM,EACN,UAAU,EACV,QAAQ,GAAG,IAAI,EACf,YAAY,GACb,EAAE,EAAE;IACH,MAAM,EAAE,gBAAgB,EAAE,GAAG,IAAA,2BAAY,EAAC,YAAY,CAAC,CAAC;IAExD,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,CAAC,QAAQ;YAAE,OAAO;QACtB,IAAI,OAAO,gBAAgB,KAAK,UAAU;YAAE,OAAO;QACnD,IAAI,OAAO,UAAU,KAAK,UAAU;YAAE,OAAO;QAE7C,MAAM,sBAAsB,GAAG,GAAS,EAAE;YACxC,MAAM,KAAK,GAAG,MAAM,gBAAgB,CAAC,MAAM,CAAC,CAAC;YAC7C,UAAU,CAAC,KAAK,CAAC,CAAC;QACpB,CAAC,CAAA,CAAC;QAEF,sBAAsB,EAAE,CAAC;IAC3B,CAAC,EAAE,CAAC,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,gBAAgB,CAAC,CAAC,CAAC;IAErD,OAAO,IAAI,CAAC;AACd,CAAC,CAAC;AAEO,8BAAS"}

package/lib/cjs/ReCaptchaProvider.js

@@ -1,99 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ReCaptchaProvider = exports.useReCaptchaContext = exports.ReCaptchaContext = void 0;
-const react_1 = __importStar(require("react"));
-const script_1 = __importDefault(require("next/script"));
-const utils_1 = require("./utils");
-const ReCaptchaContext = (0, react_1.createContext)({
-    reCaptchaKey: null,
-    grecaptcha: null,
-    loaded: false,
-    error: false,
-});
-exports.ReCaptchaContext = ReCaptchaContext;
-const useReCaptchaContext = () => {
-    const values = (0, react_1.useContext)(ReCaptchaContext);
-    (0, react_1.useDebugValue)(`grecaptcha available: ${(values === null || values === void 0 ? void 0 : values.loaded) ? "Yes" : "No"}`);
-    (0, react_1.useDebugValue)(`ReCaptcha Script: ${(values === null || values === void 0 ? void 0 : values.loaded) ? "Loaded" : "Not Loaded"}`);
-    (0, react_1.useDebugValue)(`Failed to load Script: ${(values === null || values === void 0 ? void 0 : values.error) ? "Yes" : "No"}`);
-    return values;
-};
-exports.useReCaptchaContext = useReCaptchaContext;
-const ReCaptchaProvider = (_a) => {
-    var { reCaptchaKey: passedReCaptchaKey, useEnterprise = false, useRecaptchaNet = false, language, children, id = "google-recaptcha-v3", strategy = "afterInteractive", src: passedSrc, onLoad: passedOnLoad, onError: passedOnError } = _a, props = __rest(_a, ["reCaptchaKey", "useEnterprise", "useRecaptchaNet", "language", "children", "id", "strategy", "src", "onLoad", "onError"]);
-    const [grecaptcha, setGreCaptcha] = (0, react_1.useState)(null);
-    const [loaded, setLoaded] = (0, react_1.useState)(false);
-    const [error, setError] = (0, react_1.useState)(false);
-    const reCaptchaKey = passedReCaptchaKey || process.env.NEXT_PUBLIC_RECAPTCHA_SITE_KEY || null;
-    const src = passedSrc ||
-        (0, utils_1.getRecaptchaScriptSrc)({ reCaptchaKey, language, useRecaptchaNet, useEnterprise }) ||
-        null;
-    // Reset state when script src is changed
-    (0, react_1.useEffect)(() => {
-        setLoaded(false);
-        setError(false);
-    }, [src]);
-    // Handle script load
-    const onLoad = (0, react_1.useCallback)((e) => {
-        var _a;
-        const grecaptcha = useEnterprise ? (_a = window === null || window === void 0 ? void 0 : window.grecaptcha) === null || _a === void 0 ? void 0 : _a.enterprise : window === null || window === void 0 ? void 0 : window.grecaptcha;
-        if (grecaptcha) {
-            grecaptcha.ready(() => {
-                setGreCaptcha(grecaptcha);
-                setLoaded(true);
-                passedOnLoad === null || passedOnLoad === void 0 ? void 0 : passedOnLoad(grecaptcha, e);
-            });
-        }
-    }, [passedOnLoad, useEnterprise]);
-    // Run 'onLoad' function once just in case if grecaptcha is already globally available in window
-    (0, react_1.useEffect)(() => onLoad(), [onLoad]);
-    // Handle script error
-    const onError = (0, react_1.useCallback)((e) => {
-        setError(true);
-        passedOnError === null || passedOnError === void 0 ? void 0 : passedOnError(e);
-    }, [passedOnError]);
-    // Prevent unnecessary rerenders
-    const value = (0, react_1.useMemo)(() => ({ reCaptchaKey, grecaptcha, loaded, error }), [reCaptchaKey, grecaptcha, loaded, error]);
-    return (react_1.default.createElement(ReCaptchaContext.Provider, { value: value },
-        children,
-        react_1.default.createElement(script_1.default, Object.assign({ id: id, src: src, strategy: strategy, onLoad: onLoad, onError: onError }, props))));
-};
-exports.ReCaptchaProvider = ReCaptchaProvider;
-//# sourceMappingURL=ReCaptchaProvider.js.map

package/lib/cjs/ReCaptchaProvider.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ReCaptchaProvider.js","sourceRoot":"","sources":["../../src/ReCaptchaProvider.tsx"],"names":[],"mappings":"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"}

package/lib/cjs/index.js

@@ -1,22 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./recaptcha.types"), exports);
-__exportStar(require("./ReCaptcha"), exports);
-__exportStar(require("./ReCaptchaProvider"), exports);
-__exportStar(require("./useReCaptcha"), exports);
-__exportStar(require("./withReCaptcha"), exports);
-//# sourceMappingURL=index.js.map

package/lib/cjs/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,oDAAkC;AAClC,8CAA4B;AAC5B,sDAAoC;AACpC,iDAA+B;AAC/B,kDAAgC"}

package/lib/cjs/recaptcha.types.js

@@ -1,5 +0,0 @@
-"use strict";
-// Type definitions for Google Recaptcha 3.0
-// Copied from: https://github.com/DefinitelyTyped/DefinitelyTyped
-Object.defineProperty(exports, "__esModule", { value: true });
-//# sourceMappingURL=recaptcha.types.js.map

package/lib/cjs/recaptcha.types.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"recaptcha.types.js","sourceRoot":"","sources":["../../src/recaptcha.types.ts"],"names":[],"mappings":";AAAA,4CAA4C;AAC5C,kEAAkE"}

package/lib/cjs/useReCaptcha.js

@@ -1,43 +0,0 @@
-"use strict";
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useReCaptcha = void 0;
-const react_1 = require("react");
-const ReCaptchaProvider_1 = require("./ReCaptchaProvider");
-/** React Hook to generate ReCaptcha token
- * @example
- * const { executeRecaptcha } = useReCaptcha()
- */
-const useReCaptcha = (passedReCaptchaKey) => {
-    const _a = (0, ReCaptchaProvider_1.useReCaptchaContext)(), { grecaptcha, reCaptchaKey } = _a, contextProps = __rest(_a, ["grecaptcha", "reCaptchaKey"]);
-    const siteKey = passedReCaptchaKey || reCaptchaKey;
-    const executeRecaptcha = (0, react_1.useCallback)((action) => __awaiter(void 0, void 0, void 0, function* () {
-        if (typeof (grecaptcha === null || grecaptcha === void 0 ? void 0 : grecaptcha.execute) !== "function") {
-            throw new Error("Recaptcha has not been loaded");
-        }
-        const result = yield grecaptcha.execute(siteKey, { action });
-        return result;
-    }), [grecaptcha, siteKey]);
-    return Object.assign(Object.assign({}, contextProps), { grecaptcha, reCaptchaKey: siteKey, executeRecaptcha });
-};
-exports.useReCaptcha = useReCaptcha;
-//# sourceMappingURL=useReCaptcha.js.map

package/lib/cjs/useReCaptcha.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useReCaptcha.js","sourceRoot":"","sources":["../../src/useReCaptcha.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA,iCAAoC;AACpC,2DAA0D;AAO1D;;;GAGG;AACH,MAAM,YAAY,GAAG,CAAC,kBAA2B,EAAqB,EAAE;IACtE,MAAM,KAAgD,IAAA,uCAAmB,GAAE,EAArE,EAAE,UAAU,EAAE,YAAY,OAA2C,EAAtC,YAAY,cAA3C,8BAA6C,CAAwB,CAAC;IAE5E,MAAM,OAAO,GAAG,kBAAkB,IAAI,YAAY,CAAC;IAEnD,MAAM,gBAAgB,GAAG,IAAA,mBAAW,EAClC,CAAO,MAAc,EAAE,EAAE;QACvB,IAAI,OAAO,CAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,OAAO,CAAA,KAAK,UAAU,EAAE;YAC7C,MAAM,IAAI,KAAK,CAAC,+BAA+B,CAAC,CAAC;SAClD;QAED,MAAM,MAAM,GAAG,MAAM,UAAU,CAAC,OAAO,CAAC,OAAO,EAAE,EAAE,MAAM,EAAE,CAAC,CAAC;QAE7D,OAAO,MAAM,CAAC;IAChB,CAAC,CAAA,EACD,CAAC,UAAU,EAAE,OAAO,CAAC,CACtB,CAAC;IAEF,uCAAY,YAAY,KAAE,UAAU,EAAE,YAAY,EAAE,OAAO,EAAE,gBAAgB,IAAG;AAClF,CAAC,CAAC;AAEO,oCAAY"}

package/lib/cjs/utils.js

@@ -1,19 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getRecaptchaScriptSrc = void 0;
-/**
- * Function to generate the src for the script tag
- * Refs: https://developers.google.com/recaptcha/docs/loading
- */
-const getRecaptchaScriptSrc = ({ reCaptchaKey, language, useRecaptchaNet = false, useEnterprise = false, } = {}) => {
-    const hostName = useRecaptchaNet ? "recaptcha.net" : "google.com";
-    const script = useEnterprise ? "enterprise.js" : "api.js";
-    let src = `https://www.${hostName}/recaptcha/${script}?`;
-    if (reCaptchaKey)
-        src += `render=${reCaptchaKey}`;
-    if (language)
-        src += `&hl=${language}`;
-    return src;
-};
-exports.getRecaptchaScriptSrc = getRecaptchaScriptSrc;
-//# sourceMappingURL=utils.js.map

package/lib/cjs/utils.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../src/utils.ts"],"names":[],"mappings":";;;AAAA;;;GAGG;AACI,MAAM,qBAAqB,GAAG,CAAC,EACpC,YAAY,EACZ,QAAQ,EACR,eAAe,GAAG,KAAK,EACvB,aAAa,GAAG,KAAK,MAMnB,EAAE,EAAU,EAAE;IAChB,MAAM,QAAQ,GAAG,eAAe,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,YAAY,CAAC;IAClE,MAAM,MAAM,GAAG,aAAa,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,QAAQ,CAAC;IAE1D,IAAI,GAAG,GAAG,eAAe,QAAQ,cAAc,MAAM,GAAG,CAAC;IACzD,IAAI,YAAY;QAAE,GAAG,IAAI,UAAU,YAAY,EAAE,CAAC;IAClD,IAAI,QAAQ;QAAE,GAAG,IAAI,OAAO,QAAQ,EAAE,CAAC;IAEvC,OAAO,GAAG,CAAC;AACb,CAAC,CAAC;AAnBW,QAAA,qBAAqB,yBAmBhC"}

package/lib/cjs/withReCaptcha.js

@@ -1,26 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.withReCaptcha = void 0;
-const react_1 = __importDefault(require("react"));
-const useReCaptcha_1 = require("./useReCaptcha");
-/** React HOC to generate ReCaptcha token
- * @example
- * withReCaptcha(MyComponent)
- */
-function withReCaptcha(WrappedComponent) {
-    // Try to create a nice displayName for React Dev Tools.
-    const displayName = WrappedComponent.displayName || WrappedComponent.name || "Component";
-    // Creating the inner component. The calculated Props type here is the where the magic happens.
-    const ComponentWithReCaptca = (props) => {
-        const reCaptchaProps = (0, useReCaptcha_1.useReCaptcha)();
-        // Pass current token and function to generate it to the component
-        return react_1.default.createElement(WrappedComponent, Object.assign({}, reCaptchaProps, props));
-    };
-    ComponentWithReCaptca.displayName = `withReCaptcha(${displayName})`;
-    return ComponentWithReCaptca;
-}
-exports.withReCaptcha = withReCaptcha;
-//# sourceMappingURL=withReCaptcha.js.map

package/lib/cjs/withReCaptcha.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"withReCaptcha.js","sourceRoot":"","sources":["../../src/withReCaptcha.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,iDAA8C;AAK9C;;;GAGG;AACH,SAAS,aAAa,CACpB,gBAAwC;IAExC,wDAAwD;IACxD,MAAM,WAAW,GAAG,gBAAgB,CAAC,WAAW,IAAI,gBAAgB,CAAC,IAAI,IAAI,WAAW,CAAC;IAEzF,+FAA+F;IAC/F,MAAM,qBAAqB,GAAG,CAAC,KAAwC,EAAE,EAAE;QACzE,MAAM,cAAc,GAAG,IAAA,2BAAY,GAAE,CAAC;QAEtC,kEAAkE;QAClE,OAAO,8BAAC,gBAAgB,oBAAK,cAAc,EAAO,KAAW,EAAI,CAAC;IACpE,CAAC,CAAC;IAEF,qBAAqB,CAAC,WAAW,GAAG,iBAAiB,WAAW,GAAG,CAAC;IAEpE,OAAO,qBAAqB,CAAC;AAC/B,CAAC;AAEQ,sCAAa"}