@medplum/react 0.9.30 → 0.9.31

package/dist/esm/styles.css

@@ -172,6 +172,203 @@ select.medplum-select:disabled {
   box-shadow: 0 0 0 2px var(--medplum-blue-200);
 }
 
+.medplum-document {
+  margin: 20px auto 6px auto;
+  padding: 10px;
+  clear: both;
+  text-align: center;
+}
+
+.medplum-document article {
+  background-color: var(--medplum-surface);
+  max-width: 900px;
+  margin: 8px auto 16px auto;
+  padding: 15px 25px;
+  text-align: left;
+  border: 0.1px solid var(--medplum-gray-300);
+  border-radius: 8px;
+  box-shadow: 0 1px 3px 0 var(--medplum-shadow);
+}
+
+.medplum-document h1,
+.medplum-document h2,
+.medplum-document h3 {
+  margin: 12px 0;
+}
+
+.medplum-document p,
+.medplum-document li {
+  line-height: 175%;
+  margin: 8px 0;
+}
+
+@media (max-width: 700px) {
+  .medplum-document {
+    margin: 10px auto 6px auto;
+    padding: 6px;
+  }
+
+  .medplum-document article {
+    padding: 6px 12px;
+  }
+}
+
+.medplum-document img,
+.medplum-document video {
+  width: 100%;
+}
+
+.medplum-document textarea {
+  margin: 0;
+  min-height: 100px;
+  width: 100%;
+}
+
+fieldset.medplum-form-section {
+  border: 0;
+  margin: 6px 0 12px 0;
+  padding: 2px 0 8px 0;
+}
+
+fieldset.medplum-form-section > label,
+fieldset.medplum-form-section > legend {
+  display: block;
+  margin: 1px 0 3px 0;
+  line-height: 1.75;
+  font-weight: 500;
+}
+
+fieldset.medplum-form-section > p {
+  margin: 1px 0 4px 0;
+  padding: 1px 0 4px 0;
+  line-height: 1.75;
+}
+
+.medplum-signin-buttons {
+  display: flex;
+  justify-content: space-between;
+  line-height: 32px;
+}
+
+.medplum-signin-buttons > div {
+  display: flex;
+  align-items: center;
+}
+
+.medplum-signin-buttons a {
+  font-size: 12px;
+  margin-right: 16px;
+}
+
+.medplum-signin-buttons label {
+  font-size: 12px;
+}
+
+.medplum-signin-google-container {
+  padding: 20px 0 10px 0;
+  margin: 20px 0 10px 0;
+  height: 70px;
+  text-align: center;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.medplum-signin-separator {
+  padding: 12px 0;
+  margin: 12px 0;
+  overflow: hidden;
+  text-align: center;
+  font-size: var(--medplum-font-small);
+}
+
+.medplum-signin-separator::before,
+.medplum-signin-separator::after {
+  background-color: var(--medplum-gray-400);
+  content: '';
+  display: inline-block;
+  height: 0.1px;
+  position: relative;
+  vertical-align: middle;
+  width: 50%;
+}
+
+.medplum-signin-separator::before {
+  right: 0.5em;
+  margin-left: -50%;
+}
+
+.medplum-signin-separator::after {
+  left: 0.5em;
+  margin-right: -50%;
+}
+
+.medplum-left {
+  text-align: left;
+}
+
+.medplum-center {
+  text-align: center;
+}
+
+.medplum-right {
+  text-align: right;
+}
+
+.medplum-avatar {
+  padding: 0;
+  width: 32px;
+  height: 32px;
+  min-width: 32px;
+  min-height: 32px;
+  line-height: 32px;
+  user-select: none;
+  border-radius: 50%;
+  overflow: hidden;
+  text-align: center;
+  color: var(--medplum-surface);
+  background-color: var(--medplum-gray-500);
+  font-size: 18px;
+}
+
+.medplum-avatar img {
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+}
+
+.medplum-avatar.xsmall {
+  width: 20px;
+  height: 20px;
+  min-width: 20px;
+  min-height: 20px;
+  line-height: 20px;
+  font-size: 10px;
+}
+
+.medplum-avatar.small {
+  width: 24px;
+  height: 24px;
+  min-width: 24px;
+  min-height: 24px;
+  line-height: 24px;
+  font-size: 11px;
+}
+
+.medplum-avatar.large {
+  width: 56px;
+  height: 56px;
+  min-width: 56px;
+  min-height: 56px;
+  line-height: 56px;
+  font-size: 28px;
+}
+
+.medplum-avatar > a {
+  color: var(--medplum-surface);
+  text-decoration: none;
+}
+
 .medplum-autocomplete-container {
   border: 0.1px solid var(--medplum-gray-300);
   border-radius: 3px;
@@ -306,60 +503,6 @@ select.medplum-select:disabled {
   color: var(--medplum-gray-500);
 }
 
-.medplum-avatar {
-  padding: 0;
-  width: 32px;
-  height: 32px;
-  min-width: 32px;
-  min-height: 32px;
-  line-height: 32px;
-  user-select: none;
-  border-radius: 50%;
-  overflow: hidden;
-  text-align: center;
-  color: var(--medplum-surface);
-  background-color: var(--medplum-gray-500);
-  font-size: 18px;
-}
-
-.medplum-avatar img {
-  width: 100%;
-  height: 100%;
-  object-fit: cover;
-}
-
-.medplum-avatar.xsmall {
-  width: 20px;
-  height: 20px;
-  min-width: 20px;
-  min-height: 20px;
-  line-height: 20px;
-  font-size: 10px;
-}
-
-.medplum-avatar.small {
-  width: 24px;
-  height: 24px;
-  min-width: 24px;
-  min-height: 24px;
-  line-height: 24px;
-  font-size: 11px;
-}
-
-.medplum-avatar.large {
-  width: 56px;
-  height: 56px;
-  min-width: 56px;
-  min-height: 56px;
-  line-height: 56px;
-  font-size: 28px;
-}
-
-.medplum-avatar > a {
-  color: var(--medplum-surface);
-  text-decoration: none;
-}
-
 .medplum-checkbox-form-section {
   display: flex;
   justify-content: space-between;
@@ -378,26 +521,6 @@ select.medplum-select:disabled {
   font-weight: 500;
 }
 
-fieldset.medplum-form-section {
-  border: 0;
-  margin: 6px 0 12px 0;
-  padding: 2px 0 8px 0;
-}
-
-fieldset.medplum-form-section > label,
-fieldset.medplum-form-section > legend {
-  display: block;
-  margin: 1px 0 3px 0;
-  line-height: 1.75;
-  font-weight: 500;
-}
-
-fieldset.medplum-form-section > p {
-  margin: 1px 0 4px 0;
-  padding: 1px 0 4px 0;
-  line-height: 1.75;
-}
-
 dl.medplum-description-list {
   display: grid;
   grid-template-columns: 30% 70%;
@@ -816,58 +939,6 @@ table.medplum-diff-table td {
   margin-right: 4px;
 }
 
-.medplum-document {
-  margin: 20px auto 6px auto;
-  padding: 10px;
-  clear: both;
-  text-align: center;
-}
-
-.medplum-document article {
-  background-color: var(--medplum-surface);
-  max-width: 900px;
-  margin: 8px auto 16px auto;
-  padding: 15px 25px;
-  text-align: left;
-  border: 0.1px solid var(--medplum-gray-300);
-  border-radius: 8px;
-  box-shadow: 0 1px 3px 0 var(--medplum-shadow);
-}
-
-.medplum-document h1,
-.medplum-document h2,
-.medplum-document h3 {
-  margin: 12px 0;
-}
-
-.medplum-document p,
-.medplum-document li {
-  line-height: 175%;
-  margin: 8px 0 16px 0;
-}
-
-@media (max-width: 700px) {
-  .medplum-document {
-    margin: 10px auto 6px auto;
-    padding: 6px;
-  }
-
-  .medplum-document article {
-    padding: 6px 12px;
-  }
-}
-
-.medplum-document img,
-.medplum-document video {
-  width: 100%;
-}
-
-.medplum-document textarea {
-  margin: 0;
-  min-height: 100px;
-  width: 100%;
-}
-
 .medplum-search-control {
   max-width: 100%;
   overflow: auto;
@@ -1374,77 +1445,6 @@ div.medplum-nav-menu-container {
   color: var(--medplum-blue-500);
 }
 
-.medplum-signin-buttons {
-  display: flex;
-  justify-content: space-between;
-  line-height: 32px;
-}
-
-.medplum-signin-buttons > div {
-  display: flex;
-  align-items: center;
-}
-
-.medplum-signin-buttons a {
-  font-size: 12px;
-  margin-right: 16px;
-}
-
-.medplum-signin-buttons label {
-  font-size: 12px;
-}
-
-.medplum-signin-google-container {
-  padding: 20px 0 10px 0;
-  margin: 20px 0 10px 0;
-  height: 70px;
-  text-align: center;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
-
-.medplum-signin-separator {
-  padding: 12px 0;
-  margin: 12px 0;
-  overflow: hidden;
-  text-align: center;
-  font-size: var(--medplum-font-small);
-}
-
-.medplum-signin-separator::before,
-.medplum-signin-separator::after {
-  background-color: var(--medplum-gray-400);
-  content: '';
-  display: inline-block;
-  height: 0.1px;
-  position: relative;
-  vertical-align: middle;
-  width: 50%;
-}
-
-.medplum-signin-separator::before {
-  right: 0.5em;
-  margin-left: -50%;
-}
-
-.medplum-signin-separator::after {
-  left: 0.5em;
-  margin-right: -50%;
-}
-
-.medplum-left {
-  text-align: left;
-}
-
-.medplum-center {
-  text-align: center;
-}
-
-.medplum-right {
-  text-align: right;
-}
-
 .medplum-status {
   padding: 1px 6px;
   font-size: 80%;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@medplum/react",
-  "version": "0.9.30",
+  "version": "0.9.31",
   "description": "Medplum React Component Library",
   "author": "Medplum <hello@medplum.com>",
   "license": "Apache-2.0",
@@ -19,21 +19,21 @@
     "storybook": "build-storybook"
   },
   "devDependencies": {
-    "@medplum/core": "0.9.30",
-    "@medplum/fhirtypes": "0.9.30",
-    "@medplum/mock": "0.9.30",
-    "@storybook/addon-actions": "6.5.9",
-    "@storybook/addon-essentials": "6.5.9",
-    "@storybook/addon-links": "6.5.9",
-    "@storybook/builder-webpack5": "6.5.9",
-    "@storybook/manager-webpack5": "6.5.9",
-    "@storybook/react": "6.5.9",
-    "@testing-library/dom": "8.16.0",
-    "@testing-library/jest-dom": "5.16.4",
+    "@medplum/core": "0.9.31",
+    "@medplum/fhirtypes": "0.9.31",
+    "@medplum/mock": "0.9.31",
+    "@storybook/addon-actions": "6.5.10",
+    "@storybook/addon-essentials": "6.5.10",
+    "@storybook/addon-links": "6.5.10",
+    "@storybook/builder-webpack5": "6.5.10",
+    "@storybook/manager-webpack5": "6.5.10",
+    "@storybook/react": "6.5.10",
+    "@testing-library/dom": "8.17.1",
+    "@testing-library/jest-dom": "5.16.5",
     "@testing-library/react": "13.3.0",
     "@types/jest": "28.1.6",
-    "@types/node": "18.6.3",
-    "@types/react": "18.0.15",
+    "@types/node": "18.7.1",
+    "@types/react": "18.0.17",
     "@types/react-dom": "18.0.6",
     "@types/react-router-dom": "5.3.3",
     "dotenv-webpack": "8.0.0",
@@ -48,7 +48,7 @@
     "typescript": "4.7.4"
   },
   "peerDependencies": {
-    "@medplum/core": "0.9.30",
+    "@medplum/core": "0.9.31",
     "react": "^17.0.2 || ^18.0.0",
     "react-dom": "^17.0.2 || ^18.0.0",
     "react-router-dom": "^6.2.2"
@@ -70,9 +70,7 @@
     }
   },
   "types": "dist/esm/index.d.ts",
-  "sideEffects": [
-    "*.css"
-  ],
+  "sideEffects": false,
   "keywords": [
     "medplum",
     "fhir",

package/dist/cjs/RegisterForm.d.ts

@@ -1,18 +0,0 @@
-import React from 'react';
-import './SignInForm.css';
-import './util.css';
-export interface BaseRegisterFormProps {
-    readonly googleClientId?: string;
-    readonly recaptchaSiteKey: string;
-    readonly children?: React.ReactNode;
-    readonly onSuccess: () => void;
-}
-export interface PatientRegisterFormProps extends BaseRegisterFormProps {
-    readonly type: 'patient';
-    readonly projectId: string;
-}
-export interface ProjectRegisterFormProps extends BaseRegisterFormProps {
-    readonly type: 'project';
-}
-export declare type RegisterFormProps = PatientRegisterFormProps | ProjectRegisterFormProps;
-export declare function RegisterForm(props: RegisterFormProps): JSX.Element;

package/dist/esm/RegisterForm.d.ts

@@ -1,18 +0,0 @@
-import React from 'react';
-import './SignInForm.css';
-import './util.css';
-export interface BaseRegisterFormProps {
-    readonly googleClientId?: string;
-    readonly recaptchaSiteKey: string;
-    readonly children?: React.ReactNode;
-    readonly onSuccess: () => void;
-}
-export interface PatientRegisterFormProps extends BaseRegisterFormProps {
-    readonly type: 'patient';
-    readonly projectId: string;
-}
-export interface ProjectRegisterFormProps extends BaseRegisterFormProps {
-    readonly type: 'project';
-}
-export declare type RegisterFormProps = PatientRegisterFormProps | ProjectRegisterFormProps;
-export declare function RegisterForm(props: RegisterFormProps): JSX.Element;

package/dist/esm/RegisterForm.js

@@ -1,121 +0,0 @@
-import { __awaiter } from './node_modules/tslib/tslib.es6.js';
-import { parseJWTPayload } from '@medplum/core';
-import React, { useState, useEffect } from 'react';
-import { Button } from './Button.js';
-import { Document } from './Document.js';
-import { Form } from './Form.js';
-import { FormSection } from './FormSection.js';
-import { getGoogleClientId, GoogleButton } from './GoogleButton.js';
-import { Input } from './Input.js';
-import { useMedplum } from './MedplumProvider.js';
-import { getIssuesForExpression } from './utils/outcomes.js';
-import { initRecaptcha, getRecaptcha } from './utils/recaptcha.js';
-
-function RegisterForm(props) {
-    const medplum = useMedplum();
-    const googleClientId = getGoogleClientId(props.googleClientId);
-    const recaptchaSiteKey = props.recaptchaSiteKey;
-    const [outcome, setOutcome] = useState();
-    const issues = getIssuesForExpression(outcome, undefined);
-    useEffect(() => initRecaptcha(recaptchaSiteKey), [recaptchaSiteKey]);
-    function handleAuthResponse(registerRequest, partialLogin) {
-        return __awaiter(this, void 0, void 0, function* () {
-            try {
-                let login;
-                if (props.type === 'patient') {
-                    login = yield medplum.startNewPatient(registerRequest, partialLogin);
-                }
-                else {
-                    login = yield medplum.startNewProject(registerRequest, partialLogin);
-                }
-                yield medplum.processCode(login.code);
-                props.onSuccess();
-            }
-            catch (err) {
-                setOutcome(err);
-            }
-        });
-    }
-    return (React.createElement(Document, { width: 450 },
-        React.createElement(Form, { style: { maxWidth: 400 }, onSubmit: (formData) => __awaiter(this, void 0, void 0, function* () {
-                try {
-                    const recaptchaToken = yield getRecaptcha(recaptchaSiteKey);
-                    const registerRequest = {
-                        projectId: props.projectId,
-                        projectName: formData.projectName,
-                        firstName: formData.firstName,
-                        lastName: formData.lastName,
-                        email: formData.email,
-                        password: formData.password,
-                        remember: formData.remember === 'true',
-                        recaptchaSiteKey,
-                        recaptchaToken,
-                    };
-                    const userLogin = yield medplum.startNewUser(registerRequest);
-                    yield handleAuthResponse(registerRequest, userLogin);
-                }
-                catch (err) {
-                    setOutcome(err);
-                }
-            }) },
-            React.createElement("div", { className: "medplum-center" }, props.children),
-            issues && (React.createElement("div", { className: "medplum-input-error" }, issues.map((issue) => {
-                var _a, _b;
-                return (React.createElement("div", { "data-testid": "text-field-error", key: (_a = issue.details) === null || _a === void 0 ? void 0 : _a.text }, (_b = issue.details) === null || _b === void 0 ? void 0 : _b.text));
-            }))),
-            googleClientId && (React.createElement(React.Fragment, null,
-                React.createElement("div", { className: "medplum-signin-google-container" },
-                    React.createElement(GoogleButton, { googleClientId: googleClientId, handleGoogleCredential: (response) => __awaiter(this, void 0, void 0, function* () {
-                            try {
-                                const loginRequest = {
-                                    googleClientId: response.clientId,
-                                    googleCredential: response.credential,
-                                };
-                                const userLogin = yield medplum.startGoogleLogin(loginRequest);
-                                const googleClaims = parseJWTPayload(loginRequest.googleCredential);
-                                const registerRequest = {
-                                    projectId: props.projectId,
-                                    firstName: googleClaims.given_name,
-                                    lastName: googleClaims.family_name,
-                                    email: googleClaims.email,
-                                };
-                                yield handleAuthResponse(registerRequest, userLogin);
-                            }
-                            catch (err) {
-                                setOutcome(err);
-                            }
-                        }) })),
-                React.createElement("div", { className: "medplum-signin-separator" }, "or"))),
-            React.createElement(FormSection, { title: "First Name", htmlFor: "firstName", outcome: outcome },
-                React.createElement(Input, { name: "firstName", type: "text", testid: "firstName", placeholder: "First name", required: true, autoFocus: true, outcome: outcome })),
-            React.createElement(FormSection, { title: "Last Name", htmlFor: "lastName", outcome: outcome },
-                React.createElement(Input, { name: "lastName", type: "text", testid: "lastName", placeholder: "Last name", required: true, outcome: outcome })),
-            props.type === 'project' && (React.createElement(FormSection, { title: "Project Name", htmlFor: "projectName", outcome: outcome },
-                React.createElement(Input, { name: "projectName", type: "text", testid: "projectName", placeholder: "My Project", required: true, outcome: outcome }))),
-            React.createElement(FormSection, { title: "Email", htmlFor: "email", outcome: outcome },
-                React.createElement(Input, { name: "email", type: "email", testid: "email", placeholder: "name@domain.com", required: true, outcome: outcome })),
-            React.createElement(FormSection, { title: "Password", htmlFor: "password", outcome: outcome },
-                React.createElement(Input, { name: "password", type: "password", testid: "password", autoComplete: "off", required: true, outcome: outcome })),
-            React.createElement("p", { style: { fontSize: '12px', color: '#888' } },
-                "By clicking submit you agree to the Medplum ",
-                React.createElement("a", { href: "https://www.medplum.com/privacy" }, "Privacy\u00A0Policy"),
-                ' and ',
-                React.createElement("a", { href: "https://www.medplum.com/terms" }, "Terms\u00A0of\u00A0Service"),
-                "."),
-            React.createElement("p", { style: { fontSize: '12px', color: '#888' } },
-                "This site is protected by reCAPTCHA and the Google",
-                ' ',
-                React.createElement("a", { href: "https://policies.google.com/privacy" }, "Privacy\u00A0Policy"),
-                ' and ',
-                React.createElement("a", { href: "https://policies.google.com/terms" }, "Terms\u00A0of\u00A0Service"),
-                " apply."),
-            React.createElement("div", { className: "medplum-signin-buttons" },
-                React.createElement("div", null,
-                    React.createElement("input", { type: "checkbox", id: "remember", name: "remember", value: "true" }),
-                    React.createElement("label", { htmlFor: "remember" }, "Remember me")),
-                React.createElement("div", null,
-                    React.createElement(Button, { type: "submit", testid: "submit" }, "Create account"))))));
-}
-
-export { RegisterForm };
-//# sourceMappingURL=RegisterForm.js.map

package/dist/esm/RegisterForm.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"RegisterForm.js","sources":["../../src/RegisterForm.tsx"],"sourcesContent":["import {\n  GoogleCredentialResponse,\n  LoginAuthenticationResponse,\n  NewPatientRequest,\n  NewProjectRequest,\n  parseJWTPayload,\n} from '@medplum/core';\nimport { OperationOutcome } from '@medplum/fhirtypes';\nimport React, { useEffect, useState } from 'react';\nimport { Button } from './Button';\nimport { Document } from './Document';\nimport { Form } from './Form';\nimport { FormSection } from './FormSection';\nimport { getGoogleClientId, GoogleButton } from './GoogleButton';\nimport { Input } from './Input';\nimport { useMedplum } from './MedplumProvider';\nimport { getIssuesForExpression } from './utils/outcomes';\nimport { getRecaptcha, initRecaptcha } from './utils/recaptcha';\nimport './SignInForm.css';\nimport './util.css';\n\nexport interface BaseRegisterFormProps {\n  readonly googleClientId?: string;\n  readonly recaptchaSiteKey: string;\n  readonly children?: React.ReactNode;\n  readonly onSuccess: () => void;\n}\n\nexport interface PatientRegisterFormProps extends BaseRegisterFormProps {\n  readonly type: 'patient';\n  readonly projectId: string;\n}\n\nexport interface ProjectRegisterFormProps extends BaseRegisterFormProps {\n  readonly type: 'project';\n}\n\nexport type RegisterFormProps = PatientRegisterFormProps | ProjectRegisterFormProps;\n\nexport function RegisterForm(props: RegisterFormProps): JSX.Element {\n  const medplum = useMedplum();\n  const googleClientId = getGoogleClientId(props.googleClientId);\n  const recaptchaSiteKey = props.recaptchaSiteKey;\n  const [outcome, setOutcome] = useState<OperationOutcome>();\n  const issues = getIssuesForExpression(outcome, undefined);\n\n  useEffect(() => initRecaptcha(recaptchaSiteKey), [recaptchaSiteKey]);\n\n  async function handleAuthResponse(\n    registerRequest: NewPatientRequest | NewProjectRequest,\n    partialLogin: LoginAuthenticationResponse\n  ): Promise<void> {\n    try {\n      let login;\n      if (props.type === 'patient') {\n        login = await medplum.startNewPatient(registerRequest as NewPatientRequest, partialLogin);\n      } else {\n        login = await medplum.startNewProject(registerRequest as NewProjectRequest, partialLogin);\n      }\n      await medplum.processCode(login.code as string);\n      props.onSuccess();\n    } catch (err) {\n      setOutcome(err as OperationOutcome);\n    }\n  }\n\n  return (\n    <Document width={450}>\n      <Form\n        style={{ maxWidth: 400 }}\n        onSubmit={async (formData: Record<string, string>) => {\n          try {\n            const recaptchaToken = await getRecaptcha(recaptchaSiteKey);\n            const registerRequest = {\n              projectId: (props as PatientRegisterFormProps).projectId,\n              projectName: formData.projectName,\n              firstName: formData.firstName,\n              lastName: formData.lastName,\n              email: formData.email,\n              password: formData.password,\n              remember: formData.remember === 'true',\n              recaptchaSiteKey,\n              recaptchaToken,\n            };\n            const userLogin = await medplum.startNewUser(registerRequest);\n            await handleAuthResponse(registerRequest, userLogin);\n          } catch (err) {\n            setOutcome(err as OperationOutcome);\n          }\n        }}\n      >\n        <div className=\"medplum-center\">{props.children}</div>\n        {issues && (\n          <div className=\"medplum-input-error\">\n            {issues.map((issue) => (\n              <div data-testid=\"text-field-error\" key={issue.details?.text}>\n                {issue.details?.text}\n              </div>\n            ))}\n          </div>\n        )}\n        {googleClientId && (\n          <>\n            <div className=\"medplum-signin-google-container\">\n              <GoogleButton\n                googleClientId={googleClientId}\n                handleGoogleCredential={async (response: GoogleCredentialResponse) => {\n                  try {\n                    const loginRequest = {\n                      googleClientId: response.clientId,\n                      googleCredential: response.credential,\n                    };\n                    const userLogin = await medplum.startGoogleLogin(loginRequest);\n                    const googleClaims = parseJWTPayload(loginRequest.googleCredential);\n                    const registerRequest = {\n                      projectId: (props as PatientRegisterFormProps).projectId,\n                      firstName: googleClaims.given_name as string,\n                      lastName: googleClaims.family_name as string,\n                      email: googleClaims.email as string,\n                    };\n                    await handleAuthResponse(registerRequest, userLogin);\n                  } catch (err) {\n                    setOutcome(err as OperationOutcome);\n                  }\n                }}\n              />\n            </div>\n            <div className=\"medplum-signin-separator\">or</div>\n          </>\n        )}\n        <FormSection title=\"First Name\" htmlFor=\"firstName\" outcome={outcome}>\n          <Input\n            name=\"firstName\"\n            type=\"text\"\n            testid=\"firstName\"\n            placeholder=\"First name\"\n            required={true}\n            autoFocus={true}\n            outcome={outcome}\n          />\n        </FormSection>\n        <FormSection title=\"Last Name\" htmlFor=\"lastName\" outcome={outcome}>\n          <Input\n            name=\"lastName\"\n            type=\"text\"\n            testid=\"lastName\"\n            placeholder=\"Last name\"\n            required={true}\n            outcome={outcome}\n          />\n        </FormSection>\n        {props.type === 'project' && (\n          <FormSection title=\"Project Name\" htmlFor=\"projectName\" outcome={outcome}>\n            <Input\n              name=\"projectName\"\n              type=\"text\"\n              testid=\"projectName\"\n              placeholder=\"My Project\"\n              required={true}\n              outcome={outcome}\n            />\n          </FormSection>\n        )}\n        <FormSection title=\"Email\" htmlFor=\"email\" outcome={outcome}>\n          <Input\n            name=\"email\"\n            type=\"email\"\n            testid=\"email\"\n            placeholder=\"name@domain.com\"\n            required={true}\n            outcome={outcome}\n          />\n        </FormSection>\n        <FormSection title=\"Password\" htmlFor=\"password\" outcome={outcome}>\n          <Input\n            name=\"password\"\n            type=\"password\"\n            testid=\"password\"\n            autoComplete=\"off\"\n            required={true}\n            outcome={outcome}\n          />\n        </FormSection>\n        <p style={{ fontSize: '12px', color: '#888' }}>\n          By clicking submit you agree to the Medplum <a href=\"https://www.medplum.com/privacy\">Privacy&nbsp;Policy</a>\n          {' and '}\n          <a href=\"https://www.medplum.com/terms\">Terms&nbsp;of&nbsp;Service</a>.\n        </p>\n        <p style={{ fontSize: '12px', color: '#888' }}>\n          This site is protected by reCAPTCHA and the Google{' '}\n          <a href=\"https://policies.google.com/privacy\">Privacy&nbsp;Policy</a>\n          {' and '}\n          <a href=\"https://policies.google.com/terms\">Terms&nbsp;of&nbsp;Service</a> apply.\n        </p>\n        <div className=\"medplum-signin-buttons\">\n          <div>\n            <input type=\"checkbox\" id=\"remember\" name=\"remember\" value=\"true\" />\n            <label htmlFor=\"remember\">Remember me</label>\n          </div>\n          <div>\n            <Button type=\"submit\" testid=\"submit\">\n              Create account\n            </Button>\n          </div>\n        </div>\n      </Form>\n    </Document>\n  );\n}\n"],"names":[],"mappings":"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"}