@mcaptcha/react-glue - npm Package Compare versions

Comparing version 0.1.0-rc1 to 0.1.0-rc2

dist/index.d.ts

@@ -6,2 +6,3 @@ import { ReactElement } from 'react';
 export declare const INPUT_LABEL_ID = "mcaptcha__token-label";
+export declare const INSTRUCTIONS_URL = "https://mcaptcha.org/docs/user-manual/how-to-mcaptcha-without-js/";
 /**
@@ -8,0 +9,0 @@ * @param {URL?}widgetLink: URL of the widget. Use this only when you are using

dist/index.js

@@ -9,2 +9,3 @@ function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
 var INPUT_LABEL_ID = 'mcaptcha__token-label';
+var INSTRUCTIONS_URL = 'https://mcaptcha.org/docs/user-manual/how-to-mcaptcha-without-js/';
 var MCaptchaWidget = function MCaptchaWidget(config) {
@@ -26,2 +27,5 @@ var containerStyle = {
       }
+      if (input && input.current) {
+        input.current.readOnly = true;
+      }
     });
@@ -40,3 +44,5 @@ w.listen();
     htmlFor: INPUT_NAME
-  }, "mCaptcha Access token"), React.createElement("input", {
+  }, "mCaptcha authorization token.", ' ', React.createElement("a", {
+    href: INSTRUCTIONS_URL
+  }, "Instructions"), ".", React.createElement("input", {
     ref: input,
@@ -46,6 +52,5 @@ id: INPUT_NAME,
     value: token,
-    readOnly: true,
     required: true,
     type: 'text'
-  }), React.createElement("iframe", {
+  })), React.createElement("iframe", {
     title: 'mCaptcha',
@@ -72,3 +77,4 @@ src: w.widgetLink.toString(),
 exports.INPUT_NAME = INPUT_NAME;
+exports.INSTRUCTIONS_URL = INSTRUCTIONS_URL;
 exports.MCaptchaWidget = MCaptchaWidget;
 //# sourceMappingURL=index.js.map

dist/index.modern.js

@@ -7,2 +7,3 @@ import { useRef, useState, useEffect, createElement } from 'react';
 var INPUT_LABEL_ID = 'mcaptcha__token-label';
+var INSTRUCTIONS_URL = 'https://mcaptcha.org/docs/user-manual/how-to-mcaptcha-without-js/';
 var MCaptchaWidget = function MCaptchaWidget(config) {
@@ -24,2 +25,5 @@ var containerStyle = {
       }
+      if (input && input.current) {
+        input.current.readOnly = true;
+      }
     });
@@ -38,3 +42,5 @@ w.listen();
     htmlFor: INPUT_NAME
-  }, "mCaptcha Access token"), createElement("input", {
+  }, "mCaptcha authorization token.", ' ', createElement("a", {
+    href: INSTRUCTIONS_URL
+  }, "Instructions"), ".", createElement("input", {
     ref: input,
@@ -44,6 +50,5 @@ id: INPUT_NAME,
     value: token,
-    readOnly: true,
     required: true,
     type: 'text'
-  }), createElement("iframe", {
+  })), createElement("iframe", {
     title: 'mCaptcha',
@@ -62,3 +67,3 @@ src: w.widgetLink.toString(),
 
-export { INPUT_LABEL_ID, INPUT_NAME, MCaptchaWidget };
+export { INPUT_LABEL_ID, INPUT_NAME, INSTRUCTIONS_URL, MCaptchaWidget };
 //# sourceMappingURL=index.modern.js.map

package.json

 {
   "name": "@mcaptcha/react-glue",
-  "version": "0.1.0-rc1",
+  "version": "0.1.0-rc2",
   "description": "glue code to setup mCaptcha on your React website",
@@ -5,0 +5,0 @@ "author": "Aravinth Manivannan <[e-mail]>",

No alert changes

Improved metrics

Total package byte prevSize

19007

increased by5.66%

Lines of code

158

increased by8.22%

No dependency changes