From 2a34883814f321223e2224e5a6c3b1ce7222889e Mon Sep 17 00:00:00 2001
From: Philippe Legault <plegault@live.ca>
Date: Mon, 18 Nov 2024 03:22:21 -0500
Subject: [PATCH] Support stricter CSP with nonce

---
 src/react/honeypot.tsx | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/src/react/honeypot.tsx b/src/react/honeypot.tsx
index 527d669..0677ba9 100644
--- a/src/react/honeypot.tsx
+++ b/src/react/honeypot.tsx
@@ -8,8 +8,10 @@ const HoneypotContext = React.createContext<HoneypotContextType>({});
 
 export function HoneypotInputs({
 	label = "Please leave this field blank",
+	nonce,
 }: {
 	label?: string;
+	nonce?: string
 }): JSX.Element {
 	let context = React.useContext(HoneypotContext);
 
@@ -22,9 +24,10 @@ export function HoneypotInputs({
 	return (
 		<div
 			id={`${nameFieldName}_wrap`}
-			style={{ display: "none" }}
+			className='__honeypot_inputs'
 			aria-hidden="true"
 		>
+			<style nonce={nonce}>{`.__honeypot_inputs { display: none; }`}</style>
 			<label htmlFor={nameFieldName}>{label}</label>
 			<input
 				id={nameFieldName}