feat: Add the hasBackdrop property (#43)

* added hasBackdrop prop * updated readme, added passiveSitKey condition to not change current behaviour * updated readme * updated version --------- Co-authored-by: ingmartino <[email protected]>
hCaptcha · Sep 21, 2023 · aadd079 · aadd079
1 parent 01de7c7
commit aadd079
Show file tree

Hide file tree

Showing 4 changed files with 8 additions and 4 deletions.
diff --git a/README.md b/README.md
@@ -127,6 +127,7 @@ Otherwise, you should pass in the preferred device locale, e.g. fetched from `ge
 | style _(inline component only)_ | ViewStyle (see [here](https://reactnative.dev/docs/view-style-props)) | The webview style |
 | baseUrl _(modal component only)_ | string | The url domain defined on your hCaptcha. You generally will not need to change this. |
 | passiveSiteKey _(modal component only)_ | boolean | Indicates whether the passive mode is enabled; when true, the modal won't be shown at all |
+| hasBackdrop _(modal component only)_ | boolean | Defines if the modal backdrop is shown (true by default) |
 
 
 ## Status

diff --git a/index.js b/index.js
@@ -41,6 +41,7 @@ class ConfirmHcaptcha extends PureComponent {
       assethost,
       imghost,
       host,
+      hasBackdrop,
     } = this.props;
 
     return (
@@ -55,7 +56,7 @@ class ConfirmHcaptcha extends PureComponent {
         onBackdropPress={() => this.hide('backdrop')}
         onBackButtonPress={() => this.hide('back_button')}
         isVisible={show}
-        hasBackdrop={!passiveSiteKey}
+        hasBackdrop={!passiveSiteKey && hasBackdrop}
         coverScreen={!passiveSiteKey}
       >
         <SafeAreaView style={[styles.wrapper, { backgroundColor }]}>
@@ -119,6 +120,7 @@ ConfirmHcaptcha.propTypes = {
   assethost: PropTypes.string,
   imghost: PropTypes.string,
   host: PropTypes.string,
+  hasBackdrop: PropTypes.bool,
 };
 
 ConfirmHcaptcha.defaultProps = {
@@ -136,6 +138,7 @@ ConfirmHcaptcha.defaultProps = {
   assethost: undefined,
   imghost: undefined,
   host: undefined,
+  hasBackdrop: true,
 };
 
 export default ConfirmHcaptcha;
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@hcaptcha/react-native-hcaptcha",
-  "version": "1.5.1",
+  "version": "1.6.0",
   "description": "hCaptcha Library for React Native (both Android and iOS)",
   "main": "index.js",
   "scripts": {