From 0aa09b9077cfad7f370925ed7f91320b5a5eca2f Mon Sep 17 00:00:00 2001
From: Milan <milan.vasic.su@gmail.com>
Date: Thu, 25 Jan 2024 17:28:44 +0100
Subject: [PATCH 1/2] feat(csp): added support for nonce

---
 src/index.js | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/src/index.js b/src/index.js
index ed92bf2..adff008 100644
--- a/src/index.js
+++ b/src/index.js
@@ -14,6 +14,7 @@ const VerificationInput = forwardRef(
       autoFocus,
       passwordMode,
       inputProps,
+      nonce,
       containerProps,
       classNames: classes,
       onChange,
@@ -152,7 +153,7 @@ const VerificationInput = forwardRef(
             </div>
           ))}
         </div>
-        <style dangerouslySetInnerHTML={{ __html: style }} />
+        <style dangerouslySetInnerHTML={{ __html: style }} nonce={nonce} />
       </>
     );
   }
@@ -162,6 +163,7 @@ VerificationInput.displayName = "VerificationInput";
 
 VerificationInput.propTypes = {
   value: PropTypes.string,
+  nonce: PropTypes.string,
   length: PropTypes.number,
   validChars: PropTypes.string,
   placeholder: PropTypes.string,
@@ -184,6 +186,7 @@ VerificationInput.propTypes = {
 
 VerificationInput.defaultProps = {
   length: 6,
+  nonce: null,
   validChars: "A-Za-z0-9",
   placeholder: "·",
   autoFocus: false,

From 0dc14c2e7c78ac4c4bf8846021d05c1df92e70be Mon Sep 17 00:00:00 2001
From: Milan <milan.vasic.su@gmail.com>
Date: Fri, 26 Jan 2024 12:05:48 +0100
Subject: [PATCH 2/2] feat(nonce): added nonce to be optional, generated docs

---
 src/index.js | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/index.js b/src/index.js
index adff008..f90c355 100644
--- a/src/index.js
+++ b/src/index.js
@@ -153,7 +153,10 @@ const VerificationInput = forwardRef(
             </div>
           ))}
         </div>
-        <style dangerouslySetInnerHTML={{ __html: style }} nonce={nonce} />
+        <style
+          dangerouslySetInnerHTML={{ __html: style }}
+          {...(nonce && { nonce: nonce })}
+        />
       </>
     );
   }
@@ -186,7 +189,6 @@ VerificationInput.propTypes = {
 
 VerificationInput.defaultProps = {
   length: 6,
-  nonce: null,
   validChars: "A-Za-z0-9",
   placeholder: "·",
   autoFocus: false,