added missing action props

johnlim5847 · johnlim5847 · commit f4e3b875913b · 2020-05-06T15:06:22.000+08:00
diff --git a/dist/index.d.ts b/dist/index.d.ts
@@ -3,6 +3,7 @@ export declare type IProps = {
     captchaDomain: string;
     onReceiveToken: (captchaToken: string) => void;
     siteKey: string;
+    action: string;
 };
 export declare type IState = {};
 declare class ReCaptchaV3 extends React.PureComponent<IProps, IState> {
diff --git a/dist/index.js b/dist/index.js
@@ -10,7 +10,7 @@ class ReCaptchaV3 extends React.PureComponent {
         };
     }
     render() {
-        return (React.createElement(ReCaptchaComponent_1.default, { ref: ref => this._captchaRef = ref, captchaDomain: this.props.captchaDomain, siteKey: this.props.siteKey, onReceiveToken: (token) => {
+        return (React.createElement(ReCaptchaComponent_1.default, { ref: ref => this._captchaRef = ref, action: this.props.action, captchaDomain: this.props.captchaDomain, siteKey: this.props.siteKey, onReceiveToken: (token) => {
                 this.props.onReceiveToken(token);
             } }));
     }
diff --git a/dist/src/ReCaptchaComponent.d.ts b/dist/src/ReCaptchaComponent.d.ts
@@ -3,6 +3,7 @@ declare type IProps = {
     captchaDomain: string;
     onReceiveToken: (captchaToken: string) => void;
     siteKey: string;
+    action: string;
 };
 declare class ReCaptchaComponent extends React.PureComponent<IProps> {
     private _webViewRef;
diff --git a/dist/src/ReCaptchaComponent.js b/dist/src/ReCaptchaComponent.js
@@ -12,17 +12,17 @@ const patchPostMessageJsCode = `(${String(function () {
     patchedPostMessage.toString = () => String(Object.hasOwnProperty).replace('hasOwnProperty', 'postMessage');
     window.postMessage = patchedPostMessage;
 })})();`;
-const getExecutionFunction = (siteKey) => {
-    return `window.grecaptcha.execute('${siteKey}', { action: 'login' }).then(
+const getExecutionFunction = (siteKey, action) => {
+    return `window.grecaptcha.execute('${siteKey}', { action: '${action}' }).then(
     function(args) {
       window.ReactNativeWebView.postMessage(args);
     }
   )`;
 };
-const getInvisibleRecaptchaContent = (siteKey) => {
+const getInvisibleRecaptchaContent = (siteKey, action) => {
     return `<!DOCTYPE html><html><head>
     <script src="https://www.google.com/recaptcha/api.js?render=${siteKey}"></script>
-    <script>window.grecaptcha.ready(function() { ${getExecutionFunction(siteKey)} });</script>
+    <script>window.grecaptcha.ready(function() { ${getExecutionFunction(siteKey, action)} });</script>
     </head></html>`;
 };
 class ReCaptchaComponent extends React.PureComponent {
@@ -32,7 +32,7 @@ class ReCaptchaComponent extends React.PureComponent {
     }
     refreshToken() {
         if (constants_1.platform.isIOS && this._webViewRef) {
-            this._webViewRef.injectJavaScript(getExecutionFunction(this.props.siteKey));
+            this._webViewRef.injectJavaScript(getExecutionFunction(this.props.siteKey, this.props.action));
         }
         else if (constants_1.platform.isAndroid && this._webViewRef) {
             this._webViewRef.reload();
@@ -43,7 +43,7 @@ class ReCaptchaComponent extends React.PureComponent {
             React.createElement(react_native_webview_1.WebView, { ref: (ref) => {
                     this._webViewRef = ref;
                 }, javaScriptEnabled: true, originWhitelist: ['*'], automaticallyAdjustContentInsets: true, mixedContentMode: 'always', injectedJavaScript: patchPostMessageJsCode, source: {
-                    html: getInvisibleRecaptchaContent(this.props.siteKey),
+                    html: getInvisibleRecaptchaContent(this.props.siteKey, this.props.action),
                     baseUrl: this.props.captchaDomain
                 }, onMessage: (e) => {
                     this.props.onReceiveToken(e.nativeEvent.data);
diff --git a/index.tsx b/index.tsx
@@ -5,6 +5,7 @@ export type IProps = {
   captchaDomain: string
   onReceiveToken: (captchaToken: string) => void
   siteKey: string
+  action: string
 }
 
 export type IState = {}
@@ -22,6 +23,7 @@ class ReCaptchaV3 extends React.PureComponent<IProps, IState> {
     return (
       <ReCaptchaComponent
         ref={ref => this._captchaRef = ref}
+        action={this.props.action}
         captchaDomain={this.props.captchaDomain}
         siteKey={this.props.siteKey}
         onReceiveToken={(token: string) => {
diff --git a/src/ReCaptchaComponent.tsx b/src/ReCaptchaComponent.tsx
@@ -28,10 +28,10 @@ const getExecutionFunction = (siteKey: string, action: string) => {
   )`
 }
 
-const getInvisibleRecaptchaContent = (siteKey: string) => {
+const getInvisibleRecaptchaContent = (siteKey: string, action: string) => {
   return `<!DOCTYPE html><html><head>
     <script src="https://www.google.com/recaptcha/api.js?render=${siteKey}"></script>
-    <script>window.grecaptcha.ready(function() { ${getExecutionFunction(siteKey)} });</script>
+    <script>window.grecaptcha.ready(function() { ${getExecutionFunction(siteKey, action)} });</script>
     </head></html>`
 }
 
@@ -59,7 +59,7 @@ class ReCaptchaComponent extends React.PureComponent<IProps> {
         mixedContentMode={'always'}
         injectedJavaScript={patchPostMessageJsCode}
         source={{
-          html: getInvisibleRecaptchaContent(this.props.siteKey),
+          html: getInvisibleRecaptchaContent(this.props.siteKey, this.props.action),
           baseUrl: this.props.captchaDomain
         }}
         onMessage={(e: any) => {

Original file line number	Diff line number	Diff line change
`@@ -10,7 +10,7 @@ class ReCaptchaV3 extends React.PureComponent {`
`10`	`10`	`};`
`11`	`11`	`}`
`12`	`12`	`render() {`
`13`		`- return (React.createElement(ReCaptchaComponent_1.default, { ref: ref => this._captchaRef = ref, captchaDomain: this.props.captchaDomain, siteKey: this.props.siteKey, onReceiveToken: (token) => {`
	`13`	`+ return (React.createElement(ReCaptchaComponent_1.default, { ref: ref => this._captchaRef = ref, action: this.props.action, captchaDomain: this.props.captchaDomain, siteKey: this.props.siteKey, onReceiveToken: (token) => {`
`14`	`14`	`this.props.onReceiveToken(token);`
`15`	`15`	`} }));`
`16`	`16`	`}`