@medplum/react 0.9.23 → 0.9.26

package/dist/cjs/index.js

@@ -4968,20 +4968,22 @@
     /**
      * Dynamically loads the recaptcha script.
      * We do not want to load the script on page load unless the user needs it.
+     * @param siteKey The reCAPTCHA site key, available from the reCAPTCHA admin page.
      */
-    function initRecaptcha() {
+    function initRecaptcha(siteKey) {
         if (typeof grecaptcha === 'undefined') {
-            createScriptTag('https://www.google.com/recaptcha/api.js?render=' + process.env.RECAPTCHA_SITE_KEY);
+            createScriptTag('https://www.google.com/recaptcha/api.js?render=' + siteKey);
         }
     }
     /**
      * Starts a request to generate a recapcha token.
+     * @param siteKey The reCAPTCHA site key, available from the reCAPTCHA admin page.
      * @returns Promise to a recaptcha token for the current user.
      */
-    function getRecaptcha() {
+    function getRecaptcha(siteKey) {
         return new Promise((resolve) => {
             grecaptcha.ready(() => {
-                grecaptcha.execute(process.env.RECAPTCHA_SITE_KEY, { action: 'submit' }).then(resolve);
+                grecaptcha.execute(siteKey, { action: 'submit' }).then(resolve);
             });
         });
     }
@@ -4989,9 +4991,10 @@
     function RegisterForm(props) {
         const medplum = useMedplum();
         const googleClientId = getGoogleClientId(props.googleClientId);
+        const recaptchaSiteKey = props.recaptchaSiteKey;
         const [outcome, setOutcome] = React.useState();
         const issues = getIssuesForExpression(outcome, undefined);
-        React.useEffect(initRecaptcha, []);
+        React.useEffect(() => initRecaptcha(recaptchaSiteKey), [recaptchaSiteKey]);
         function handleAuthResponse(registerRequest, partialLogin) {
             return __awaiter(this, void 0, void 0, function* () {
                 try {
@@ -5013,7 +5016,7 @@
         return (React__default["default"].createElement(Document, { width: 450 },
             React__default["default"].createElement(Form, { style: { maxWidth: 400 }, onSubmit: (formData) => __awaiter(this, void 0, void 0, function* () {
                     try {
-                        const recaptchaToken = yield getRecaptcha();
+                        const recaptchaToken = yield getRecaptcha(recaptchaSiteKey);
                         const registerRequest = Object.assign(Object.assign({}, formData), { recaptchaToken });
                         const userLogin = yield medplum.startNewUser(registerRequest);
                         handleAuthResponse(registerRequest, userLogin);
@@ -5059,6 +5062,19 @@
                     React__default["default"].createElement(Input, { name: "email", type: "email", testid: "email", placeholder: "name@domain.com", required: true, outcome: outcome })),
                 React__default["default"].createElement(FormSection, { title: "Password", htmlFor: "password", outcome: outcome },
                     React__default["default"].createElement(Input, { name: "password", type: "password", testid: "password", autoComplete: "off", required: true, outcome: outcome })),
+                React__default["default"].createElement("p", { style: { fontSize: '12px', color: '#888' } },
+                    "By clicking submit you agree to the Medplum ",
+                    React__default["default"].createElement("a", { href: "https://www.medplum.com/privacy" }, "Privacy\u00A0Policy"),
+                    ' and ',
+                    React__default["default"].createElement("a", { href: "https://www.medplum.com/terms" }, "Terms\u00A0of\u00A0Service"),
+                    "."),
+                React__default["default"].createElement("p", { style: { fontSize: '12px', color: '#888' } },
+                    "This site is protected by reCAPTCHA and the Google",
+                    ' ',
+                    React__default["default"].createElement("a", { href: "https://policies.google.com/privacy" }, "Privacy\u00A0Policy"),
+                    ' and ',
+                    React__default["default"].createElement("a", { href: "https://policies.google.com/terms" }, "Terms\u00A0of\u00A0Service"),
+                    " apply."),
                 React__default["default"].createElement("div", { className: "medplum-signin-buttons" },
                     React__default["default"].createElement("div", null,
                         React__default["default"].createElement("input", { type: "checkbox", id: "remember", name: "remember", value: "true" }),
@@ -5837,6 +5853,7 @@
     exports.HumanNameInput = HumanNameInput;
     exports.IdentifierInput = IdentifierInput;
     exports.Input = Input;
+    exports.InputRow = InputRow;
     exports.Loading = Loading;
     exports.Logo = Logo;
     exports.MedplumLink = MedplumLink;