@medplum/react 0.9.24 → 0.9.25

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);
@@ -5850,6 +5853,7 @@
     exports.HumanNameInput = HumanNameInput;
     exports.IdentifierInput = IdentifierInput;
     exports.Input = Input;
+    exports.InputRow = InputRow;
     exports.Loading = Loading;
     exports.Logo = Logo;
     exports.MedplumLink = MedplumLink;