@medplum/react 0.9.29 → 0.9.32

package/dist/esm/auth/NewUserForm.js

@@ -0,0 +1,87 @@
+import { __awaiter } from '../node_modules/tslib/tslib.es6.js';
+import React, { useState, useEffect } from 'react';
+import { Button } from '../Button.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 NewUserForm(props) {
+    const googleClientId = getGoogleClientId(props.googleClientId);
+    const recaptchaSiteKey = props.recaptchaSiteKey;
+    const medplum = useMedplum();
+    const [outcome, setOutcome] = useState();
+    const issues = getIssuesForExpression(outcome, undefined);
+    useEffect(() => initRecaptcha(recaptchaSiteKey), [recaptchaSiteKey]);
+    return (React.createElement(Form, { style: { maxWidth: 400 }, onSubmit: (formData) => __awaiter(this, void 0, void 0, function* () {
+            try {
+                const recaptchaToken = yield getRecaptcha(recaptchaSiteKey);
+                props.handleAuthResponse(yield medplum.startNewUser({
+                    projectId: props.projectId,
+                    firstName: formData.firstName,
+                    lastName: formData.lastName,
+                    email: formData.email,
+                    password: formData.password,
+                    remember: formData.remember === 'true',
+                    recaptchaSiteKey,
+                    recaptchaToken,
+                }));
+            }
+            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 {
+                            props.handleAuthResponse(yield medplum.startGoogleLogin({
+                                googleClientId: response.clientId,
+                                googleCredential: response.credential,
+                                createUser: true,
+                            }));
+                        }
+                        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 })),
+        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 { NewUserForm };
+//# sourceMappingURL=NewUserForm.js.map

package/dist/esm/auth/NewUserForm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NewUserForm.js","sources":["../../../src/auth/NewUserForm.tsx"],"sourcesContent":["import { GoogleCredentialResponse, LoginAuthenticationResponse } from '@medplum/core';\nimport { OperationOutcome } from '@medplum/fhirtypes';\nimport React, { useEffect, useState } from 'react';\nimport { Button } from '../Button';\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';\n\nexport interface NewUserFormProps {\n  readonly projectId: string;\n  readonly googleClientId?: string;\n  readonly recaptchaSiteKey: string;\n  readonly children?: React.ReactNode;\n  readonly handleAuthResponse: (response: LoginAuthenticationResponse) => void;\n}\n\nexport function NewUserForm(props: NewUserFormProps): JSX.Element {\n  const googleClientId = getGoogleClientId(props.googleClientId);\n  const recaptchaSiteKey = props.recaptchaSiteKey;\n  const medplum = useMedplum();\n  const [outcome, setOutcome] = useState<OperationOutcome>();\n  const issues = getIssuesForExpression(outcome, undefined);\n\n  useEffect(() => initRecaptcha(recaptchaSiteKey), [recaptchaSiteKey]);\n\n  return (\n    <Form\n      style={{ maxWidth: 400 }}\n      onSubmit={async (formData: Record<string, string>) => {\n        try {\n          const recaptchaToken = await getRecaptcha(recaptchaSiteKey);\n          props.handleAuthResponse(\n            await medplum.startNewUser({\n              projectId: props.projectId,\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          );\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                  props.handleAuthResponse(\n                    await medplum.startGoogleLogin({\n                      googleClientId: response.clientId,\n                      googleCredential: response.credential,\n                      createUser: true,\n                    })\n                  );\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      <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 name=\"password\" type=\"password\" testid=\"password\" autoComplete=\"off\" required={true} outcome={outcome} />\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  );\n}\n"],"names":[],"mappings":"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"}

package/dist/esm/auth/RegisterForm.d.ts

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

package/dist/esm/auth/RegisterForm.js

@@ -0,0 +1,39 @@
+import React, { useState, useEffect } from 'react';
+import { Document } from '../Document.js';
+import { useMedplum } from '../MedplumProvider.js';
+import { NewProjectForm } from './NewProjectForm.js';
+import { NewUserForm } from './NewUserForm.js';
+
+function RegisterForm(props) {
+    const { type, projectId, googleClientId, recaptchaSiteKey, onSuccess } = props;
+    const medplum = useMedplum();
+    const [login, setLogin] = useState(undefined);
+    const [outcome, setOutcome] = useState();
+    useEffect(() => {
+        if (type === 'patient' && login) {
+            medplum
+                .startNewPatient({ login, projectId: projectId })
+                .then((response) => medplum.processCode(response.code))
+                .then(() => onSuccess())
+                .catch((err) => setOutcome(err));
+        }
+    }, [medplum, type, projectId, login, onSuccess]);
+    function handleAuthResponse(response) {
+        if (response.code) {
+            medplum
+                .processCode(response.code)
+                .then(() => onSuccess())
+                .catch(console.log);
+        }
+        else if (response.login) {
+            setLogin(response.login);
+        }
+    }
+    return (React.createElement(Document, { width: 450 },
+        outcome && React.createElement("pre", null, JSON.stringify(outcome, null, 2)),
+        !login && (React.createElement(NewUserForm, { projectId: projectId, googleClientId: googleClientId, recaptchaSiteKey: recaptchaSiteKey, handleAuthResponse: handleAuthResponse }, props.children)),
+        login && type === 'project' && React.createElement(NewProjectForm, { login: login, handleAuthResponse: handleAuthResponse })));
+}
+
+export { RegisterForm };
+//# sourceMappingURL=RegisterForm.js.map

package/dist/esm/auth/RegisterForm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RegisterForm.js","sources":["../../../src/auth/RegisterForm.tsx"],"sourcesContent":["import { LoginAuthenticationResponse } from '@medplum/core';\nimport { OperationOutcome } from '@medplum/fhirtypes';\nimport React, { useEffect, useState } from 'react';\nimport { Document } from '../Document';\nimport { useMedplum } from '../MedplumProvider';\nimport { NewProjectForm } from './NewProjectForm';\nimport { NewUserForm } from './NewUserForm';\nimport './SignInForm.css';\nimport '../util.css';\n\nexport interface RegisterFormProps {\n  readonly type: 'patient' | 'project';\n  readonly projectId?: string;\n  readonly googleClientId?: string;\n  readonly recaptchaSiteKey: string;\n  readonly children?: React.ReactNode;\n  readonly onSuccess: () => void;\n}\n\nexport function RegisterForm(props: RegisterFormProps): JSX.Element {\n  const { type, projectId, googleClientId, recaptchaSiteKey, onSuccess } = props;\n  const medplum = useMedplum();\n  const [login, setLogin] = useState<string | undefined>(undefined);\n  const [outcome, setOutcome] = useState<OperationOutcome>();\n\n  useEffect(() => {\n    if (type === 'patient' && login) {\n      medplum\n        .startNewPatient({ login, projectId: projectId as string })\n        .then((response) => medplum.processCode(response.code as string))\n        .then(() => onSuccess())\n        .catch((err) => setOutcome(err as OperationOutcome));\n    }\n  }, [medplum, type, projectId, login, onSuccess]);\n\n  function handleAuthResponse(response: LoginAuthenticationResponse): void {\n    if (response.code) {\n      medplum\n        .processCode(response.code)\n        .then(() => onSuccess())\n        .catch(console.log);\n    } else if (response.login) {\n      setLogin(response.login);\n    }\n  }\n\n  return (\n    <Document width={450}>\n      {outcome && <pre>{JSON.stringify(outcome, null, 2)}</pre>}\n      {!login && (\n        <NewUserForm\n          projectId={projectId as string}\n          googleClientId={googleClientId}\n          recaptchaSiteKey={recaptchaSiteKey}\n          handleAuthResponse={handleAuthResponse}\n        >\n          {props.children}\n        </NewUserForm>\n      )}\n      {login && type === 'project' && <NewProjectForm login={login} handleAuthResponse={handleAuthResponse} />}\n    </Document>\n  );\n}\n"],"names":[],"mappings":";;;;;;AAmBM,SAAU,YAAY,CAAC,KAAwB,EAAA;AACnD,IAAA,MAAM,EAAE,IAAI,EAAE,SAAS,EAAE,cAAc,EAAE,gBAAgB,EAAE,SAAS,EAAE,GAAG,KAAK,CAAC;AAC/E,IAAA,MAAM,OAAO,GAAG,UAAU,EAAE,CAAC;IAC7B,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAqB,SAAS,CAAC,CAAC;IAClE,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,EAAoB,CAAC;IAE3D,SAAS,CAAC,MAAK;AACb,QAAA,IAAI,IAAI,KAAK,SAAS,IAAI,KAAK,EAAE;YAC/B,OAAO;iBACJ,eAAe,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,SAAmB,EAAE,CAAC;AAC1D,iBAAA,IAAI,CAAC,CAAC,QAAQ,KAAK,OAAO,CAAC,WAAW,CAAC,QAAQ,CAAC,IAAc,CAAC,CAAC;AAChE,iBAAA,IAAI,CAAC,MAAM,SAAS,EAAE,CAAC;iBACvB,KAAK,CAAC,CAAC,GAAG,KAAK,UAAU,CAAC,GAAuB,CAAC,CAAC,CAAC;AACxD,SAAA;AACH,KAAC,EAAE,CAAC,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC;IAEjD,SAAS,kBAAkB,CAAC,QAAqC,EAAA;QAC/D,IAAI,QAAQ,CAAC,IAAI,EAAE;YACjB,OAAO;AACJ,iBAAA,WAAW,CAAC,QAAQ,CAAC,IAAI,CAAC;AAC1B,iBAAA,IAAI,CAAC,MAAM,SAAS,EAAE,CAAC;AACvB,iBAAA,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC;AACvB,SAAA;aAAM,IAAI,QAAQ,CAAC,KAAK,EAAE;AACzB,YAAA,QAAQ,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;AAC1B,SAAA;KACF;AAED,IAAA,QACE,KAAC,CAAA,aAAA,CAAA,QAAQ,EAAC,EAAA,KAAK,EAAE,GAAG,EAAA;AACjB,QAAA,OAAO,IAAI,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,IAAA,EAAM,IAAI,CAAC,SAAS,CAAC,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC,CAAO;QACxD,CAAC,KAAK,KACL,KAAC,CAAA,aAAA,CAAA,WAAW,EACV,EAAA,SAAS,EAAE,SAAmB,EAC9B,cAAc,EAAE,cAAc,EAC9B,gBAAgB,EAAE,gBAAgB,EAClC,kBAAkB,EAAE,kBAAkB,EAAA,EAErC,KAAK,CAAC,QAAQ,CACH,CACf;AACA,QAAA,KAAK,IAAI,IAAI,KAAK,SAAS,IAAI,KAAA,CAAA,aAAA,CAAC,cAAc,EAAC,EAAA,KAAK,EAAE,KAAK,EAAE,kBAAkB,EAAE,kBAAkB,EAAI,CAAA,CAC/F,EACX;AACJ;;;;"}

package/dist/esm/{SignInForm.d.ts → auth/SignInForm.d.ts}

@@ -1,6 +1,6 @@
 import React from 'react';
+import '../util.css';
 import './SignInForm.css';
-import './util.css';
 export interface SignInFormProps {
     readonly remember?: boolean;
     readonly projectId?: string;

package/dist/esm/auth/SignInForm.js

@@ -0,0 +1,52 @@
+import React, { useState } from 'react';
+import { Document } from '../Document.js';
+import { useMedplum } from '../MedplumProvider.js';
+import { AuthenticationForm } from './AuthenticationForm.js';
+import { ChooseProfileForm } from './ChooseProfileForm.js';
+import { NewProjectForm } from './NewProjectForm.js';
+
+function SignInForm(props) {
+    const medplum = useMedplum();
+    const [login, setLogin] = useState(undefined);
+    const [memberships, setMemberships] = useState(undefined);
+    function handleAuthResponse(response) {
+        if (response.login) {
+            setLogin(response.login);
+        }
+        if (response.memberships) {
+            setMemberships(response.memberships);
+        }
+        if (response.code) {
+            if (props.onCode) {
+                props.onCode(response.code);
+            }
+            else {
+                medplum
+                    .processCode(response.code)
+                    .then(() => {
+                    if (props.onSuccess) {
+                        props.onSuccess();
+                    }
+                })
+                    .catch(console.log);
+            }
+        }
+    }
+    return (React.createElement(Document, { width: 450 }, (() => {
+        if (!login) {
+            return (React.createElement(AuthenticationForm, { projectId: props.projectId, clientId: props.clientId, scope: props.scope, nonce: props.nonce, googleClientId: props.googleClientId, onForgotPassword: props.onForgotPassword, onRegister: props.onRegister, handleAuthResponse: handleAuthResponse }, props.children));
+        }
+        else if (memberships) {
+            return React.createElement(ChooseProfileForm, { login: login, memberships: memberships, handleAuthResponse: handleAuthResponse });
+        }
+        else if (props.projectId === 'new') {
+            return React.createElement(NewProjectForm, { login: login, handleAuthResponse: handleAuthResponse });
+        }
+        else {
+            return React.createElement("div", null, "Success");
+        }
+    })()));
+}
+
+export { SignInForm };
+//# sourceMappingURL=SignInForm.js.map

package/dist/esm/auth/SignInForm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SignInForm.js","sources":["../../../src/auth/SignInForm.tsx"],"sourcesContent":["import { LoginAuthenticationResponse } from '@medplum/core';\nimport { ProjectMembership } from '@medplum/fhirtypes';\nimport React, { useState } from 'react';\nimport { Document } from '../Document';\nimport { useMedplum } from '../MedplumProvider';\nimport { AuthenticationForm } from './AuthenticationForm';\nimport { ChooseProfileForm } from './ChooseProfileForm';\nimport { NewProjectForm } from './NewProjectForm';\nimport '../util.css';\nimport './SignInForm.css';\n\nexport interface SignInFormProps {\n  readonly remember?: boolean;\n  readonly projectId?: string;\n  readonly googleClientId?: string;\n  readonly clientId?: string;\n  readonly scope?: string;\n  readonly nonce?: string;\n  readonly onSuccess?: () => void;\n  readonly onForgotPassword?: () => void;\n  readonly onRegister?: () => void;\n  readonly onCode?: (code: string) => void;\n  readonly children?: React.ReactNode;\n}\n\nexport function SignInForm(props: SignInFormProps): JSX.Element {\n  const medplum = useMedplum();\n  const [login, setLogin] = useState<string | undefined>(undefined);\n  const [memberships, setMemberships] = useState<ProjectMembership[] | undefined>(undefined);\n\n  function handleAuthResponse(response: LoginAuthenticationResponse): void {\n    if (response.login) {\n      setLogin(response.login);\n    }\n\n    if (response.memberships) {\n      setMemberships(response.memberships);\n    }\n\n    if (response.code) {\n      if (props.onCode) {\n        props.onCode(response.code);\n      } else {\n        medplum\n          .processCode(response.code)\n          .then(() => {\n            if (props.onSuccess) {\n              props.onSuccess();\n            }\n          })\n          .catch(console.log);\n      }\n    }\n  }\n\n  return (\n    <Document width={450}>\n      {(() => {\n        if (!login) {\n          return (\n            <AuthenticationForm\n              projectId={props.projectId}\n              clientId={props.clientId}\n              scope={props.scope}\n              nonce={props.nonce}\n              googleClientId={props.googleClientId}\n              onForgotPassword={props.onForgotPassword}\n              onRegister={props.onRegister}\n              handleAuthResponse={handleAuthResponse}\n            >\n              {props.children}\n            </AuthenticationForm>\n          );\n        } else if (memberships) {\n          return <ChooseProfileForm login={login} memberships={memberships} handleAuthResponse={handleAuthResponse} />;\n        } else if (props.projectId === 'new') {\n          return <NewProjectForm login={login} handleAuthResponse={handleAuthResponse} />;\n        } else {\n          return <div>Success</div>;\n        }\n      })()}\n    </Document>\n  );\n}\n"],"names":[],"mappings":";;;;;;;AAyBM,SAAU,UAAU,CAAC,KAAsB,EAAA;AAC/C,IAAA,MAAM,OAAO,GAAG,UAAU,EAAE,CAAC;IAC7B,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAqB,SAAS,CAAC,CAAC;IAClE,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAkC,SAAS,CAAC,CAAC;IAE3F,SAAS,kBAAkB,CAAC,QAAqC,EAAA;QAC/D,IAAI,QAAQ,CAAC,KAAK,EAAE;AAClB,YAAA,QAAQ,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;AAC1B,SAAA;QAED,IAAI,QAAQ,CAAC,WAAW,EAAE;AACxB,YAAA,cAAc,CAAC,QAAQ,CAAC,WAAW,CAAC,CAAC;AACtC,SAAA;QAED,IAAI,QAAQ,CAAC,IAAI,EAAE;YACjB,IAAI,KAAK,CAAC,MAAM,EAAE;AAChB,gBAAA,KAAK,CAAC,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;AAC7B,aAAA;AAAM,iBAAA;gBACL,OAAO;AACJ,qBAAA,WAAW,CAAC,QAAQ,CAAC,IAAI,CAAC;qBAC1B,IAAI,CAAC,MAAK;oBACT,IAAI,KAAK,CAAC,SAAS,EAAE;wBACnB,KAAK,CAAC,SAAS,EAAE,CAAC;AACnB,qBAAA;AACH,iBAAC,CAAC;AACD,qBAAA,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC;AACvB,aAAA;AACF,SAAA;KACF;IAED,QACE,KAAC,CAAA,aAAA,CAAA,QAAQ,EAAC,EAAA,KAAK,EAAE,GAAG,EAAA,EACjB,CAAC,MAAK;QACL,IAAI,CAAC,KAAK,EAAE;YACV,QACE,KAAC,CAAA,aAAA,CAAA,kBAAkB,EACjB,EAAA,SAAS,EAAE,KAAK,CAAC,SAAS,EAC1B,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,cAAc,EAAE,KAAK,CAAC,cAAc,EACpC,gBAAgB,EAAE,KAAK,CAAC,gBAAgB,EACxC,UAAU,EAAE,KAAK,CAAC,UAAU,EAC5B,kBAAkB,EAAE,kBAAkB,EAErC,EAAA,KAAK,CAAC,QAAQ,CACI,EACrB;AACH,SAAA;AAAM,aAAA,IAAI,WAAW,EAAE;AACtB,YAAA,OAAO,KAAC,CAAA,aAAA,CAAA,iBAAiB,EAAC,EAAA,KAAK,EAAE,KAAK,EAAE,WAAW,EAAE,WAAW,EAAE,kBAAkB,EAAE,kBAAkB,GAAI,CAAC;AAC9G,SAAA;AAAM,aAAA,IAAI,KAAK,CAAC,SAAS,KAAK,KAAK,EAAE;YACpC,OAAO,KAAA,CAAA,aAAA,CAAC,cAAc,EAAA,EAAC,KAAK,EAAE,KAAK,EAAE,kBAAkB,EAAE,kBAAkB,EAAA,CAAI,CAAC;AACjF,SAAA;AAAM,aAAA;AACL,YAAA,OAAO,2CAAkB,CAAC;AAC3B,SAAA;AACH,KAAC,GAAG,CACK,EACX;AACJ;;;;"}

package/dist/esm/index.d.ts

@@ -3,6 +3,8 @@ export * from './AddressInput';
 export * from './AttachmentArrayDisplay';
 export * from './AttachmentArrayInput';
 export * from './AttachmentInput';
+export * from './auth/RegisterForm';
+export * from './auth/SignInForm';
 export * from './Autocomplete';
 export * from './Avatar';
 export * from './BackboneElementInput';
@@ -18,6 +20,7 @@ export * from './ContactPointDisplay';
 export * from './ContactPointInput';
 export * from './DateTimeInput';
 export * from './DefaultResourceTimeline';
+export * from './DescriptionList';
 export * from './DiagnosticReportDisplay';
 export * from './Document';
 export * from './EncounterTimeline';
@@ -47,7 +50,6 @@ export * from './QuestionnaireUtils';
 export * from './RangeDisplay';
 export * from './RangeInput';
 export * from './ReferenceInput';
-export * from './RegisterForm';
 export * from './RequestGroupDisplay';
 export * from './ResourceArrayDisplay';
 export * from './ResourceArrayInput';
@@ -70,7 +72,6 @@ export * from './SearchFilterEditor';
 export * from './SearchUtils';
 export * from './Select';
 export * from './ServiceRequestTimeline';
-export * from './SignInForm';
 export * from './StatusBadge';
 export * from './Tab';
 export * from './TabList';

package/dist/esm/index.js

@@ -3,6 +3,8 @@ export { AddressInput } from './AddressInput.js';
 export { AttachmentArrayDisplay } from './AttachmentArrayDisplay.js';
 export { AttachmentArrayInput } from './AttachmentArrayInput.js';
 export { AttachmentInput } from './AttachmentInput.js';
+export { RegisterForm } from './auth/RegisterForm.js';
+export { SignInForm } from './auth/SignInForm.js';
 export { Autocomplete } from './Autocomplete.js';
 export { Avatar } from './Avatar.js';
 export { BackboneElementInput } from './BackboneElementInput.js';
@@ -18,6 +20,7 @@ export { ContactPointDisplay } from './ContactPointDisplay.js';
 export { ContactPointInput } from './ContactPointInput.js';
 export { DateTimeInput, convertIsoToLocal, convertLocalToIso } from './DateTimeInput.js';
 export { DefaultResourceTimeline } from './DefaultResourceTimeline.js';
+export { DescriptionList, DescriptionListEntry } from './DescriptionList.js';
 export { DiagnosticReportDisplay, ObservationTable } from './DiagnosticReportDisplay.js';
 export { Document } from './Document.js';
 export { EncounterTimeline } from './EncounterTimeline.js';
@@ -47,7 +50,6 @@ export { QuestionnaireItemType, addQuestionnaireInitialValues, isChoiceQuestion
 export { RangeDisplay, formatRangeString } from './RangeDisplay.js';
 export { RangeInput } from './RangeInput.js';
 export { ReferenceInput } from './ReferenceInput.js';
-export { RegisterForm } from './RegisterForm.js';
 export { RequestGroupDisplay } from './RequestGroupDisplay.js';
 export { ResourceArrayDisplay } from './ResourceArrayDisplay.js';
 export { ResourceArrayInput } from './ResourceArrayInput.js';
@@ -70,7 +72,6 @@ export { SearchFilterEditor } from './SearchFilterEditor.js';
 export { addDateEqualsFilter, addDateFilter, addDateFilterBetween, addField, addFilter, addLastMonthFilter, addMissingFilter, addNextMonthFilter, addThisMonthFilter, addTodayFilter, addTomorrowFilter, addYearToDateFilter, addYesterdayFilter, buildFieldNameString, clearFilters, clearFiltersOnField, deleteFilter, getOpString, getSearchOperators, getSortField, hasFilterOnField, isSortDescending, movePage, renderValue, setFilters, setOffset, setSort, toggleSort } from './SearchUtils.js';
 export { Select } from './Select.js';
 export { ServiceRequestTimeline } from './ServiceRequestTimeline.js';
-export { SignInForm } from './SignInForm.js';
 export { StatusBadge } from './StatusBadge.js';
 export { Tab } from './Tab.js';
 export { TabList } from './TabList.js';

package/dist/esm/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}