@medplum/react 1.0.4 → 1.0.6

package/dist/cjs/{index.js → index.cjs}

@@ -21,7 +21,7 @@
             line.push('');
         }
         line[index] = str;
-        return Object.assign(Object.assign({}, address), { line });
+        return { ...address, line };
     }
     function AddressInput(props) {
         const [value, setValue] = React.useState(props.defaultValue || {});
@@ -34,10 +34,10 @@
             }
         }
         function setUse(use) {
-            setValueWrapper(Object.assign(Object.assign({}, valueRef.current), { use }));
+            setValueWrapper({ ...valueRef.current, use });
         }
         function setType(type) {
-            setValueWrapper(Object.assign(Object.assign({}, valueRef.current), { type }));
+            setValueWrapper({ ...valueRef.current, type });
         }
         function setLine1(line1) {
             setValueWrapper(setLine(valueRef.current || {}, 0, line1));
@@ -46,17 +46,17 @@
             setValueWrapper(setLine(valueRef.current || {}, 1, line2));
         }
         function setCity(city) {
-            setValueWrapper(Object.assign(Object.assign({}, valueRef.current), { city }));
+            setValueWrapper({ ...valueRef.current, city });
         }
         function setState(state) {
-            setValueWrapper(Object.assign(Object.assign({}, valueRef.current), { state }));
+            setValueWrapper({ ...valueRef.current, state });
         }
         function setPostalCode(postalCode) {
-            setValueWrapper(Object.assign(Object.assign({}, valueRef.current), { postalCode }));
+            setValueWrapper({ ...valueRef.current, postalCode });
         }
         return (React.createElement(core$1.Group, { spacing: "xs", grow: true, noWrap: true },
-            React.createElement(core$1.NativeSelect, { "data-testid": "address-use", defaultValue: value === null || value === void 0 ? void 0 : value.use, onChange: (e) => setUse(e.currentTarget.value), data: ['', 'home', 'work', 'temp', 'old', 'billing'] }),
-            React.createElement(core$1.NativeSelect, { "data-testid": "address-type", defaultValue: value === null || value === void 0 ? void 0 : value.type, onChange: (e) => setType(e.currentTarget.value), data: ['', 'postal', 'physical', 'both'] }),
+            React.createElement(core$1.NativeSelect, { "data-testid": "address-use", defaultValue: value?.use, onChange: (e) => setUse(e.currentTarget.value), data: ['', 'home', 'work', 'temp', 'old', 'billing'] }),
+            React.createElement(core$1.NativeSelect, { "data-testid": "address-type", defaultValue: value?.type, onChange: (e) => setType(e.currentTarget.value), data: ['', 'postal', 'physical', 'both'] }),
             React.createElement(core$1.TextInput, { placeholder: "Line 1", defaultValue: getLine(value, 0), onChange: (e) => setLine1(e.currentTarget.value) }),
             React.createElement(core$1.TextInput, { placeholder: "Line 2", defaultValue: getLine(value, 1), onChange: (e) => setLine2(e.currentTarget.value) }),
             React.createElement(core$1.TextInput, { placeholder: "City", defaultValue: value.city, onChange: (e) => setCity(e.currentTarget.value) }),
@@ -80,12 +80,18 @@
         });
         React.useEffect(() => {
             function eventListener() {
-                setState(Object.assign(Object.assign({}, state), { profile: medplum.getProfile() }));
+                setState({
+                    ...state,
+                    profile: medplum.getProfile(),
+                });
             }
             medplum.addEventListener('change', eventListener);
             return () => medplum.removeEventListeneer('change', eventListener);
         }, [medplum, state]);
-        const medplumContext = Object.assign(Object.assign({}, state), { medplum });
+        const medplumContext = {
+            ...state,
+            medplum,
+        };
         return React.createElement(reactContext.Provider, { value: medplumContext }, props.children);
     }
     /**
@@ -131,28 +137,6 @@
         return (React.createElement(core$1.TextInput, { name: props.name, placeholder: "Annotation text", defaultValue: value.text, onChange: (e) => setText(e.currentTarget.value) }));
     }
 
-    function AttachmentDisplay(props) {
-        const value = props.value;
-        const { contentType, url, title } = value !== null && value !== void 0 ? value : {};
-        if (!url) {
-            return null;
-        }
-        return (React.createElement("div", { "data-testid": "attachment-display" },
-            (contentType === null || contentType === void 0 ? void 0 : contentType.startsWith('image/')) && (React.createElement("img", { "data-testid": "attachment-image", style: { maxWidth: props.maxWidth }, src: url, alt: value === null || value === void 0 ? void 0 : value.title })),
-            (contentType === null || contentType === void 0 ? void 0 : contentType.startsWith('video/')) && (React.createElement("video", { "data-testid": "attachment-video", style: { maxWidth: props.maxWidth }, controls: true },
-                React.createElement("source", { type: contentType, src: url }))),
-            contentType === 'application/pdf' && !(title === null || title === void 0 ? void 0 : title.endsWith('.pdf')) && (React.createElement("div", { "data-testid": "attachment-pdf", style: { maxWidth: props.maxWidth, minHeight: 400 } },
-                React.createElement("iframe", { width: "100%", height: "400", src: url + '#navpanes=0', allowFullScreen: true, frameBorder: 0, seamless: true }))),
-            React.createElement("div", { "data-testid": "download-link", style: { padding: '2px 16px 16px 16px' } },
-                React.createElement(core$1.Anchor, { href: value === null || value === void 0 ? void 0 : value.url, "data-testid": "attachment-details", target: "_blank", rel: "noopener noreferrer" }, (value === null || value === void 0 ? void 0 : value.title) || 'Download'))));
-    }
-
-    function AttachmentArrayDisplay(props) {
-        return (React.createElement("div", null, props.values &&
-            props.values.map((v, index) => (React.createElement("div", { key: 'attatchment-' + index },
-                React.createElement(AttachmentDisplay, { value: v, maxWidth: props.maxWidth }))))));
-    }
-
     /**
      * Kills a browser event.
      * Prevents default behavior.
@@ -185,13 +169,141 @@
         return el instanceof HTMLInputElement && el.type === 'checkbox';
     }
 
+    function AsyncAutocomplete(props) {
+        const { defaultValue, toKey, toOption, loadOptions, onChange, onCreate, ...rest } = props;
+        const defaultItems = toDefaultItems(defaultValue);
+        const inputRef = React.useRef(null);
+        const [lastValue, setLastValue] = React.useState(undefined);
+        const [timer, setTimer] = React.useState();
+        const [abortController, setAbortController] = React.useState();
+        const [autoSubmit, setAutoSubmit] = React.useState();
+        const [options, setOptions] = React.useState(defaultItems?.map(toOption));
+        const lastValueRef = React.useRef();
+        lastValueRef.current = lastValue;
+        const timerRef = React.useRef();
+        timerRef.current = timer;
+        const abortControllerRef = React.useRef();
+        abortControllerRef.current = abortController;
+        const autoSubmitRef = React.useRef();
+        autoSubmitRef.current = autoSubmit;
+        const optionsRef = React.useRef();
+        optionsRef.current = options;
+        const handleTimer = React.useCallback(() => {
+            setTimer(undefined);
+            const value = inputRef.current?.value?.trim() || '';
+            if (value === lastValueRef.current) {
+                // Nothing has changed, move on
+                return;
+            }
+            setLastValue(value);
+            const newAbortController = new AbortController();
+            setAbortController(newAbortController);
+            loadOptions(value, newAbortController.signal)
+                .then((newValues) => {
+                if (!newAbortController.signal.aborted) {
+                    setOptions(newValues.map(toOption));
+                    setAbortController(undefined);
+                    if (autoSubmitRef.current) {
+                        if (newValues.length > 0) {
+                            onChange(newValues.slice(0, 1));
+                        }
+                        setAutoSubmit(false);
+                    }
+                }
+            })
+                .catch(console.log);
+        }, [loadOptions, onChange, toOption]);
+        const handleSearchChange = React.useCallback(() => {
+            if (abortControllerRef.current) {
+                abortControllerRef.current.abort();
+                setAbortController(undefined);
+            }
+            if (timerRef.current !== undefined) {
+                window.clearTimeout(timerRef.current);
+            }
+            const newTimer = window.setTimeout(() => handleTimer(), 100);
+            setTimer(newTimer);
+        }, [handleTimer]);
+        const handleChange = React.useCallback((values) => {
+            const result = [];
+            for (const value of values) {
+                let item = optionsRef.current?.find((option) => option.value === value)?.resource;
+                if (!item) {
+                    item = onCreate(value);
+                }
+                result.push(item);
+            }
+            onChange(result);
+        }, [onChange, onCreate]);
+        const handleKeyDown = React.useCallback((e) => {
+            if (e.key === 'Enter') {
+                if (!timerRef.current && !abortControllerRef.current) {
+                    killEvent(e);
+                    if (optionsRef.current && optionsRef.current.length > 0) {
+                        setOptions(optionsRef.current.slice(0, 1));
+                        handleChange([optionsRef.current[0].value]);
+                    }
+                }
+                else {
+                    // The user pressed enter, but we don't have results yet.
+                    // We need to wait for the results to come in.
+                    setAutoSubmit(true);
+                }
+            }
+        }, [handleChange]);
+        const handleCreate = React.useCallback((input) => {
+            const option = toOption(onCreate(input));
+            setOptions([...optionsRef.current, option]);
+            return option;
+        }, [onCreate, setOptions, toOption]);
+        const handleFilter = React.useCallback((_value, selected) => !selected, []);
+        React.useEffect(() => {
+            return () => {
+                if (abortControllerRef.current) {
+                    abortControllerRef.current.abort();
+                }
+            };
+        }, []);
+        return (React.createElement(core$1.MultiSelect, { ...rest, ref: inputRef, defaultValue: defaultItems.map(toKey), searchable: true, onKeyDown: handleKeyDown, onSearchChange: handleSearchChange, data: options, onFocus: handleTimer, onChange: handleChange, onCreate: handleCreate, rightSectionWidth: 40, rightSection: abortController ? React.createElement(core$1.Loader, { size: 16 }) : null, filter: handleFilter }));
+    }
+    function toDefaultItems(defaultValue) {
+        if (!defaultValue) {
+            return [];
+        }
+        if (Array.isArray(defaultValue)) {
+            return defaultValue;
+        }
+        return [defaultValue];
+    }
+
+    function AttachmentDisplay(props) {
+        const value = props.value;
+        const { contentType, url, title } = value ?? {};
+        if (!url) {
+            return null;
+        }
+        return (React.createElement("div", { "data-testid": "attachment-display" },
+            contentType?.startsWith('image/') && (React.createElement("img", { "data-testid": "attachment-image", style: { maxWidth: props.maxWidth }, src: url, alt: value?.title })),
+            contentType?.startsWith('video/') && (React.createElement("video", { "data-testid": "attachment-video", style: { maxWidth: props.maxWidth }, controls: true },
+                React.createElement("source", { type: contentType, src: url }))),
+            contentType === 'application/pdf' && !title?.endsWith('.pdf') && (React.createElement("div", { "data-testid": "attachment-pdf", style: { maxWidth: props.maxWidth, minHeight: 400 } },
+                React.createElement("iframe", { width: "100%", height: "400", src: url + '#navpanes=0', allowFullScreen: true, frameBorder: 0, seamless: true }))),
+            React.createElement("div", { "data-testid": "download-link", style: { padding: '2px 16px 16px 16px' } },
+                React.createElement(core$1.Anchor, { href: value?.url, "data-testid": "attachment-details", target: "_blank", rel: "noopener noreferrer" }, value?.title || 'Download'))));
+    }
+
+    function AttachmentArrayDisplay(props) {
+        return (React.createElement("div", null, props.values &&
+            props.values.map((v, index) => (React.createElement("div", { key: 'attatchment-' + index },
+                React.createElement(AttachmentDisplay, { value: v, maxWidth: props.maxWidth }))))));
+    }
+
     function AttachmentButton(props) {
         const medplum = useMedplum();
         const fileInputRef = React.useRef(null);
         function onClick(e) {
-            var _a;
             killEvent(e);
-            (_a = fileInputRef.current) === null || _a === void 0 ? void 0 : _a.click();
+            fileInputRef.current?.click();
         }
         function onFileChange(e) {
             killEvent(e);
@@ -228,8 +340,7 @@
                 });
             })
                 .catch((outcome) => {
-                var _a, _b, _c;
-                alert((_c = (_b = (_a = outcome === null || outcome === void 0 ? void 0 : outcome.issue) === null || _a === void 0 ? void 0 : _a[0]) === null || _b === void 0 ? void 0 : _b.details) === null || _c === void 0 ? void 0 : _c.text);
+                alert(outcome?.issue?.[0]?.details?.text);
             });
         }
         return (React.createElement(React.Fragment, null,
@@ -238,8 +349,7 @@
     }
 
     function AttachmentArrayInput(props) {
-        var _a;
-        const [values, setValues] = React.useState((_a = props.defaultValue) !== null && _a !== void 0 ? _a : []);
+        const [values, setValues] = React.useState(props.defaultValue ?? []);
         const valuesRef = React.useRef();
         valuesRef.current = values;
         function setValuesWrapper(newValues) {
@@ -269,7 +379,7 @@
                     React.createElement("td", null,
                         React.createElement(AttachmentButton, { onUpload: (attachment) => {
                                 setValuesWrapper([...valuesRef.current, attachment]);
-                            } }, (props) => (React.createElement(core$1.ActionIcon, Object.assign({}, props, { title: "Add", size: "sm", color: "green" }),
+                            } }, (props) => (React.createElement(core$1.ActionIcon, { ...props, title: "Add", size: "sm", color: "green" },
                             React.createElement(icons.IconCloudUpload, { size: 16 })))))))));
     }
 
@@ -289,44 +399,7 @@
                         setValueWrapper(undefined);
                     } }, "Remove")));
         }
-        return (React.createElement(AttachmentButton, { onUpload: setValueWrapper }, (props) => React.createElement(core$1.Button, Object.assign({}, props), "Upload...")));
-    }
-
-    /******************************************************************************
-    Copyright (c) Microsoft Corporation.
-
-    Permission to use, copy, modify, and/or distribute this software for any
-    purpose with or without fee is hereby granted.
-
-    THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
-    REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
-    AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
-    INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
-    LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
-    OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
-    PERFORMANCE OF THIS SOFTWARE.
-    ***************************************************************************** */
-
-    function __rest(s, e) {
-        var t = {};
-        for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-            t[p] = s[p];
-        if (s != null && typeof Object.getOwnPropertySymbols === "function")
-            for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-                if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                    t[p[i]] = s[p[i]];
-            }
-        return t;
-    }
-
-    function __awaiter(thisArg, _arguments, P, generator) {
-        function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-        return new (P || (P = Promise))(function (resolve, reject) {
-            function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-            function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-            function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-            step((generator = generator.apply(thisArg, _arguments || [])).next());
-        });
+        return (React.createElement(AttachmentButton, { onUpload: setValueWrapper }, (props) => React.createElement(core$1.Button, { ...props }, "Upload...")));
     }
 
     const useStyles$d = core$1.createStyles(() => ({
@@ -338,9 +411,9 @@
         },
     }));
     function Container(props) {
-        const { children } = props, others = __rest(props, ["children"]);
+        const { children, ...others } = props;
         const { classes } = useStyles$d();
-        return (React.createElement(core$1.Container, Object.assign({ className: classes.root }, others), children));
+        return (React.createElement(core$1.Container, { className: classes.root, ...others }, children));
     }
 
     const useStyles$c = core$1.createStyles((theme, { width, fill }) => ({
@@ -367,15 +440,15 @@
         withBorder: true,
     };
     function Panel(props) {
-        const _a = core$1.useComponentDefaultProps('Panel', defaultProps$1, props), { className, children, width, fill, unstyled } = _a, others = __rest(_a, ["className", "children", "width", "fill", "unstyled"]);
+        const { className, children, width, fill, unstyled, ...others } = core$1.useComponentDefaultProps('Panel', defaultProps$1, props);
         const { classes, cx } = useStyles$c({ width, fill }, { name: 'Panel', unstyled });
-        return (React.createElement(core$1.Paper, Object.assign({ className: cx(classes.paper, className) }, others), children));
+        return (React.createElement(core$1.Paper, { className: cx(classes.paper, className), ...others }, children));
     }
 
     function Document(props) {
-        const { children } = props, others = __rest(props, ["children"]);
+        const { children, ...others } = props;
         return (React.createElement(Container, null,
-            React.createElement(Panel, Object.assign({}, others), children)));
+            React.createElement(Panel, { ...others }, children)));
     }
 
     /**
@@ -446,12 +519,13 @@
     }
 
     function getErrorsForInput(outcome, expression) {
-        var _a, _b, _c;
-        return (_c = (_b = (_a = outcome === null || outcome === void 0 ? void 0 : outcome.issue) === null || _a === void 0 ? void 0 : _a.filter((issue) => { var _a; return isExpressionMatch((_a = issue.expression) === null || _a === void 0 ? void 0 : _a[0], expression); })) === null || _b === void 0 ? void 0 : _b.map((issue) => { var _a; return (_a = issue.details) === null || _a === void 0 ? void 0 : _a.text; })) === null || _c === void 0 ? void 0 : _c.join('\n');
+        return outcome?.issue
+            ?.filter((issue) => isExpressionMatch(issue.expression?.[0], expression))
+            ?.map((issue) => issue.details?.text)
+            ?.join('\n');
     }
     function getIssuesForExpression(outcome, expression) {
-        var _a;
-        return (_a = outcome === null || outcome === void 0 ? void 0 : outcome.issue) === null || _a === void 0 ? void 0 : _a.filter((issue) => { var _a; return isExpressionMatch((_a = issue.expression) === null || _a === void 0 ? void 0 : _a[0], expression); });
+        return outcome?.issue?.filter((issue) => isExpressionMatch(issue.expression?.[0], expression));
     }
     function isExpressionMatch(expr1, expr2) {
         // Expression can be either "fieldName" or "resourceType.fieldName"
@@ -475,9 +549,9 @@
     function NewProjectForm(props) {
         const medplum = useMedplum();
         const [outcome, setOutcome] = React.useState();
-        return (React.createElement(Form, { style: { maxWidth: 400 }, onSubmit: (formData) => __awaiter(this, void 0, void 0, function* () {
+        return (React.createElement(Form, { style: { maxWidth: 400 }, onSubmit: async (formData) => {
                 try {
-                    props.handleAuthResponse(yield medplum.startNewProject({
+                    props.handleAuthResponse(await medplum.startNewProject({
                         login: props.login,
                         projectName: formData.projectName,
                     }));
@@ -485,7 +559,7 @@
                 catch (err) {
                     setOutcome(err);
                 }
-            }) },
+            } },
             React.createElement(core$1.Center, { sx: { flexDirection: 'column' } },
                 React.createElement(Logo, { size: 32 }),
                 React.createElement(core$1.Title, null, "Create project")),
@@ -545,12 +619,11 @@
         return React.createElement("div", { ref: parentRef });
     }
     function getGoogleClientId(clientId) {
-        var _a, _b;
         if (clientId) {
             return clientId;
         }
         const origin = window.location.protocol + '//' + window.location.host;
-        const authorizedOrigins = (_b = (_a = "http://localhost:3000,http://127.0.0.1:3000,http://localhost:6006,http://127.0.0.1:6006,https://app.medplum.com,https://docs.medplum.com,https://storybook.medplum.com,https://graphiql.medplum.com,https://www.medplum.com") === null || _a === void 0 ? void 0 : _a.split(',')) !== null && _b !== void 0 ? _b : [];
+        const authorizedOrigins = "http://localhost:3000,http://127.0.0.1:3000,http://localhost:6006,http://127.0.0.1:6006,https://app.medplum.com,https://docs.medplum.com,https://storybook.medplum.com,https://graphiql.medplum.com,https://www.medplum.com"?.split(',') ?? [];
         if (authorizedOrigins.includes(origin)) {
             return "921088377005-3j1sa10vr6hj86jgmdfh2l53v3mp7lfi.apps.googleusercontent.com";
         }
@@ -574,14 +647,14 @@
      */
     function getRecaptcha(siteKey) {
         return new Promise((resolve, reject) => {
-            grecaptcha.ready(() => __awaiter(this, void 0, void 0, function* () {
+            grecaptcha.ready(async () => {
                 try {
-                    resolve(yield grecaptcha.execute(siteKey, { action: 'submit' }));
+                    resolve(await grecaptcha.execute(siteKey, { action: 'submit' }));
                 }
                 catch (err) {
                     reject(err);
                 }
-            }));
+            });
         });
     }
 
@@ -592,10 +665,10 @@
         const [outcome, setOutcome] = React.useState();
         const issues = getIssuesForExpression(outcome, undefined);
         React.useEffect(() => initRecaptcha(recaptchaSiteKey), [recaptchaSiteKey]);
-        return (React.createElement(Form, { style: { maxWidth: 400 }, onSubmit: (formData) => __awaiter(this, void 0, void 0, function* () {
+        return (React.createElement(Form, { style: { maxWidth: 400 }, onSubmit: async (formData) => {
                 try {
-                    const recaptchaToken = yield getRecaptcha(recaptchaSiteKey);
-                    props.handleAuthResponse(yield medplum.startNewUser({
+                    const recaptchaToken = await getRecaptcha(recaptchaSiteKey);
+                    props.handleAuthResponse(await medplum.startNewUser({
                         projectId: props.projectId,
                         firstName: formData.firstName,
                         lastName: formData.lastName,
@@ -609,18 +682,15 @@
                 catch (err) {
                     setOutcome(err);
                 }
-            }) },
+            } },
             React.createElement(core$1.Center, { sx: { flexDirection: 'column' } }, props.children),
-            issues && (React.createElement(core$1.Alert, { icon: React.createElement(icons.IconAlertCircle, { size: 16 }), color: "red" }, 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));
-            }))),
+            issues && (React.createElement(core$1.Alert, { icon: React.createElement(icons.IconAlertCircle, { size: 16 }), color: "red" }, issues.map((issue) => (React.createElement("div", { "data-testid": "text-field-error", key: issue.details?.text }, issue.details?.text))))),
             googleClientId && (React.createElement(React.Fragment, null,
                 React.createElement(core$1.Group, { position: "center", p: "xl", style: { height: 70 } },
-                    React.createElement(GoogleButton, { googleClientId: googleClientId, handleGoogleCredential: (response) => __awaiter(this, void 0, void 0, function* () {
+                    React.createElement(GoogleButton, { googleClientId: googleClientId, handleGoogleCredential: async (response) => {
                             try {
-                                yield medplum.startPkce();
-                                props.handleAuthResponse(yield medplum.startGoogleLogin({
+                                await medplum.startPkce();
+                                props.handleAuthResponse(await medplum.startGoogleLogin({
                                     googleClientId: response.clientId,
                                     googleCredential: response.credential,
                                     createUser: true,
@@ -629,7 +699,7 @@
                             catch (err) {
                                 setOutcome(err);
                             }
-                        }) })),
+                        } })),
                 React.createElement(core$1.Divider, { label: "or", labelPosition: "center", my: "lg" }))),
             React.createElement(core$1.Stack, { spacing: "xl" },
                 React.createElement(core$1.TextInput, { name: "firstName", type: "text", label: "First name", placeholder: "First name", required: true, autoFocus: true, error: getErrorsForInput(outcome, 'firstName') }),
@@ -687,34 +757,37 @@
     }
 
     function AuthenticationForm(props) {
-        const { generatePkce, onForgotPassword, onRegister, handleAuthResponse, children } = props, baseLoginRequest = __rest(props, ["generatePkce", "onForgotPassword", "onRegister", "handleAuthResponse", "children"]);
+        const { generatePkce, onForgotPassword, onRegister, handleAuthResponse, children, ...baseLoginRequest } = props;
         const medplum = useMedplum();
         const googleClientId = getGoogleClientId(props.googleClientId);
         const [outcome, setOutcome] = React.useState();
         const issues = getIssuesForExpression(outcome, undefined);
-        function startPkce() {
-            return __awaiter(this, void 0, void 0, function* () {
-                if (generatePkce) {
-                    yield medplum.startPkce();
-                }
-            });
+        async function startPkce() {
+            if (generatePkce) {
+                await medplum.startPkce();
+            }
         }
         return (React.createElement(Form, { style: { maxWidth: 400 }, onSubmit: (formData) => {
                 startPkce()
-                    .then(() => medplum.startLogin(Object.assign(Object.assign({}, baseLoginRequest), { email: formData.email, password: formData.password, remember: formData.remember === 'on' })))
+                    .then(() => medplum.startLogin({
+                    ...baseLoginRequest,
+                    email: formData.email,
+                    password: formData.password,
+                    remember: formData.remember === 'on',
+                }))
                     .then(handleAuthResponse)
                     .catch(setOutcome);
             } },
             React.createElement(core$1.Center, { sx: { flexDirection: 'column' } }, children),
-            issues && (React.createElement(core$1.Alert, { icon: React.createElement(icons.IconAlertCircle, { size: 16 }), color: "red" }, 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));
-            }))),
+            issues && (React.createElement(core$1.Alert, { icon: React.createElement(icons.IconAlertCircle, { size: 16 }), color: "red" }, issues.map((issue) => (React.createElement("div", { "data-testid": "text-field-error", key: issue.details?.text }, issue.details?.text))))),
             googleClientId && (React.createElement(React.Fragment, null,
                 React.createElement(core$1.Group, { position: "center", p: "xl", style: { height: 70 } },
                     React.createElement(GoogleButton, { googleClientId: googleClientId, handleGoogleCredential: (response) => {
                             startPkce()
-                                .then(() => medplum.startGoogleLogin(Object.assign(Object.assign({}, baseLoginRequest), { googleCredential: response.credential })))
+                                .then(() => medplum.startGoogleLogin({
+                                ...baseLoginRequest,
+                                googleCredential: response.credential,
+                            }))
                                 .then(props.handleAuthResponse)
                                 .catch(setOutcome);
                         } })),
@@ -735,23 +808,20 @@
             React.createElement(core$1.Center, { sx: { flexDirection: 'column' } },
                 React.createElement(Logo, { size: 32 }),
                 React.createElement(core$1.Title, null, "Choose profile")),
-            props.memberships.map((membership) => {
-                var _a, _b;
-                return (React.createElement(core$1.UnstyledButton, { key: membership.id, onClick: () => {
-                        medplum
-                            .post('auth/profile', {
-                            login: props.login,
-                            profile: membership.id,
-                        })
-                            .then(props.handleAuthResponse)
-                            .catch(console.log);
-                    } },
-                    React.createElement(core$1.Group, null,
-                        React.createElement(core$1.Avatar, { radius: "xl" }),
-                        React.createElement("div", { style: { flex: 1 } },
-                            React.createElement(core$1.Text, { size: "sm", weight: 500 }, (_a = membership.profile) === null || _a === void 0 ? void 0 : _a.display),
-                            React.createElement(core$1.Text, { color: "dimmed", size: "xs" }, (_b = membership.project) === null || _b === void 0 ? void 0 : _b.display)))));
-            })));
+            props.memberships.map((membership) => (React.createElement(core$1.UnstyledButton, { key: membership.id, onClick: () => {
+                    medplum
+                        .post('auth/profile', {
+                        login: props.login,
+                        profile: membership.id,
+                    })
+                        .then(props.handleAuthResponse)
+                        .catch(console.log);
+                } },
+                React.createElement(core$1.Group, null,
+                    React.createElement(core$1.Avatar, { radius: "xl" }),
+                    React.createElement("div", { style: { flex: 1 } },
+                        React.createElement(core$1.Text, { size: "sm", weight: 500 }, membership.profile?.display),
+                        React.createElement(core$1.Text, { color: "dimmed", size: "xs" }, membership.project?.display))))))));
     }
 
     function ChooseScopeForm(props) {
@@ -774,12 +844,48 @@
                     React.createElement(core$1.Button, { type: "submit" }, "Set scope")))));
     }
 
+    function MfaForm(props) {
+        const medplum = useMedplum();
+        const [errorMessage, setErrorMessage] = React.useState(undefined);
+        return (React.createElement(Form, { style: { maxWidth: 400 }, onSubmit: (formData) => {
+                setErrorMessage(undefined);
+                medplum
+                    .post('auth/mfa/verify', {
+                    login: props.login,
+                    token: formData.token,
+                })
+                    .then(props.handleAuthResponse)
+                    .catch((err) => setErrorMessage(core.normalizeErrorString(err)));
+            } },
+            React.createElement(core$1.Stack, null,
+                React.createElement(core$1.Center, { sx: { flexDirection: 'column' } },
+                    React.createElement(Logo, { size: 32 }),
+                    React.createElement(core$1.Title, null, "Enter MFA code")),
+                errorMessage && (React.createElement(core$1.Alert, { icon: React.createElement(icons.IconAlertCircle, { size: 16 }), title: "Error", color: "red" }, errorMessage)),
+                React.createElement(core$1.Stack, null,
+                    React.createElement(core$1.TextInput, { name: "token", label: "MFA code", required: true })),
+                React.createElement(core$1.Group, { position: "right", mt: "xl" },
+                    React.createElement(core$1.Button, { type: "submit" }, "Submit code")))));
+    }
+
+    /**
+     * The SignInForm component allows users to sign in to Medplum.
+     *
+     * "Signing in" is a multi-step process:
+     * 1) Authentication - identify the user
+     * 2) MFA - If MFA is enabled, prompt for MFA code
+     * 3) Choose profile - If the user has multiple profiles, prompt to choose one
+     * 4) Choose scope - If the user has multiple scopes, prompt to choose one
+     * 5) Success - Return to the caller with either a code or a redirect
+     */
     function SignInForm(props) {
-        const { chooseScopes, onSuccess, onForgotPassword, onRegister, onCode } = props, baseLoginRequest = __rest(props, ["chooseScopes", "onSuccess", "onForgotPassword", "onRegister", "onCode"]);
+        const { chooseScopes, onSuccess, onForgotPassword, onRegister, onCode, ...baseLoginRequest } = props;
         const medplum = useMedplum();
         const [login, setLogin] = React.useState(undefined);
+        const [mfaRequired, setAuthenticatorRequired] = React.useState(false);
         const [memberships, setMemberships] = React.useState(undefined);
         function handleAuthResponse(response) {
+            setAuthenticatorRequired(!!response.mfaRequired);
             if (response.login) {
                 setLogin(response.login);
             }
@@ -815,7 +921,10 @@
         }
         return (React.createElement(Document, { width: 450 }, (() => {
             if (!login) {
-                return (React.createElement(AuthenticationForm, Object.assign({ generatePkce: !onCode, onForgotPassword: onForgotPassword, onRegister: onRegister, handleAuthResponse: handleAuthResponse }, baseLoginRequest), props.children));
+                return (React.createElement(AuthenticationForm, { generatePkce: !onCode, onForgotPassword: onForgotPassword, onRegister: onRegister, handleAuthResponse: handleAuthResponse, ...baseLoginRequest }, props.children));
+            }
+            else if (mfaRequired) {
+                return React.createElement(MfaForm, { login: login, handleAuthResponse: handleAuthResponse });
             }
             else if (memberships) {
                 return React.createElement(ChooseProfileForm, { login: login, memberships: memberships, handleAuthResponse: handleAuthResponse });
@@ -906,15 +1015,14 @@
     }
 
     function ContactDetailDisplay(props) {
-        var _a;
         const contactDetail = props.value;
         if (!contactDetail) {
             return null;
         }
         return (React.createElement(React.Fragment, null,
             contactDetail.name,
-            contactDetail.name && ': ', (_a = contactDetail.telecom) === null || _a === void 0 ? void 0 :
-            _a.map((telecom, index) => (React.createElement(ContactPointDisplay, { key: 'telecom-' + index, value: telecom })))));
+            contactDetail.name && ': ',
+            contactDetail.telecom?.map((telecom, index) => (React.createElement(ContactPointDisplay, { key: 'telecom-' + index, value: telecom })))));
     }
 
     function HumanNameDisplay(props) {
@@ -926,11 +1034,14 @@
     }
 
     function IdentifierDisplay(props) {
-        var _a, _b;
-        return (React.createElement("div", null, (_a = props.value) === null || _a === void 0 ? void 0 :
-            _a.system,
-            ": ", (_b = props.value) === null || _b === void 0 ? void 0 :
-            _b.value));
+        return (React.createElement("div", null,
+            props.value?.system,
+            ": ",
+            props.value?.value));
+    }
+
+    function MoneyDisplay(props) {
+        return React.createElement(React.Fragment, null, core.formatMoney(props.value));
     }
 
     function QuantityDisplay(props) {
@@ -954,12 +1065,12 @@
 
     function MedplumLink(props) {
         const navigate = reactRouterDom.useNavigate();
-        const { to, suffix, label, onClick, children } = props, rest = __rest(props, ["to", "suffix", "label", "onClick", "children"]);
+        const { to, suffix, label, onClick, children, ...rest } = props;
         let href = getHref(to);
         if (suffix) {
             href += '/' + suffix;
         }
-        return (React.createElement(core$1.Anchor, Object.assign({ href: href, "aria-label": label, onClick: (e) => {
+        return (React.createElement(core$1.Anchor, { href: href, "aria-label": label, onClick: (e) => {
                 killEvent(e);
                 if (onClick) {
                     onClick();
@@ -967,7 +1078,7 @@
                 else if (to) {
                     navigate(href);
                 }
-            } }, rest), children));
+            }, ...rest }, children));
     }
     function getHref(to) {
         if (to) {
@@ -1012,18 +1123,16 @@
     }
 
     function ResourceArrayDisplay(props) {
-        var _a, _b, _c;
         const property = props.property;
-        const values = (_a = props.values) !== null && _a !== void 0 ? _a : [];
-        const propertyType = (_c = (_b = property.type) === null || _b === void 0 ? void 0 : _b[0]) === null || _c === void 0 ? void 0 : _c.code;
+        const values = props.values ?? [];
+        const propertyType = property.type?.[0]?.code;
         return (React.createElement(React.Fragment, null, values.map((v, index) => (React.createElement("div", { key: `${index}-${values.length}` },
             React.createElement(ResourcePropertyDisplay, { arrayElement: true, property: property, propertyType: propertyType, value: v, ignoreMissingValues: props.ignoreMissingValues, link: props.link }))))));
     }
 
     function ResourcePropertyDisplay(props) {
-        var _a;
         const { property, propertyType, value } = props;
-        if ((property === null || property === void 0 ? void 0 : property.max) === '*' && !props.arrayElement) {
+        if (property?.max === '*' && !props.arrayElement) {
             if (propertyType === 'Attachment') {
                 return React.createElement(AttachmentArrayDisplay, { values: value, maxWidth: props.maxWidth });
             }
@@ -1052,7 +1161,7 @@
             case core.PropertyType.Address:
                 return React.createElement(AddressDisplay, { value: value });
             case core.PropertyType.Annotation:
-                return React.createElement(React.Fragment, null, value === null || value === void 0 ? void 0 : value.text);
+                return React.createElement(React.Fragment, null, value?.text);
             case core.PropertyType.Attachment:
                 return React.createElement(AttachmentDisplay, { value: value, maxWidth: props.maxWidth });
             case core.PropertyType.CodeableConcept:
@@ -1067,6 +1176,8 @@
                 return React.createElement(HumanNameDisplay, { value: value });
             case core.PropertyType.Identifier:
                 return React.createElement(IdentifierDisplay, { value: value });
+            case core.PropertyType.Money:
+                return React.createElement(MoneyDisplay, { value: value });
             case core.PropertyType.Period:
                 return React.createElement(React.Fragment, null, core.formatPeriod(value));
             case core.PropertyType.Quantity:
@@ -1084,10 +1195,10 @@
             case core.PropertyType.UsageContext:
                 return (React.createElement(BackboneElementDisplay, { value: { type: propertyType, value }, compact: true, ignoreMissingValues: props.ignoreMissingValues }));
             default:
-                if (!(property === null || property === void 0 ? void 0 : property.path)) {
+                if (!property?.path) {
                     throw Error(`Displaying property of type ${props.propertyType} requires element definition path`);
                 }
-                return (React.createElement(BackboneElementDisplay, { value: { type: core.buildTypeName((_a = property === null || property === void 0 ? void 0 : property.path) === null || _a === void 0 ? void 0 : _a.split('.')), value }, compact: true, ignoreMissingValues: props.ignoreMissingValues }));
+                return (React.createElement(BackboneElementDisplay, { value: { type: core.buildTypeName(property?.path?.split('.')), value }, compact: true, ignoreMissingValues: props.ignoreMissingValues }));
         }
     }
     /**
@@ -1269,59 +1380,38 @@
         return obj;
     }
 
-    function valueSetElementToAutocompleteItem(element) {
+    function toKey(element) {
+        return element.code;
+    }
+    function toOption(element) {
         return {
             value: element.code,
             label: getDisplay(element),
-            element,
+            resource: element,
+        };
+    }
+    function createValue(input) {
+        return {
+            code: input,
+            display: input,
         };
     }
     function ValueSetAutocomplete(props) {
         const medplum = useMedplum();
-        const { property, defaultValue } = props;
-        const [textValues, setTextValues] = React.useState((defaultValue === null || defaultValue === void 0 ? void 0 : defaultValue.code) ? [defaultValue.code] : []);
-        const [data, setData] = React.useState((defaultValue === null || defaultValue === void 0 ? void 0 : defaultValue.code) ? [valueSetElementToAutocompleteItem(defaultValue)] : []);
-        const dataRef = React.useRef();
-        dataRef.current = data;
-        const loadValues = React.useCallback((input) => __awaiter(this, void 0, void 0, function* () {
-            var _a, _b;
-            const system = (_a = property.binding) === null || _a === void 0 ? void 0 : _a.valueSet;
-            const valueSet = yield medplum.searchValueSet(system, input);
-            const valueSetElements = (_b = valueSet.expansion) === null || _b === void 0 ? void 0 : _b.contains;
-            const newData = [...dataRef.current];
+        const { elementDefinition, ...rest } = props;
+        const loadValues = React.useCallback(async (input, signal) => {
+            const system = elementDefinition.binding?.valueSet;
+            const valueSet = await medplum.searchValueSet(system, input, { signal });
+            const valueSetElements = valueSet.expansion?.contains;
+            const newData = [];
             for (const valueSetElement of valueSetElements) {
-                if (valueSetElement.code && !newData.some((item) => item.value === valueSetElement.code)) {
-                    newData.push(valueSetElementToAutocompleteItem(valueSetElement));
+                if (valueSetElement.code && !newData.some((item) => item.code === valueSetElement.code)) {
+                    newData.push(valueSetElement);
                 }
             }
-            setData(newData);
-        }), [medplum, property, dataRef]);
-        function handleChange(values) {
-            setTextValues(values);
-            const textValue = values[0];
-            let currentItem = undefined;
-            if (textValue) {
-                currentItem = dataRef.current.find((item) => item.value === values[0]);
-                if (!currentItem) {
-                    const newElement = { code: textValue, display: textValue };
-                    currentItem = valueSetElementToAutocompleteItem(newElement);
-                    setData([...dataRef.current, currentItem]);
-                }
-            }
-            if (props.onChange) {
-                props.onChange(currentItem === null || currentItem === void 0 ? void 0 : currentItem.element);
-            }
-        }
-        React.useEffect(() => {
-            loadValues('').catch(console.log);
-        }, [loadValues]);
-        return (React.createElement(core$1.MultiSelect, { data: data, placeholder: props.placeholder, searchable: true, creatable: true, clearable: true, value: textValues, filter: (value, selected, item) => {
-                var _a, _b;
-                return !!(textValues.length === 0 &&
-                    !selected &&
-                    (((_a = item.element.display) === null || _a === void 0 ? void 0 : _a.toLowerCase().includes(value.toLowerCase().trim())) ||
-                        ((_b = item.element.code) === null || _b === void 0 ? void 0 : _b.toLowerCase().includes(value.toLowerCase().trim()))));
-            }, onChange: handleChange, getCreateLabel: (query) => `+ Create ${query}`, onCreate: (query) => valueSetElementToAutocompleteItem({ code: query, display: query }) }));
+            return newData;
+        }, [medplum, elementDefinition]);
+        return (React.createElement(AsyncAutocomplete, { ...rest, creatable: true, clearable: true, toKey: toKey, toOption: toOption, loadOptions: loadValues, getCreateLabel: (query) => `+ Create ${query}`, onCreate: createValue }));
     }
     function getDisplay(item) {
         return item.display || item.code || '';
@@ -1329,64 +1419,65 @@
 
     function CodeableConceptInput(props) {
         const [value, setValue] = React.useState(props.defaultValue);
-        function handleChange(newValue) {
-            const newConcept = newValue && valueSetElementToCodeableConcept(newValue);
+        function handleChange(newValues) {
+            const newConcept = valueSetElementToCodeableConcept(newValues);
             setValue(newConcept);
             if (props.onChange) {
                 props.onChange(newConcept);
             }
         }
-        return (React.createElement(ValueSetAutocomplete, { property: props.property, name: props.name, placeholder: props.placeholder, defaultValue: value && codeableConceptToValueSetElement(value), onChange: handleChange }));
+        return (React.createElement(ValueSetAutocomplete, { elementDefinition: props.property, name: props.name, placeholder: props.placeholder, defaultValue: value && codeableConceptToValueSetElement(value), onChange: handleChange }));
     }
     function codeableConceptToValueSetElement(concept) {
-        var _a, _b, _c, _d, _e, _f;
-        return {
-            system: (_b = (_a = concept.coding) === null || _a === void 0 ? void 0 : _a[0]) === null || _b === void 0 ? void 0 : _b.system,
-            code: (_d = (_c = concept.coding) === null || _c === void 0 ? void 0 : _c[0]) === null || _d === void 0 ? void 0 : _d.code,
-            display: (_f = (_e = concept.coding) === null || _e === void 0 ? void 0 : _e[0]) === null || _f === void 0 ? void 0 : _f.display,
-        };
+        return concept.coding?.map((c) => ({
+            system: c.system,
+            code: c.code,
+            display: c.display,
+        }));
     }
-    function valueSetElementToCodeableConcept(element) {
+    function valueSetElementToCodeableConcept(elements) {
+        if (elements.length === 0) {
+            return undefined;
+        }
         return {
-            text: element.display,
-            coding: [
-                {
-                    system: element.system,
-                    code: element.code,
-                    display: element.display,
-                },
-            ],
+            coding: elements.map((e) => ({
+                system: e.system,
+                code: e.code,
+                display: e.display,
+            })),
         };
     }
 
     function CodeInput(props) {
         const [value, setValue] = React.useState(props.defaultValue);
-        function handleChange(newValue) {
+        function handleChange(newValues) {
+            const newValue = newValues[0];
             const newCode = valueSetElementToCode(newValue);
             setValue(newCode);
             if (props.onChange) {
                 props.onChange(newCode);
             }
         }
-        return (React.createElement(ValueSetAutocomplete, { property: props.property, name: props.name, placeholder: props.placeholder, defaultValue: codeToValueSetElement(value), onChange: handleChange }));
+        return (React.createElement(ValueSetAutocomplete, { elementDefinition: props.property, name: props.name, placeholder: props.placeholder, defaultValue: codeToValueSetElement(value), onChange: handleChange }));
     }
     function codeToValueSetElement(code) {
         return code ? { code } : undefined;
     }
     function valueSetElementToCode(element) {
-        return element === null || element === void 0 ? void 0 : element.code;
+        return element?.code;
     }
 
     function CodingInput(props) {
         const [value, setValue] = React.useState(props.defaultValue);
-        function handleChange(newValue) {
+        function handleChange(newValues) {
+            const newValue = newValues[0];
             const newConcept = newValue && valueSetElementToCoding(newValue);
             setValue(newConcept);
             if (props.onChange) {
                 props.onChange(newConcept);
             }
         }
-        return (React.createElement(ValueSetAutocomplete, { property: props.property, name: props.name, placeholder: props.placeholder, defaultValue: value && codingToValueSetElement(value), onChange: handleChange }));
+        return (React.createElement(ValueSetAutocomplete, { elementDefinition: props.property, name: props.name, placeholder: props.placeholder, defaultValue: value && codingToValueSetElement(value), onChange: handleChange }));
     }
     function codingToValueSetElement(coding) {
         return {
@@ -1417,34 +1508,33 @@
             }
         }
         function setSystem(system) {
-            const newValue = Object.assign(Object.assign({}, ref.current), { system });
+            const newValue = { ...ref.current, system };
             if (!system) {
                 delete newValue.system;
             }
             setContactPointWrapper(newValue);
         }
         function setUse(use) {
-            const newValue = Object.assign(Object.assign({}, ref.current), { use });
+            const newValue = { ...ref.current, use };
             if (!use) {
                 delete newValue.use;
             }
             setContactPointWrapper(newValue);
         }
         function setValue(value) {
-            const newValue = Object.assign(Object.assign({}, ref.current), { value });
+            const newValue = { ...ref.current, value };
             if (!value) {
                 delete newValue.value;
             }
             setContactPointWrapper(newValue);
         }
         return (React.createElement(core$1.Group, { spacing: "xs", grow: true, noWrap: true },
-            React.createElement(core$1.NativeSelect, { "data-testid": "system", defaultValue: contactPoint === null || contactPoint === void 0 ? void 0 : contactPoint.system, onChange: (e) => setSystem(e.currentTarget.value), data: ['', 'email', 'phone', 'fax', 'pager', 'sms', 'other'] }),
-            React.createElement(core$1.NativeSelect, { "data-testid": "use", defaultValue: contactPoint === null || contactPoint === void 0 ? void 0 : contactPoint.use, onChange: (e) => setUse(e.currentTarget.value), data: ['', 'home', 'work', 'temp', 'old', 'mobile'] }),
-            React.createElement(core$1.TextInput, { placeholder: "Value", defaultValue: contactPoint === null || contactPoint === void 0 ? void 0 : contactPoint.value, onChange: (e) => setValue(e.currentTarget.value) })));
+            React.createElement(core$1.NativeSelect, { "data-testid": "system", defaultValue: contactPoint?.system, onChange: (e) => setSystem(e.currentTarget.value), data: ['', 'email', 'phone', 'fax', 'pager', 'sms', 'other'] }),
+            React.createElement(core$1.NativeSelect, { "data-testid": "use", defaultValue: contactPoint?.use, onChange: (e) => setUse(e.currentTarget.value), data: ['', 'home', 'work', 'temp', 'old', 'mobile'] }),
+            React.createElement(core$1.TextInput, { placeholder: "Value", defaultValue: contactPoint?.value, onChange: (e) => setValue(e.currentTarget.value) })));
     }
 
     function ContactDetailInput(props) {
-        var _a;
         const [contactPoint, setContactDetail] = React.useState(props.defaultValue);
         const ref = React.useRef();
         ref.current = contactPoint;
@@ -1455,22 +1545,22 @@
             }
         }
         function setName(name) {
-            const newValue = Object.assign(Object.assign({}, ref.current), { name });
+            const newValue = { ...ref.current, name };
             if (!name) {
                 delete newValue.name;
             }
             setContactDetailWrapper(newValue);
         }
         function setTelecom(telecom) {
-            const newValue = Object.assign(Object.assign({}, ref.current), { telecom: telecom && [telecom] });
+            const newValue = { ...ref.current, telecom: telecom && [telecom] };
             if (!telecom) {
                 delete newValue.telecom;
             }
             setContactDetailWrapper(newValue);
         }
         return (React.createElement(core$1.Group, { spacing: "xs", grow: true, noWrap: true },
-            React.createElement(core$1.TextInput, { "data-testid": props.name + '-name', name: props.name + '-name', placeholder: "Name", style: { width: 180 }, defaultValue: contactPoint === null || contactPoint === void 0 ? void 0 : contactPoint.name, onChange: (e) => setName(e.currentTarget.value) }),
-            React.createElement(ContactPointInput, { name: props.name + '-telecom', defaultValue: (_a = contactPoint === null || contactPoint === void 0 ? void 0 : contactPoint.telecom) === null || _a === void 0 ? void 0 : _a[0], onChange: setTelecom })));
+            React.createElement(core$1.TextInput, { "data-testid": props.name + '-name', name: props.name + '-name', placeholder: "Name", style: { width: 180 }, defaultValue: contactPoint?.name, onChange: (e) => setName(e.currentTarget.value) }),
+            React.createElement(ContactPointInput, { name: props.name + '-telecom', defaultValue: contactPoint?.telecom?.[0], onChange: setTelecom })));
     }
 
     /**
@@ -1545,7 +1635,6 @@
     }
 
     function HumanNameInput(props) {
-        var _a, _b, _c;
         const [value, setValue] = React.useState(props.defaultValue);
         const valueRef = React.useRef();
         valueRef.current = value;
@@ -1556,26 +1645,38 @@
             }
         }
         function setUse(use) {
-            setValueWrapper(Object.assign(Object.assign({}, valueRef.current), { use: use ? use : undefined }));
+            setValueWrapper({ ...valueRef.current, use: use ? use : undefined });
         }
         function setPrefix(prefix) {
-            setValueWrapper(Object.assign(Object.assign({}, valueRef.current), { prefix: prefix ? prefix.split(' ') : undefined }));
+            setValueWrapper({
+                ...valueRef.current,
+                prefix: prefix ? prefix.split(' ') : undefined,
+            });
         }
         function setGiven(given) {
-            setValueWrapper(Object.assign(Object.assign({}, valueRef.current), { given: given ? given.split(' ') : undefined }));
+            setValueWrapper({
+                ...valueRef.current,
+                given: given ? given.split(' ') : undefined,
+            });
         }
         function setFamily(family) {
-            setValueWrapper(Object.assign(Object.assign({}, valueRef.current), { family: family ? family : undefined }));
+            setValueWrapper({
+                ...valueRef.current,
+                family: family ? family : undefined,
+            });
         }
         function setSuffix(suffix) {
-            setValueWrapper(Object.assign(Object.assign({}, valueRef.current), { suffix: suffix ? suffix.split(' ') : undefined }));
+            setValueWrapper({
+                ...valueRef.current,
+                suffix: suffix ? suffix.split(' ') : undefined,
+            });
         }
         return (React.createElement(core$1.Group, { spacing: "xs", grow: true, noWrap: true },
-            React.createElement(core$1.NativeSelect, { defaultValue: value === null || value === void 0 ? void 0 : value.use, "data-testid": "use", onChange: (e) => setUse(e.currentTarget.value), data: ['', 'temp', 'old', 'usual', 'official', 'nickname', 'anonymous', 'maiden'] }),
-            React.createElement(core$1.TextInput, { placeholder: "Prefix", defaultValue: (_a = value === null || value === void 0 ? void 0 : value.prefix) === null || _a === void 0 ? void 0 : _a.join(' '), onChange: (e) => setPrefix(e.currentTarget.value) }),
-            React.createElement(core$1.TextInput, { placeholder: "Given", defaultValue: (_b = value === null || value === void 0 ? void 0 : value.given) === null || _b === void 0 ? void 0 : _b.join(' '), onChange: (e) => setGiven(e.currentTarget.value) }),
-            React.createElement(core$1.TextInput, { placeholder: "Family", defaultValue: value === null || value === void 0 ? void 0 : value.family, onChange: (e) => setFamily(e.currentTarget.value) }),
-            React.createElement(core$1.TextInput, { placeholder: "Suffix", defaultValue: (_c = value === null || value === void 0 ? void 0 : value.suffix) === null || _c === void 0 ? void 0 : _c.join(' '), onChange: (e) => setSuffix(e.currentTarget.value) })));
+            React.createElement(core$1.NativeSelect, { defaultValue: value?.use, "data-testid": "use", onChange: (e) => setUse(e.currentTarget.value), data: ['', 'temp', 'old', 'usual', 'official', 'nickname', 'anonymous', 'maiden'] }),
+            React.createElement(core$1.TextInput, { placeholder: "Prefix", defaultValue: value?.prefix?.join(' '), onChange: (e) => setPrefix(e.currentTarget.value) }),
+            React.createElement(core$1.TextInput, { placeholder: "Given", defaultValue: value?.given?.join(' '), onChange: (e) => setGiven(e.currentTarget.value) }),
+            React.createElement(core$1.TextInput, { placeholder: "Family", defaultValue: value?.family, onChange: (e) => setFamily(e.currentTarget.value) }),
+            React.createElement(core$1.TextInput, { placeholder: "Suffix", defaultValue: value?.suffix?.join(' '), onChange: (e) => setSuffix(e.currentTarget.value) })));
     }
 
     function IdentifierInput(props) {
@@ -1587,8 +1688,55 @@
             }
         }
         return (React.createElement(core$1.Group, { spacing: "xs", grow: true, noWrap: true },
-            React.createElement(core$1.TextInput, { placeholder: "System", defaultValue: value === null || value === void 0 ? void 0 : value.system, onChange: (e) => setValueWrapper(Object.assign(Object.assign({}, value), { system: e.currentTarget.value })) }),
-            React.createElement(core$1.TextInput, { placeholder: "Value", defaultValue: value === null || value === void 0 ? void 0 : value.value, onChange: (e) => setValueWrapper(Object.assign(Object.assign({}, value), { value: e.currentTarget.value })) })));
+            React.createElement(core$1.TextInput, { placeholder: "System", defaultValue: value?.system, onChange: (e) => setValueWrapper({ ...value, system: e.currentTarget.value }) }),
+            React.createElement(core$1.TextInput, { placeholder: "Value", defaultValue: value?.value, onChange: (e) => setValueWrapper({ ...value, value: e.currentTarget.value }) })));
+    }
+
+    /*
+     * Based on: https://github.com/mantinedev/ui.mantine.dev/blob/master/components/CurrencyInput/CurrencyInput.tsx
+     */
+    /**
+     * List of currencies.
+     *
+     * Full list of currencies:
+     * https://www.hl7.org/fhir/valueset-currencies.html
+     *
+     * Latest browsers can report list of supported currencies, but it's not widely supported:
+     * https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/supportedValuesOf
+     *
+     * Using a short list for simplicity for now.
+     */
+    const data = ['USD', 'EUR', 'CAD', 'GBP', 'AUD'];
+    function MoneyInput(props) {
+        const { onChange } = props;
+        const [value, setValue] = React.useState(props.defaultValue);
+        const setValueWrapper = React.useCallback((newValue) => {
+            setValue(newValue);
+            if (onChange) {
+                onChange(newValue);
+            }
+        }, [onChange]);
+        const handleCurrencyChange = React.useCallback((e) => {
+            setValueWrapper({
+                ...value,
+                currency: e.currentTarget.value,
+            });
+        }, [value, setValueWrapper]);
+        const handleValueChange = React.useCallback((e) => {
+            setValueWrapper({
+                ...value,
+                value: e.currentTarget.valueAsNumber,
+            });
+        }, [value, setValueWrapper]);
+        const select = (React.createElement(core$1.NativeSelect, { defaultValue: value?.currency, data: data, styles: {
+                input: {
+                    fontWeight: 500,
+                    borderTopLeftRadius: 0,
+                    borderBottomLeftRadius: 0,
+                    width: 92,
+                },
+            }, onChange: handleCurrencyChange }));
+        return (React.createElement(core$1.TextInput, { type: "number", label: props.label, placeholder: props.placeholder || 'Value', defaultValue: value?.value?.toString() || 'USD', icon: React.createElement(icons.IconCurrencyDollar, { size: 14 }), rightSection: select, rightSectionWidth: 92, onChange: handleValueChange }));
     }
 
     function PeriodInput(props) {
@@ -1600,12 +1748,11 @@
             }
         }
         return (React.createElement(core$1.Group, { spacing: "xs", grow: true, noWrap: true },
-            React.createElement(DateTimeInput, { name: props.name + '.start', placeholder: "Start", defaultValue: value === null || value === void 0 ? void 0 : value.start, onChange: (newValue) => setValueWrapper(Object.assign(Object.assign({}, value), { start: newValue })) }),
-            React.createElement(DateTimeInput, { name: props.name + '.end', placeholder: "End", defaultValue: value === null || value === void 0 ? void 0 : value.end, onChange: (newValue) => setValueWrapper(Object.assign(Object.assign({}, value), { end: newValue })) })));
+            React.createElement(DateTimeInput, { name: props.name + '.start', placeholder: "Start", defaultValue: value?.start, onChange: (newValue) => setValueWrapper({ ...value, start: newValue }) }),
+            React.createElement(DateTimeInput, { name: props.name + '.end', placeholder: "End", defaultValue: value?.end, onChange: (newValue) => setValueWrapper({ ...value, end: newValue }) })));
     }
 
     function QuantityInput(props) {
-        var _a;
         const [value, setValue] = React.useState(props.defaultValue);
         function setValueWrapper(newValue) {
             setValue(newValue);
@@ -1614,9 +1761,18 @@
             }
         }
         return (React.createElement(core$1.Group, { spacing: "xs", grow: true, noWrap: true },
-            React.createElement(core$1.NativeSelect, { style: { width: 80 }, "data-testid": props.name + '-comparator', defaultValue: value === null || value === void 0 ? void 0 : value.comparator, data: ['', '<', '<=', '>=', '>'], onChange: (e) => setValueWrapper(Object.assign(Object.assign({}, value), { comparator: e.currentTarget.value })) }),
-            React.createElement(core$1.TextInput, { id: props.name, name: props.name, "data-testid": props.name + '-value', type: "number", step: "any", placeholder: "Value", defaultValue: (_a = value === null || value === void 0 ? void 0 : value.value) === null || _a === void 0 ? void 0 : _a.toString(), onChange: (e) => setValueWrapper(Object.assign(Object.assign({}, value), { value: tryParseNumber(e.currentTarget.value) })) }),
-            React.createElement(core$1.TextInput, { placeholder: "Unit", "data-testid": props.name + '-unit', defaultValue: value === null || value === void 0 ? void 0 : value.unit, onChange: (e) => setValueWrapper(Object.assign(Object.assign({}, value), { unit: e.currentTarget.value })) })));
+            React.createElement(core$1.NativeSelect, { style: { width: 80 }, "data-testid": props.name + '-comparator', defaultValue: value?.comparator, data: ['', '<', '<=', '>=', '>'], onChange: (e) => setValueWrapper({
+                    ...value,
+                    comparator: e.currentTarget.value,
+                }) }),
+            React.createElement(core$1.TextInput, { id: props.name, name: props.name, "data-testid": props.name + '-value', type: "number", step: "any", placeholder: "Value", defaultValue: value?.value?.toString(), onChange: (e) => setValueWrapper({
+                    ...value,
+                    value: tryParseNumber(e.currentTarget.value),
+                }) }),
+            React.createElement(core$1.TextInput, { placeholder: "Unit", "data-testid": props.name + '-unit', defaultValue: value?.unit, onChange: (e) => setValueWrapper({
+                    ...value,
+                    unit: e.currentTarget.value,
+                }) })));
     }
     function tryParseNumber(str) {
         if (!str) {
@@ -1640,8 +1796,14 @@
             }
         }
         return (React.createElement(core$1.Group, { spacing: "xs", grow: true, noWrap: true },
-            React.createElement(QuantityInput, { name: props.name + '-low', defaultValue: value === null || value === void 0 ? void 0 : value.low, onChange: (v) => setValueWrapper(Object.assign(Object.assign({}, value), { low: v })) }),
-            React.createElement(QuantityInput, { name: props.name + '-high', defaultValue: value === null || value === void 0 ? void 0 : value.high, onChange: (v) => setValueWrapper(Object.assign(Object.assign({}, value), { high: v })) })));
+            React.createElement(QuantityInput, { name: props.name + '-low', defaultValue: value?.low, onChange: (v) => setValueWrapper({
+                    ...value,
+                    low: v,
+                }) }),
+            React.createElement(QuantityInput, { name: props.name + '-high', defaultValue: value?.high, onChange: (v) => setValueWrapper({
+                    ...value,
+                    high: v,
+                }) })));
     }
 
     /**
@@ -1659,24 +1821,29 @@
             }
         }
         return (React.createElement(core$1.Group, { spacing: "xs", grow: true, noWrap: true },
-            React.createElement(QuantityInput, { name: props.name + '-numerator', defaultValue: value === null || value === void 0 ? void 0 : value.numerator, onChange: (v) => setValueWrapper(Object.assign(Object.assign({}, value), { numerator: v })) }),
-            React.createElement(QuantityInput, { name: props.name + '-denominator', defaultValue: value === null || value === void 0 ? void 0 : value.denominator, onChange: (v) => setValueWrapper(Object.assign(Object.assign({}, value), { denominator: v })) })));
+            React.createElement(QuantityInput, { name: props.name + '-numerator', defaultValue: value?.numerator, onChange: (v) => setValueWrapper({
+                    ...value,
+                    numerator: v,
+                }) }),
+            React.createElement(QuantityInput, { name: props.name + '-denominator', defaultValue: value?.denominator, onChange: (v) => setValueWrapper({
+                    ...value,
+                    denominator: v,
+                }) })));
     }
 
     function ResourceAvatar(props) {
-        var _a, _b, _c;
         const resource = useResource(props.value);
-        const text = resource ? core.getDisplayString(resource) : (_a = props.alt) !== null && _a !== void 0 ? _a : '';
-        const imageUrl = (_b = (resource && core.getImageSrc(resource))) !== null && _b !== void 0 ? _b : props.src;
-        const radius = (_c = props.radius) !== null && _c !== void 0 ? _c : 'xl';
-        const avatarProps = Object.assign({}, props);
+        const text = resource ? core.getDisplayString(resource) : props.alt ?? '';
+        const imageUrl = (resource && core.getImageSrc(resource)) ?? props.src;
+        const radius = props.radius ?? 'xl';
+        const avatarProps = { ...props };
         delete avatarProps.value;
         delete avatarProps.link;
         if (props.link) {
             return (React.createElement(MedplumLink, { to: resource },
-                React.createElement(core$1.Avatar, Object.assign({ src: imageUrl, alt: text, radius: radius }, avatarProps))));
+                React.createElement(core$1.Avatar, { src: imageUrl, alt: text, radius: radius, ...avatarProps })));
         }
-        return React.createElement(core$1.Avatar, Object.assign({ src: imageUrl, alt: text, radius: radius }, avatarProps));
+        return React.createElement(core$1.Avatar, { src: imageUrl, alt: text, radius: radius, ...avatarProps });
     }
 
     /**
@@ -1694,7 +1861,7 @@
         Observation: 'code',
         RequestGroup: '_id',
         ActivityDefinition: 'name',
-        User: 'email',
+        User: 'email:contains',
     };
     function ResourceInput(props) {
         const medplum = useMedplum();
@@ -1707,24 +1874,20 @@
                 setValue(core.getDisplayString(defaultValue));
             }
         }, [defaultValue, setValue]);
-        function loadValues(input) {
-            return __awaiter(this, void 0, void 0, function* () {
-                setLoading(true);
-                const searchCode = SEARCH_CODES[props.resourceType] || 'name';
-                const searchParams = new URLSearchParams({
-                    [searchCode]: encodeURIComponent(input),
-                    _count: '10',
-                });
-                const resources = yield medplum.searchResources(props.resourceType, searchParams);
-                setData(resources.map((resource) => ({ value: core.getDisplayString(resource), resource })));
-                setLoading(false);
+        async function loadValues(input) {
+            setLoading(true);
+            const searchCode = SEARCH_CODES[props.resourceType] || 'name';
+            const searchParams = new URLSearchParams({
+                [searchCode]: input,
+                _count: '10',
             });
+            const resources = await medplum.searchResources(props.resourceType, searchParams);
+            setData(resources.map((resource) => ({ value: core.getDisplayString(resource), resource })));
+            setLoading(false);
         }
-        function handleChange(val) {
-            return __awaiter(this, void 0, void 0, function* () {
-                setValue(val);
-                return loadValues(val);
-            });
+        async function handleChange(val) {
+            setValue(val);
+            return loadValues(val);
         }
         function handleSelect(item) {
             setValue(item.value);
@@ -1735,9 +1898,8 @@
         }
         return (React.createElement(core$1.Autocomplete, { itemComponent: ItemComponent, value: value, data: data, placeholder: props.placeholder, onFocus: () => loadValues(value), onChange: handleChange, onItemSubmit: handleSelect, rightSection: loading ? React.createElement(core$1.Loader, { size: 16 }) : null }));
     }
-    const ItemComponent = React.forwardRef((_a, ref) => {
-        var { value, resource } = _a, others = __rest(_a, ["value", "resource"]);
-        return (React.createElement("div", Object.assign({ ref: ref }, others),
+    const ItemComponent = React.forwardRef(({ value, resource, ...others }, ref) => {
+        return (React.createElement("div", { ref: ref, ...others },
             React.createElement(core$1.Group, { noWrap: true },
                 React.createElement(ResourceAvatar, { value: resource }),
                 React.createElement("div", null,
@@ -1746,7 +1908,7 @@
     });
 
     function ReferenceInput(props) {
-        const targetTypes = props.targetTypes;
+        const targetTypes = getTargetTypes$1(props.targetTypes);
         const initialResourceType = getInitialResourceType(props.defaultValue, targetTypes);
         const [value, setValue] = React.useState(props.defaultValue);
         const [resourceType, setResourceType] = React.useState(initialResourceType);
@@ -1766,9 +1928,14 @@
                     setValueHelper(item ? core.createReference(item) : undefined);
                 } })));
     }
+    function getTargetTypes$1(targetTypes) {
+        if (!targetTypes || targetTypes.length === 0 || (targetTypes.length === 1 && targetTypes[0] === 'Resource')) {
+            return undefined;
+        }
+        return targetTypes;
+    }
     function getInitialResourceType(defaultValue, targetTypes) {
-        var _a;
-        const defaultValueResourceType = (_a = defaultValue === null || defaultValue === void 0 ? void 0 : defaultValue.reference) === null || _a === void 0 ? void 0 : _a.split('/')[0];
+        const defaultValueResourceType = defaultValue?.reference?.split('/')[0];
         if (defaultValueResourceType) {
             return defaultValueResourceType;
         }
@@ -1839,23 +2006,20 @@
                 }, onCancel: () => setOpen(false) })));
     }
     function TimingEditorDialog(props) {
-        var _a, _b;
         const [value, setValue] = React.useState(props.defaultValue || {});
         const valueRef = React.useRef();
         valueRef.current = value;
         function setStart(newStart) {
-            setValue(Object.assign(Object.assign({}, valueRef.current), { event: [newStart] }));
+            setValue({ ...valueRef.current, event: [newStart] });
         }
         function setRepeat(repeat) {
-            setValue(Object.assign(Object.assign({}, valueRef.current), { repeat }));
+            setValue({ ...valueRef.current, repeat });
         }
         function setPeriod(newPeriod) {
-            var _a;
-            setRepeat(Object.assign(Object.assign({}, (_a = valueRef.current) === null || _a === void 0 ? void 0 : _a.repeat), { period: newPeriod }));
+            setRepeat({ ...valueRef.current?.repeat, period: newPeriod });
         }
         function setPeriodUnit(newPeriodUnit) {
-            var _a;
-            setRepeat(Object.assign(Object.assign({}, (_a = valueRef.current) === null || _a === void 0 ? void 0 : _a.repeat), { periodUnit: newPeriodUnit }));
+            setRepeat({ ...valueRef.current?.repeat, periodUnit: newPeriodUnit });
         }
         function setDayOfWeek(day, enabled) {
             if (enabled) {
@@ -1866,17 +2030,15 @@
             }
         }
         function addDayOfWeek(day) {
-            var _a, _b, _c;
-            const existing = ((_b = (_a = valueRef.current) === null || _a === void 0 ? void 0 : _a.repeat) === null || _b === void 0 ? void 0 : _b.dayOfWeek) || [];
+            const existing = valueRef.current?.repeat?.dayOfWeek || [];
             if (!existing.includes(day)) {
-                setRepeat(Object.assign(Object.assign({}, (_c = valueRef.current) === null || _c === void 0 ? void 0 : _c.repeat), { dayOfWeek: [...existing, day] }));
+                setRepeat({ ...valueRef.current?.repeat, dayOfWeek: [...existing, day] });
             }
         }
         function removeDayOfWeek(day) {
-            var _a, _b, _c;
-            const existing = ((_b = (_a = valueRef.current) === null || _a === void 0 ? void 0 : _a.repeat) === null || _b === void 0 ? void 0 : _b.dayOfWeek) || [];
+            const existing = valueRef.current?.repeat?.dayOfWeek || [];
             if (existing.includes(day)) {
-                setRepeat(Object.assign(Object.assign({}, (_c = valueRef.current) === null || _c === void 0 ? void 0 : _c.repeat), { dayOfWeek: existing.filter((d) => d !== day) }));
+                setRepeat({ ...valueRef.current?.repeat, dayOfWeek: existing.filter((d) => d !== day) });
             }
         }
         return (React.createElement(core$1.Modal, { title: "Timing", closeButtonLabel: "Close", opened: props.visible, onClose: () => props.onCancel() },
@@ -1885,8 +2047,8 @@
                     React.createElement(DateTimeInput, { name: 'timing-dialog-start', onChange: (newValue) => setStart(newValue) })),
                 React.createElement(FormSection, { title: "Repeat every", htmlFor: 'timing-dialog-period' },
                     React.createElement(core$1.Group, { spacing: "xs", grow: true, noWrap: true },
-                        React.createElement(core$1.TextInput, { type: "number", step: 1, id: "timing-dialog-period", name: "timing-dialog-period", defaultValue: (_a = value === null || value === void 0 ? void 0 : value.repeat) === null || _a === void 0 ? void 0 : _a.period, onChange: (e) => setPeriod(parseInt(e.currentTarget.value)) }),
-                        React.createElement(core$1.NativeSelect, { id: "timing-dialog-periodUnit", name: "timing-dialog-periodUnit", defaultValue: (_b = value === null || value === void 0 ? void 0 : value.repeat) === null || _b === void 0 ? void 0 : _b.periodUnit, onChange: (e) => setPeriodUnit(e.currentTarget.value), data: [
+                        React.createElement(core$1.TextInput, { type: "number", step: 1, id: "timing-dialog-period", name: "timing-dialog-period", defaultValue: value?.repeat?.period, onChange: (e) => setPeriod(parseInt(e.currentTarget.value)) }),
+                        React.createElement(core$1.NativeSelect, { id: "timing-dialog-periodUnit", name: "timing-dialog-periodUnit", defaultValue: value?.repeat?.periodUnit, onChange: (e) => setPeriodUnit(e.currentTarget.value), data: [
                                 { label: 'day', value: 'd' },
                                 { label: 'week', value: 'wk' },
                                 { label: 'month', value: 'mo' },
@@ -1900,9 +2062,8 @@
     }
 
     function ResourcePropertyInput(props) {
-        var _a, _b, _c;
         const property = props.property;
-        const propertyType = (_a = props.defaultPropertyType) !== null && _a !== void 0 ? _a : (_c = (_b = property.type) === null || _b === void 0 ? void 0 : _b[0]) === null || _c === void 0 ? void 0 : _c.code;
+        const propertyType = props.defaultPropertyType ?? property.type?.[0]?.code;
         const name = props.name;
         const value = props.defaultValue;
         if (property.max === '*' && !props.arrayElement) {
@@ -1913,10 +2074,10 @@
         }
         const propertyTypes = property.type;
         if (propertyTypes.length > 1) {
-            return React.createElement(ElementDefinitionInputSelector, Object.assign({ elementDefinitionTypes: propertyTypes }, props));
+            return React.createElement(ElementDefinitionInputSelector, { elementDefinitionTypes: propertyTypes, ...props });
         }
         else {
-            return React.createElement(ElementDefinitionTypeInput, Object.assign({ elementDefinitionType: propertyTypes[0] }, props));
+            return React.createElement(ElementDefinitionTypeInput, { elementDefinitionType: propertyTypes[0], ...props });
         }
     }
     function ElementDefinitionInputSelector(props) {
@@ -1930,20 +2091,19 @@
         }
         const [selectedType, setSelectedType] = React.useState(initialPropertyType);
         return (React.createElement(core$1.Group, { spacing: "xs", grow: true, noWrap: true },
-            React.createElement(core$1.NativeSelect, { style: { width: '200px' }, defaultValue: selectedType === null || selectedType === void 0 ? void 0 : selectedType.code, onChange: (e) => {
+            React.createElement(core$1.NativeSelect, { style: { width: '200px' }, defaultValue: selectedType?.code, onChange: (e) => {
                     setSelectedType(propertyTypes.find((type) => type.code === e.currentTarget.value));
                 }, data: propertyTypes.map((type) => ({
                     value: type.code,
                     label: type.code,
                 })) }),
-            React.createElement(ElementDefinitionTypeInput, Object.assign({}, props, { elementDefinitionType: selectedType, onChange: (newValue) => {
+            React.createElement(ElementDefinitionTypeInput, { ...props, elementDefinitionType: selectedType, onChange: (newValue) => {
                     if (props.onChange) {
                         props.onChange(newValue, props.name.replace('[x]', core.capitalize(selectedType.code)));
                     }
-                } }))));
+                } })));
     }
     function ElementDefinitionTypeInput(props) {
-        var _a;
         const property = props.property;
         const propertyType = props.elementDefinitionType.code;
         const name = props.name;
@@ -2016,6 +2176,8 @@
                 return React.createElement(HumanNameInput, { name: name, defaultValue: value, onChange: props.onChange });
             case core.PropertyType.Identifier:
                 return React.createElement(IdentifierInput, { name: name, defaultValue: value, onChange: props.onChange });
+            case core.PropertyType.Money:
+                return React.createElement(MoneyInput, { name: name, defaultValue: value, onChange: props.onChange });
             case core.PropertyType.Period:
                 return React.createElement(PeriodInput, { name: name, defaultValue: value, onChange: props.onChange });
             case core.PropertyType.Duration:
@@ -2033,17 +2195,15 @@
             case core.PropertyType.UsageContext:
                 return (React.createElement(BackboneElementInput, { typeName: propertyType, defaultValue: value, onChange: props.onChange, outcome: props.outcome }));
             default:
-                return (React.createElement(BackboneElementInput, { typeName: core.buildTypeName((_a = property.path) === null || _a === void 0 ? void 0 : _a.split('.')), defaultValue: value, onChange: props.onChange, outcome: props.outcome }));
+                return (React.createElement(BackboneElementInput, { typeName: core.buildTypeName(property.path?.split('.')), defaultValue: value, onChange: props.onChange, outcome: props.outcome }));
         }
     }
     function getTargetTypes(property) {
-        var _a, _b, _c;
-        return (_c = (_b = (_a = property === null || property === void 0 ? void 0 : property.type) === null || _a === void 0 ? void 0 : _a[0]) === null || _b === void 0 ? void 0 : _b.targetProfile) === null || _c === void 0 ? void 0 : _c.map((p) => p.split('/').pop());
+        return property?.type?.[0]?.targetProfile?.map((p) => p.split('/').pop());
     }
 
     function BackboneElementInput(props) {
-        var _a;
-        const [value, setValue] = React.useState((_a = props.defaultValue) !== null && _a !== void 0 ? _a : {});
+        const [value, setValue] = React.useState(props.defaultValue ?? {});
         function setValueWrapper(newValue) {
             setValue(newValue);
             if (props.onChange) {
@@ -2071,12 +2231,12 @@
             if (property.type.length === 1 && property.type[0].code === 'boolean') {
                 return (React.createElement(CheckboxFormSection, { key: key, title: core.getPropertyDisplayName(key), description: property.definition, htmlFor: key },
                     React.createElement(ResourcePropertyInput, { property: property, name: key, defaultValue: propertyValue, defaultPropertyType: propertyType, outcome: props.outcome, onChange: (newValue, propName) => {
-                            setValueWrapper(setPropertyValue(value, key, propName !== null && propName !== void 0 ? propName : key, entry[1], newValue));
+                            setValueWrapper(setPropertyValue(value, key, propName ?? key, entry[1], newValue));
                         } })));
             }
             return (React.createElement(FormSection, { key: key, title: core.getPropertyDisplayName(key), description: property.definition, htmlFor: key, outcome: props.outcome },
                 React.createElement(ResourcePropertyInput, { property: property, name: key, defaultValue: propertyValue, defaultPropertyType: propertyType, outcome: props.outcome, onChange: (newValue, propName) => {
-                        setValueWrapper(setPropertyValue(value, key, propName !== null && propName !== void 0 ? propName : key, entry[1], newValue));
+                        setValueWrapper(setPropertyValue(value, key, propName ?? key, entry[1], newValue));
                     } })));
         })));
     }
@@ -2210,13 +2370,13 @@
     }
 
     function ResourceName(props) {
-        const { value, link } = props, rest = __rest(props, ["value", "link"]);
+        const { value, link, ...rest } = props;
         const resource = useResource(value);
         if (!resource) {
             return null;
         }
         const text = core.getDisplayString(resource);
-        return link ? (React.createElement(MedplumLink, Object.assign({ to: resource }, rest), text)) : (React.createElement(core$1.Text, Object.assign({ component: "span" }, rest), text));
+        return link ? (React.createElement(MedplumLink, { to: resource, ...rest }, text)) : (React.createElement(core$1.Text, { component: "span", ...rest }, text));
     }
 
     function ResourceBadge(props) {
@@ -2225,6 +2385,64 @@
             React.createElement(ResourceName, { value: props.value, link: props.link })));
     }
 
+    /*
+     * Request status: https://hl7.org/fhir/valueset-request-status.html
+     * draft, active, on-hold, revoked, completed, entered-in-error, unknown
+     *
+     * Publication status: https://hl7.org/fhir/valueset-publication-status.html
+     * draft, active, retired, unknown
+     *
+     * Observation status: https://www.hl7.org/fhir/valueset-observation-status.html
+     * registered, preliminary, final, amended,  corrected, cancelled, entered-in-error, unknown
+     *
+     * DiagnosticReport status: https://hl7.org/fhir/valueset-diagnostic-report-status.html
+     * registered, preliminary, final, amended, corrected, appended, cancelled, entered-in-error, unknown
+     *
+     * Task status: https://hl7.org/fhir/valueset-task-status.html
+     * draft, requested, received, accepted, rejected, ready, cancelled, in-progress, on-hold, failed, completed, entered-in-error
+     *
+     * Appointment status: https://www.hl7.org/fhir/valueset-appointmentstatus.html
+     * proposed, pending, booked, arrived, fulfilled, cancelled, noshow, entered-in-error, chcked-in, waitlist
+     */
+    const statusToColor = {
+        draft: 'blue',
+        active: 'blue',
+        'on-hold': 'yellow',
+        revoked: 'red',
+        completed: 'green',
+        'entered-in-error': 'red',
+        unknown: 'gray',
+        retired: 'gray',
+        registered: 'blue',
+        preliminary: 'blue',
+        final: 'green',
+        amended: 'yellow',
+        corrected: 'yellow',
+        cancelled: 'red',
+        requested: 'blue',
+        received: 'blue',
+        accepted: 'blue',
+        rejected: 'red',
+        ready: 'blue',
+        'in-progress': 'blue',
+        failed: 'red',
+        proposed: 'blue',
+        pending: 'blue',
+        booked: 'blue',
+        arrived: 'blue',
+        fulfilled: 'green',
+        noshow: 'red',
+        'checked-in': 'blue',
+        waitlist: 'gray',
+        routine: 'gray',
+        urgent: 'red',
+        asap: 'red',
+        stat: 'red',
+    };
+    function StatusBadge(props) {
+        return React.createElement(core$1.Badge, { color: statusToColor[props.status] }, props.status);
+    }
+
     const useStyles$9 = core$1.createStyles((theme) => ({
         table: {
             border: `0.1px solid ${theme.colors.gray[5]}`,
@@ -2245,20 +2463,19 @@
         },
     }));
     function DiagnosticReportDisplay(props) {
-        var _a, _b;
         const diagnosticReport = useResource(props.value);
-        const specimen = useResource((_a = diagnosticReport === null || diagnosticReport === void 0 ? void 0 : diagnosticReport.specimen) === null || _a === void 0 ? void 0 : _a[0]);
+        const specimen = useResource(diagnosticReport?.specimen?.[0]);
         if (!diagnosticReport) {
             return null;
         }
         let textContent = '';
         if (diagnosticReport.presentedForm && diagnosticReport.presentedForm.length > 0) {
             const pf = diagnosticReport.presentedForm[0];
-            if (((_b = pf.contentType) === null || _b === void 0 ? void 0 : _b.startsWith('text/plain')) && pf.data) {
+            if (pf.contentType?.startsWith('text/plain') && pf.data) {
                 textContent = window.atob(pf.data);
             }
         }
-        if (specimen === null || specimen === void 0 ? void 0 : specimen.note) {
+        if (specimen?.note) {
             for (const note of specimen.note) {
                 textContent += note.text + '\n\n';
             }
@@ -2285,7 +2502,6 @@
             textContent && React.createElement("pre", null, textContent.trim())));
     }
     function ObservationTable(props) {
-        var _a;
         const { classes } = useStyles$9();
         return (React.createElement("table", { className: classes.table },
             React.createElement("thead", null,
@@ -2293,8 +2509,10 @@
                     React.createElement("th", null, "Test"),
                     React.createElement("th", null, "Value"),
                     React.createElement("th", null, "Reference Range"),
-                    React.createElement("th", null, "Interpretation"))),
-            React.createElement("tbody", null, (_a = props.value) === null || _a === void 0 ? void 0 : _a.map((observation, index) => (React.createElement(ObservationRow, { key: 'obs-' + index, value: observation }))))));
+                    React.createElement("th", null, "Interpretation"),
+                    React.createElement("th", null, "Category"),
+                    React.createElement("th", null, "Status"))),
+            React.createElement("tbody", null, props.value?.map((observation, index) => (React.createElement(ObservationRow, { key: 'obs-' + index, value: observation }))))));
     }
     function ObservationRow(props) {
         const { classes, cx } = useStyles$9();
@@ -2311,7 +2529,10 @@
                 React.createElement(ObservationValueDisplay, { value: observation })),
             React.createElement("td", null,
                 React.createElement(ReferenceRangeDisplay, { value: observation.referenceRange })),
-            React.createElement("td", null, observation.interpretation && observation.interpretation.length > 0 && (React.createElement(CodeableConceptDisplay, { value: observation.interpretation[0] })))));
+            React.createElement("td", null, observation.interpretation && observation.interpretation.length > 0 && (React.createElement(CodeableConceptDisplay, { value: observation.interpretation[0] }))),
+            React.createElement("td", null, observation.category && observation.category.length > 0 && (React.createElement("ul", null, observation.category.map((concept, index) => (React.createElement("li", { key: `category-${index}` },
+                React.createElement(CodeableConceptDisplay, { value: concept }))))))),
+            React.createElement("td", null, observation.status && React.createElement(StatusBadge, { status: observation.status }))));
     }
     function ObservationValueDisplay(props) {
         const obs = props.value;
@@ -2334,8 +2555,7 @@
      * @returns True if the FHIR observation is a critical value.
      */
     function isCritical(observation) {
-        var _a, _b, _c, _d;
-        const code = (_d = (_c = (_b = (_a = observation.interpretation) === null || _a === void 0 ? void 0 : _a[0]) === null || _b === void 0 ? void 0 : _b.coding) === null || _c === void 0 ? void 0 : _c[0]) === null || _d === void 0 ? void 0 : _d.code;
+        const code = observation.interpretation?.[0]?.coding?.[0]?.code;
         return code === 'AA' || code === 'LL' || code === 'HH' || code === 'A';
     }
 
@@ -2453,17 +2673,16 @@
         return React.createElement(Container, null, props.children);
     }
     function TimelineItem(props) {
-        var _a, _b;
-        const { resource, profile, padding, popupMenuItems } = props, others = __rest(props, ["resource", "profile", "padding", "popupMenuItems"]);
-        const author = profile !== null && profile !== void 0 ? profile : (_a = resource.meta) === null || _a === void 0 ? void 0 : _a.author;
-        return (React.createElement(Panel, Object.assign({ "data-testid": "timeline-item", fill: true }, others),
+        const { resource, profile, padding, popupMenuItems, ...others } = props;
+        const author = profile ?? resource.meta?.author;
+        return (React.createElement(Panel, { "data-testid": "timeline-item", fill: true, ...others },
             React.createElement(core$1.Group, { position: "apart", spacing: 8, mx: "xs", my: "sm" },
                 React.createElement(ResourceAvatar, { value: author, link: true, size: "md" }),
                 React.createElement("div", { style: { flex: 1 } },
                     React.createElement(core$1.Text, { size: "sm" },
                         React.createElement(ResourceName, { color: "dark", weight: 500, value: author, link: true })),
                     React.createElement(core$1.Text, { size: "xs" },
-                        React.createElement(MedplumLink, { color: "dimmed", to: props.resource }, core.formatDateTime((_b = props.resource.meta) === null || _b === void 0 ? void 0 : _b.lastUpdated)),
+                        React.createElement(MedplumLink, { color: "dimmed", to: props.resource }, core.formatDateTime(props.resource.meta?.lastUpdated)),
                         React.createElement(core$1.Text, { component: "span", color: "dimmed", mx: 8 }, "\u00B7"),
                         React.createElement(MedplumLink, { color: "dimmed", to: props.resource }, props.resource.resourceType))),
                 popupMenuItems && (React.createElement(core$1.Menu, { position: "bottom-end", shadow: "md", width: 200 },
@@ -2502,7 +2721,6 @@
         return 0;
     }
     function getTime(resource) {
-        var _a;
         if (resource.resourceType === 'Communication' && resource.sent) {
             return new Date(resource.sent).getTime();
         }
@@ -2515,7 +2733,7 @@
         if (resource.resourceType === 'DocumentReference' && resource.date) {
             return new Date(resource.date).getTime();
         }
-        const dateTime = (_a = resource.meta) === null || _a === void 0 ? void 0 : _a.lastUpdated;
+        const dateTime = resource.meta?.lastUpdated;
         if (!dateTime) {
             return 0;
         }
@@ -2634,7 +2852,7 @@
             }));
         }
         function setPriority(communication, priority) {
-            return medplum.updateResource(Object.assign(Object.assign({}, communication), { priority }));
+            return medplum.updateResource({ ...communication, priority });
         }
         function onPin(communication) {
             setPriority(communication, 'stat').then(loadTimeline).catch(console.log);
@@ -2652,8 +2870,7 @@
             navigate(`/${timelineItem.resourceType}/${timelineItem.id}/delete`);
         }
         function onVersionDetails(version) {
-            var _a;
-            navigate(`/${version.resourceType}/${version.id}/_history/${(_a = version.meta) === null || _a === void 0 ? void 0 : _a.versionId}`);
+            navigate(`/${version.resourceType}/${version.id}/_history/${version.meta?.versionId}`);
         }
         function onUploadStart() {
             notifications.showNotification({
@@ -2694,12 +2911,11 @@
                         React.createElement(core$1.TextInput, { name: "text", ref: inputRef, placeholder: "Add comment", style: { width: '100%', maxWidth: 300 } }),
                         React.createElement(core$1.ActionIcon, { type: "submit", radius: "xl", color: "blue", variant: "filled" },
                             React.createElement(icons.IconMessage, { size: 16 })),
-                        React.createElement(AttachmentButton, { onUpload: createMedia, onUploadStart: onUploadStart, onUploadProgress: onUploadProgress }, (props) => (React.createElement(core$1.ActionIcon, Object.assign({}, props, { radius: "xl", color: "blue", variant: "filled" }),
+                        React.createElement(AttachmentButton, { onUpload: createMedia, onUploadStart: onUploadStart, onUploadProgress: onUploadProgress }, (props) => (React.createElement(core$1.ActionIcon, { ...props, radius: "xl", color: "blue", variant: "filled" },
                             React.createElement(icons.IconCloudUpload, { size: 16 })))))))),
             items.map((item) => {
-                var _a;
                 if (item.resourceType === resource.resourceType && item.id === resource.id) {
-                    return (React.createElement(HistoryTimelineItem, { key: (_a = item.meta) === null || _a === void 0 ? void 0 : _a.versionId, history: history, resource: item, onDetails: onVersionDetails }));
+                    return (React.createElement(HistoryTimelineItem, { key: item.meta?.versionId, history: history, resource: item, onDetails: onVersionDetails }));
                 }
                 const key = `${item.resourceType}/${item.id}`;
                 switch (item.resourceType) {
@@ -2732,48 +2948,46 @@
     function HistoryTimelineItem(props) {
         const previous = getPrevious(props.history, props.resource);
         if (previous) {
-            return (React.createElement(TimelineItem, { resource: props.resource, padding: true, popupMenuItems: React.createElement(TimelineItemPopupMenu, Object.assign({}, props)) },
+            return (React.createElement(TimelineItem, { resource: props.resource, padding: true, popupMenuItems: React.createElement(TimelineItemPopupMenu, { ...props }) },
                 React.createElement(ResourceDiffTable, { original: previous, revised: props.resource })));
         }
         else {
-            return (React.createElement(TimelineItem, { resource: props.resource, padding: true, popupMenuItems: React.createElement(TimelineItemPopupMenu, Object.assign({}, props)) },
+            return (React.createElement(TimelineItem, { resource: props.resource, padding: true, popupMenuItems: React.createElement(TimelineItemPopupMenu, { ...props }) },
                 React.createElement("h3", null, "Created"),
                 React.createElement(ResourceTable, { value: props.resource, ignoreMissingValues: true })));
         }
     }
     function getPrevious(history, version) {
         const entries = history.entry;
-        const index = entries.findIndex((entry) => { var _a, _b, _c; return ((_b = (_a = entry.resource) === null || _a === void 0 ? void 0 : _a.meta) === null || _b === void 0 ? void 0 : _b.versionId) === ((_c = version.meta) === null || _c === void 0 ? void 0 : _c.versionId); });
+        const index = entries.findIndex((entry) => entry.resource?.meta?.versionId === version.meta?.versionId);
         if (index >= entries.length - 1) {
             return undefined;
         }
         return entries[index + 1].resource;
     }
     function CommunicationTimelineItem(props) {
-        var _a, _b;
         const { classes } = useStyles$7();
         const routine = !props.resource.priority || props.resource.priority === 'routine';
         const className = routine ? undefined : classes.pinnedComment;
-        return (React.createElement(TimelineItem, { resource: props.resource, profile: props.resource.sender, padding: true, className: className, popupMenuItems: React.createElement(TimelineItemPopupMenu, Object.assign({}, props)) },
-            React.createElement("p", null, (_b = (_a = props.resource.payload) === null || _a === void 0 ? void 0 : _a[0]) === null || _b === void 0 ? void 0 : _b.contentString)));
+        return (React.createElement(TimelineItem, { resource: props.resource, profile: props.resource.sender, padding: true, className: className, popupMenuItems: React.createElement(TimelineItemPopupMenu, { ...props }) },
+            React.createElement("p", null, props.resource.payload?.[0]?.contentString)));
     }
     function MediaTimelineItem(props) {
-        var _a;
-        const contentType = (_a = props.resource.content) === null || _a === void 0 ? void 0 : _a.contentType;
+        const contentType = props.resource.content?.contentType;
         const padding = contentType &&
             !contentType.startsWith('image/') &&
             !contentType.startsWith('video/') &&
             contentType !== 'application/pdf';
-        return (React.createElement(TimelineItem, { resource: props.resource, padding: !!padding, popupMenuItems: React.createElement(TimelineItemPopupMenu, Object.assign({}, props)) },
+        return (React.createElement(TimelineItem, { resource: props.resource, padding: !!padding, popupMenuItems: React.createElement(TimelineItemPopupMenu, { ...props }) },
             React.createElement(AttachmentDisplay, { value: props.resource.content })));
     }
     function AuditEventTimelineItem(props) {
-        return (React.createElement(TimelineItem, { resource: props.resource, padding: true, popupMenuItems: React.createElement(TimelineItemPopupMenu, Object.assign({}, props)) },
+        return (React.createElement(TimelineItem, { resource: props.resource, padding: true, popupMenuItems: React.createElement(TimelineItemPopupMenu, { ...props }) },
             React.createElement(core$1.ScrollArea, null,
                 React.createElement("pre", null, props.resource.outcomeDesc))));
     }
     function DiagnosticReportTimelineItem(props) {
-        return (React.createElement(TimelineItem, { resource: props.resource, padding: true, popupMenuItems: React.createElement(TimelineItemPopupMenu, Object.assign({}, props)) },
+        return (React.createElement(TimelineItem, { resource: props.resource, padding: true, popupMenuItems: React.createElement(TimelineItemPopupMenu, { ...props }) },
             React.createElement(DiagnosticReportDisplay, { value: props.resource })));
     }
     function getProgressMessage(e) {
@@ -2943,7 +3157,12 @@
      * @param {Array} filters The new filters.
      */
     function setFilters(definition, filters) {
-        return Object.assign(Object.assign({}, definition), { filters: filters, offset: 0, name: undefined });
+        return {
+            ...definition,
+            filters: filters,
+            offset: 0,
+            name: undefined,
+        };
     }
     /**
      * Clears all of the filters.
@@ -2992,7 +3211,11 @@
             newFields.push(...definition.fields);
         }
         newFields.push(field);
-        return Object.assign(Object.assign({}, definition), { fields: newFields, name: undefined });
+        return {
+            ...definition,
+            fields: newFields,
+            name: undefined,
+        };
     }
     /**
      * Deletes a filter at the specified index.
@@ -3005,7 +3228,11 @@
         }
         const newFilters = [...definition.filters];
         newFilters.splice(index, 1);
-        return Object.assign(Object.assign({}, definition), { filters: newFilters, name: undefined });
+        return {
+            ...definition,
+            filters: newFilters,
+            name: undefined,
+        };
     }
     /**
      * Adds a filter that constrains the specified field to "yesterday".
@@ -3149,7 +3376,11 @@
         if (definition.offset === offset) {
             return definition;
         }
-        return Object.assign(Object.assign({}, definition), { offset, name: undefined });
+        return {
+            ...definition,
+            offset,
+            name: undefined,
+        };
     }
     /**
      * Creates a new search request with the search offset at the specified page.
@@ -3158,8 +3389,7 @@
      * @return The new search definition.
      */
     function setPage(definition, page) {
-        var _a;
-        const count = (_a = definition.count) !== null && _a !== void 0 ? _a : core.DEFAULT_SEARCH_COUNT;
+        const count = definition.count ?? core.DEFAULT_SEARCH_COUNT;
         const newOffset = (page - 1) * count;
         return setOffset(definition, newOffset);
     }
@@ -3173,12 +3403,16 @@
         if (sort === getSortField(definition) && desc !== undefined && desc === isSortDescending(definition)) {
             return definition;
         }
-        return Object.assign(Object.assign({}, definition), { sortRules: [
+        return {
+            ...definition,
+            sortRules: [
                 {
                     code: sort,
                     descending: !!desc,
                 },
-            ], name: undefined });
+            ],
+            name: undefined,
+        };
     }
     /**
      * Toggles the sort of the search by key.
@@ -3224,8 +3458,7 @@
      * @return {string} A display string for the operation.
      */
     function getOpString(op) {
-        var _a;
-        return (_a = operatorNames[op]) !== null && _a !== void 0 ? _a : '';
+        return operatorNames[op] ?? '';
     }
     /**
      * Returns a field display name.
@@ -3266,16 +3499,15 @@
      * @returns The fragment to display.
      */
     function renderValue(resource, field) {
-        var _a, _b;
         const key = field.name;
         if (key === 'id') {
             return resource.id;
         }
         if (key === 'meta.versionId') {
-            return (_a = resource.meta) === null || _a === void 0 ? void 0 : _a.versionId;
+            return resource.meta?.versionId;
         }
         if (key === '_lastUpdated') {
-            return core.formatDateTime((_b = resource.meta) === null || _b === void 0 ? void 0 : _b.lastUpdated);
+            return core.formatDateTime(resource.meta?.lastUpdated);
         }
         // Priority 1: ElementDefinition by exact match
         if (field.elementDefinition && `${resource.resourceType}.${field.name}` === field.elementDefinition.path) {
@@ -3295,8 +3527,7 @@
      * @returns A React element or null.
      */
     function renderPropertyValue(resource, elementDefinition) {
-        var _a, _b, _c;
-        const path = ((_c = (_b = (_a = elementDefinition.path) === null || _a === void 0 ? void 0 : _a.split('.')) === null || _b === void 0 ? void 0 : _b.pop()) === null || _c === void 0 ? void 0 : _c.replaceAll('[x]', '')) || '';
+        const path = elementDefinition.path?.split('.')?.pop()?.replaceAll('[x]', '') || '';
         const [value, propertyType] = getValueAndType({ type: resource.resourceType, value: resource }, path);
         if (!value) {
             return null;
@@ -3322,7 +3553,6 @@
     }
 
     function SearchFieldEditor(props) {
-        var _a;
         const [state, setState] = React.useState({
             search: JSON.parse(core.stringify(props.search)),
         });
@@ -3372,13 +3602,15 @@
          * Moves the "available" selection into the "selected" list.
          */
         function onAddField() {
-            var _a, _b;
-            const currentField = (_a = state.search.fields) !== null && _a !== void 0 ? _a : [];
-            const key = (_b = availableRef.current) === null || _b === void 0 ? void 0 : _b.value;
+            const currentField = state.search.fields ?? [];
+            const key = availableRef.current?.value;
             if (key) {
                 const newFields = [...currentField, key];
                 setState({
-                    search: Object.assign(Object.assign({}, state.search), { fields: newFields }),
+                    search: {
+                        ...state.search,
+                        fields: newFields,
+                    },
                 });
             }
         }
@@ -3387,14 +3619,16 @@
          * Moves the "selected" selection into the "available" list.
          */
         function onRemoveField() {
-            var _a, _b;
-            const currentField = (_a = state.search.fields) !== null && _a !== void 0 ? _a : [];
-            const key = (_b = selectedRef.current) === null || _b === void 0 ? void 0 : _b.value;
+            const currentField = state.search.fields ?? [];
+            const key = selectedRef.current?.value;
             if (key) {
                 const newFields = [...currentField];
                 newFields.splice(newFields.indexOf(key), 1);
                 setState({
-                    search: Object.assign(Object.assign({}, state.search), { fields: newFields }),
+                    search: {
+                        ...state.search,
+                        fields: newFields,
+                    },
                 });
             }
         }
@@ -3403,15 +3637,17 @@
          * Moves the selection up one position in the list.
          */
         function onMoveUp() {
-            var _a, _b;
-            const currentField = (_a = state.search.fields) !== null && _a !== void 0 ? _a : [];
-            const field = (_b = selectedRef.current) === null || _b === void 0 ? void 0 : _b.value;
+            const currentField = state.search.fields ?? [];
+            const field = selectedRef.current?.value;
             if (field) {
                 const newFields = [...currentField];
                 const index = newFields.indexOf(field);
                 swapFields(newFields, index, index - 1);
                 setState({
-                    search: Object.assign(Object.assign({}, state.search), { fields: newFields }),
+                    search: {
+                        ...state.search,
+                        fields: newFields,
+                    },
                 });
             }
         }
@@ -3420,15 +3656,17 @@
          * Moves the selection down one position in the list.
          */
         function onMoveDown() {
-            var _a, _b;
-            const currentField = (_a = state.search.fields) !== null && _a !== void 0 ? _a : [];
-            const field = (_b = selectedRef.current) === null || _b === void 0 ? void 0 : _b.value;
+            const currentField = state.search.fields ?? [];
+            const field = selectedRef.current?.value;
             if (field) {
                 const newFields = [...currentField];
                 const index = newFields.indexOf(field);
                 swapFields(newFields, index, index + 1);
                 setState({
-                    search: Object.assign(Object.assign({}, state.search), { fields: newFields }),
+                    search: {
+                        ...state.search,
+                        fields: newFields,
+                    },
                 });
             }
         }
@@ -3448,9 +3686,9 @@
         }
         const resourceType = props.search.resourceType;
         const typeDef = core.globalSchema.types[resourceType];
-        const selected = (_a = state.search.fields) !== null && _a !== void 0 ? _a : [];
+        const selected = state.search.fields ?? [];
         const available = getFieldsList(typeDef)
-            .filter((field) => !(selected === null || selected === void 0 ? void 0 : selected.includes(field)))
+            .filter((field) => !selected?.includes(field))
             .sort();
         return (React.createElement(core$1.Modal, { title: "Fields", closeButtonLabel: "Close", opened: props.visible, onClose: props.onCancel },
             React.createElement("div", null,
@@ -3507,9 +3745,8 @@
     }
 
     function SearchFilterValueDisplay(props) {
-        var _a, _b;
         const { resourceType, filter } = props;
-        const searchParam = (_b = (_a = core.globalSchema.types[resourceType]) === null || _a === void 0 ? void 0 : _a.searchParams) === null || _b === void 0 ? void 0 : _b[filter.code];
+        const searchParam = core.globalSchema.types[resourceType]?.searchParams?.[filter.code];
         if (searchParam) {
             if (searchParam.type === 'reference') {
                 return React.createElement(ResourceName, { value: { reference: filter.value } });
@@ -3523,12 +3760,11 @@
     }
 
     function SearchFilterValueInput(props) {
-        var _a;
         const details = core.getSearchParameterDetails(props.resourceType, props.searchParam);
         const name = 'filter-value';
         switch (details.type) {
             case core.SearchParameterType.REFERENCE:
-                return (React.createElement(ReferenceInput, { name: name, defaultValue: { reference: props.defaultValue }, targetTypes: (_a = props.searchParam) === null || _a === void 0 ? void 0 : _a.target, onChange: (newReference) => {
+                return (React.createElement(ReferenceInput, { name: name, defaultValue: { reference: props.defaultValue }, targetTypes: props.searchParam?.target, onChange: (newReference) => {
                         if (newReference) {
                             props.onChange(newReference.reference);
                         }
@@ -3632,18 +3868,17 @@
                 React.createElement(core$1.Button, { compact: true, variant: "outline", onClick: props.onDelete }, "Delete"))));
     }
     function FilterRowInput(props) {
-        var _a;
-        const [value, setValue] = React.useState((_a = props.defaultValue) !== null && _a !== void 0 ? _a : {});
+        const [value, setValue] = React.useState(props.defaultValue ?? {});
         const valueRef = React.useRef(value);
         valueRef.current = value;
         function setFilterCode(newCode) {
-            setValue(Object.assign(Object.assign({}, valueRef.current), { code: newCode }));
+            setValue({ ...valueRef.current, code: newCode });
         }
         function setFilterOperator(newOperator) {
-            setValue(Object.assign(Object.assign({}, valueRef.current), { operator: newOperator }));
+            setValue({ ...valueRef.current, operator: newOperator });
         }
         function setFilterValue(newFilterValue) {
-            setValue(Object.assign(Object.assign({}, valueRef.current), { value: newFilterValue }));
+            setValue({ ...valueRef.current, value: newFilterValue });
         }
         const searchParam = props.searchParams[value.code];
         const operators = searchParam && getSearchOperators(searchParam);
@@ -3661,13 +3896,12 @@
     }
 
     function SearchFilterValueDialog(props) {
-        var _a;
-        const [value, setValue] = React.useState((_a = props.defaultValue) !== null && _a !== void 0 ? _a : '');
+        const [value, setValue] = React.useState(props.defaultValue ?? '');
         if (!props.visible || !props.searchParam || !props.filter) {
             return null;
         }
         function onOk() {
-            props.onOk(Object.assign(Object.assign({}, props.filter), { value }));
+            props.onOk({ ...props.filter, value });
         }
         return (React.createElement(core$1.Modal, { title: props.title, size: "xl", opened: props.visible, onClose: props.onCancel },
             React.createElement("div", { style: { width: 500 } },
@@ -3702,16 +3936,16 @@
     function SearchParameterSubMenu(props) {
         switch (props.searchParam.type) {
             case 'date':
-                return React.createElement(DateFilterSubMenu, Object.assign({}, props));
+                return React.createElement(DateFilterSubMenu, { ...props });
             case 'number':
             case 'quantity':
-                return React.createElement(NumericFilterSubMenu, Object.assign({}, props));
+                return React.createElement(NumericFilterSubMenu, { ...props });
             case 'reference':
-                return React.createElement(ReferenceFilterSubMenu, Object.assign({}, props));
+                return React.createElement(ReferenceFilterSubMenu, { ...props });
             case 'string':
             case 'token':
             case 'uri':
-                return React.createElement(TextFilterSubMenu, Object.assign({}, props));
+                return React.createElement(TextFilterSubMenu, { ...props });
             default:
                 return React.createElement(React.Fragment, null,
                     "Unknown search param type: ",
@@ -3741,7 +3975,7 @@
             React.createElement(core$1.Menu.Item, { icon: React.createElement(icons.IconCalendar, { size: 14 }), onClick: () => props.onChange(addLastMonthFilter(props.search, code)) }, "Last Month"),
             React.createElement(core$1.Menu.Divider, null),
             React.createElement(core$1.Menu.Item, { icon: React.createElement(icons.IconCalendar, { size: 14 }), onClick: () => props.onChange(addYearToDateFilter(props.search, code)) }, "Year to date"),
-            React.createElement(CommonMenuItems, Object.assign({}, props))));
+            React.createElement(CommonMenuItems, { ...props })));
     }
     function NumericFilterSubMenu(props) {
         const { searchParam } = props;
@@ -3756,14 +3990,14 @@
             React.createElement(core$1.Menu.Item, { icon: React.createElement(icons.IconSettings, { size: 14 }), onClick: () => props.onPrompt(searchParam, core.Operator.GREATER_THAN_OR_EQUALS) }, "Greater than or equal to..."),
             React.createElement(core$1.Menu.Item, { icon: React.createElement(icons.IconMathLower, { size: 14 }), onClick: () => props.onPrompt(searchParam, core.Operator.LESS_THAN) }, "Less than..."),
             React.createElement(core$1.Menu.Item, { icon: React.createElement(icons.IconSettings, { size: 14 }), onClick: () => props.onPrompt(searchParam, core.Operator.LESS_THAN_OR_EQUALS) }, "Less than or equal to..."),
-            React.createElement(CommonMenuItems, Object.assign({}, props))));
+            React.createElement(CommonMenuItems, { ...props })));
     }
     function ReferenceFilterSubMenu(props) {
         const { searchParam } = props;
         return (React.createElement(core$1.Menu.Dropdown, null,
             React.createElement(core$1.Menu.Item, { icon: React.createElement(icons.IconEqual, { size: 14 }), onClick: () => props.onPrompt(searchParam, core.Operator.EQUALS) }, "Equals..."),
             React.createElement(core$1.Menu.Item, { icon: React.createElement(icons.IconEqualNot, { size: 14 }), onClick: () => props.onPrompt(searchParam, core.Operator.NOT) }, "Does not equal..."),
-            React.createElement(CommonMenuItems, Object.assign({}, props))));
+            React.createElement(CommonMenuItems, { ...props })));
     }
     function TextFilterSubMenu(props) {
         const { searchParam } = props;
@@ -3776,7 +4010,7 @@
             React.createElement(core$1.Menu.Divider, null),
             React.createElement(core$1.Menu.Item, { icon: React.createElement(icons.IconBucket, { size: 14 }), onClick: () => props.onPrompt(searchParam, core.Operator.CONTAINS) }, "Contains..."),
             React.createElement(core$1.Menu.Item, { icon: React.createElement(icons.IconBucketOff, { size: 14 }), onClick: () => props.onPrompt(searchParam, core.Operator.EQUALS) }, "Does not contain..."),
-            React.createElement(CommonMenuItems, Object.assign({}, props))));
+            React.createElement(CommonMenuItems, { ...props })));
     }
     function CommonMenuItems(props) {
         const { searchParam } = props;
@@ -3810,7 +4044,6 @@
      * @returns The field definition.
      */
     function getFieldDefinition(resourceType, name) {
-        var _a;
         if (name === '_lastUpdated') {
             return {
                 name: '_lastUpdated',
@@ -3843,7 +4076,7 @@
         }
         const typeSchema = core.globalSchema.types[resourceType];
         const exactElementDefinition = typeSchema.properties[name];
-        const exactSearchParam = (_a = typeSchema.searchParams) === null || _a === void 0 ? void 0 : _a[name.toLowerCase()];
+        const exactSearchParam = typeSchema.searchParams?.[name.toLowerCase()];
         // Best case: Exact match of element definition or search parameter.
         // Examples: ServiceRequest.subject, Patient.name, Patient.birthDate
         // In this case, we only show the one search parameter.
@@ -3858,7 +4091,7 @@
             let searchParams = undefined;
             if (typeSchema.searchParams) {
                 const path = `${resourceType}.${name.replaceAll('[x]', '')}`;
-                searchParams = Object.values(typeSchema.searchParams).filter((p) => { var _a; return (_a = p.expression) === null || _a === void 0 ? void 0 : _a.includes(path); });
+                searchParams = Object.values(typeSchema.searchParams).filter((p) => p.expression?.includes(path));
                 if (searchParams.length === 0) {
                     searchParams = undefined;
                 }
@@ -3937,7 +4170,6 @@
      * It does not include the field editor, filter editor, pagination buttons.
      */
     function SearchControl(props) {
-        var _a, _b, _c;
         const { classes } = useStyles$6();
         const medplum = useMedplum();
         const [schemaLoaded, setSchemaLoaded] = React.useState(false);
@@ -3954,15 +4186,15 @@
         React.useEffect(() => {
             setOutcome(undefined);
             medplum
-                .search(search.resourceType, core.formatSearchQuery(Object.assign(Object.assign({}, search), { total: 'accurate', fields: undefined })))
+                .search(search.resourceType, core.formatSearchQuery({ ...search, total: 'accurate', fields: undefined }))
                 .then((response) => {
-                setState(Object.assign(Object.assign({}, stateRef.current), { searchResponse: response }));
+                setState({ ...stateRef.current, searchResponse: response });
                 if (onLoad) {
                     onLoad(new SearchLoadEvent(response));
                 }
             })
                 .catch((reason) => {
-                setState(Object.assign(Object.assign({}, stateRef.current), { searchResponse: undefined }));
+                setState({ ...stateRef.current, searchResponse: undefined });
                 setOutcome(reason);
             });
         }, [medplum, search, onLoad]);
@@ -3970,40 +4202,37 @@
             e.stopPropagation();
             const el = e.target;
             const checked = el.checked;
-            const newSelected = Object.assign({}, stateRef.current.selected);
+            const newSelected = { ...stateRef.current.selected };
             if (checked) {
                 newSelected[id] = true;
             }
             else {
                 delete newSelected[id];
             }
-            setState(Object.assign(Object.assign({}, stateRef.current), { selected: newSelected }));
+            setState({ ...stateRef.current, selected: newSelected });
         }
         function handleAllCheckboxClick(e) {
-            var _a;
             e.stopPropagation();
             const el = e.target;
             const checked = el.checked;
             const newSelected = {};
-            const searchResponse = (_a = stateRef.current) === null || _a === void 0 ? void 0 : _a.searchResponse;
-            if (checked && (searchResponse === null || searchResponse === void 0 ? void 0 : searchResponse.entry)) {
+            const searchResponse = stateRef.current?.searchResponse;
+            if (checked && searchResponse?.entry) {
                 searchResponse.entry.forEach((entry) => {
-                    var _a;
-                    if ((_a = entry.resource) === null || _a === void 0 ? void 0 : _a.id) {
+                    if (entry.resource?.id) {
                         newSelected[entry.resource.id] = true;
                     }
                 });
             }
-            setState(Object.assign(Object.assign({}, stateRef.current), { selected: newSelected }));
+            setState({ ...stateRef.current, selected: newSelected });
         }
         function isAllSelected() {
-            var _a, _b;
             const state = stateRef.current;
-            if (!((_a = state.searchResponse) === null || _a === void 0 ? void 0 : _a.entry) || state.searchResponse.entry.length === 0) {
+            if (!state.searchResponse?.entry || state.searchResponse.entry.length === 0) {
                 return false;
             }
             for (const e of state.searchResponse.entry) {
-                if (((_b = e.resource) === null || _b === void 0 ? void 0 : _b.id) && !state.selected[e.resource.id]) {
+                if (e.resource?.id && !state.selected[e.resource.id]) {
                     return false;
                 }
             }
@@ -4048,7 +4277,7 @@
                 .then(() => setSchemaLoaded(true))
                 .catch(console.log);
         }, [medplum, props.search.resourceType]);
-        const typeSchema = schemaLoaded && ((_a = core.globalSchema === null || core.globalSchema === void 0 ? void 0 : core.globalSchema.types) === null || _a === void 0 ? void 0 : _a[props.search.resourceType]);
+        const typeSchema = schemaLoaded && core.globalSchema?.types?.[props.search.resourceType];
         if (!typeSchema) {
             return (React.createElement(core$1.Center, { style: { width: '100%', height: '100%' } },
                 React.createElement(core$1.Loader, null)));
@@ -4057,8 +4286,8 @@
         const fields = getFieldDefinitions(search);
         const resourceType = search.resourceType;
         const lastResult = state.searchResponse;
-        const entries = lastResult === null || lastResult === void 0 ? void 0 : lastResult.entry;
-        const resources = entries === null || entries === void 0 ? void 0 : entries.map((e) => e.resource);
+        const entries = lastResult?.entry;
+        const resources = entries?.map((e) => e.resource);
         const buttonVariant = 'subtle';
         const buttonColor = 'gray';
         const iconSize = 16;
@@ -4066,8 +4295,8 @@
         return (React.createElement("div", { className: classes.root, "data-testid": "search-control" },
             !props.hideToolbar && (React.createElement(core$1.Group, { position: "apart", mb: "xl" },
                 React.createElement(core$1.Group, { spacing: 2 },
-                    React.createElement(core$1.Button, { compact: true, variant: buttonVariant, color: buttonColor, leftIcon: React.createElement(icons.IconFilter, { size: iconSize }), onClick: () => setState(Object.assign(Object.assign({}, stateRef.current), { fieldEditorVisible: true })) }, "Fields"),
-                    React.createElement(core$1.Button, { compact: true, variant: buttonVariant, color: buttonColor, leftIcon: React.createElement(icons.IconColumns, { size: iconSize }), onClick: () => setState(Object.assign(Object.assign({}, stateRef.current), { filterEditorVisible: true })) }, "Filters"),
+                    React.createElement(core$1.Button, { compact: true, variant: buttonVariant, color: buttonColor, leftIcon: React.createElement(icons.IconFilter, { size: iconSize }), onClick: () => setState({ ...stateRef.current, fieldEditorVisible: true }) }, "Fields"),
+                    React.createElement(core$1.Button, { compact: true, variant: buttonVariant, color: buttonColor, leftIcon: React.createElement(icons.IconColumns, { size: iconSize }), onClick: () => setState({ ...stateRef.current, filterEditorVisible: true }) }, "Filters"),
                     props.onNew && (React.createElement(core$1.Button, { compact: true, variant: buttonVariant, color: buttonColor, leftIcon: React.createElement(icons.IconFilePlus, { size: iconSize }), onClick: props.onNew }, "New...")),
                     !isMobile && props.onExport && (React.createElement(core$1.Button, { compact: true, variant: buttonVariant, color: buttonColor, leftIcon: React.createElement(icons.IconTableExport, { size: iconSize }), onClick: props.onExport }, "Export...")),
                     !isMobile && props.onDelete && (React.createElement(core$1.Button, { compact: true, variant: buttonVariant, color: buttonColor, leftIcon: React.createElement(icons.IconTrash, { size: iconSize }), onClick: () => props.onDelete(Object.keys(state.selected)) }, "Delete...")),
@@ -4077,8 +4306,8 @@
                     "-",
                     getEnd$1(search, lastResult.total),
                     " of",
-                    ' ', (_b = lastResult.total) === null || _b === void 0 ? void 0 :
-                    _b.toLocaleString())))),
+                    ' ',
+                    lastResult.total?.toLocaleString())))),
             React.createElement(core$1.Table, { className: classes.table },
                 React.createElement("thead", null,
                     React.createElement("tr", null,
@@ -4093,21 +4322,26 @@
                                             React.createElement(core$1.Center, { className: classes.icon },
                                                 React.createElement(icons.IconAdjustmentsHorizontal, { size: 14, stroke: 1.5 }))))),
                                 React.createElement(SearchPopupMenu, { search: props.search, searchParams: field.searchParams, onPrompt: (searchParam, filter) => {
-                                        setState(Object.assign(Object.assign({}, stateRef.current), { filterDialogVisible: true, filterDialogSearchParam: searchParam, filterDialogFilter: filter }));
+                                        setState({
+                                            ...stateRef.current,
+                                            filterDialogVisible: true,
+                                            filterDialogSearchParam: searchParam,
+                                            filterDialogFilter: filter,
+                                        });
                                     }, onChange: (result) => {
                                         emitSearchChange(result);
                                     } })))))),
                     !props.hideFilters && (React.createElement("tr", null,
                         checkboxColumn && React.createElement("th", null),
                         fields.map((field) => (React.createElement("th", { key: field.name }, field.searchParams && (React.createElement(FilterDescription, { resourceType: resourceType, searchParams: field.searchParams, filters: props.search.filters })))))))),
-                React.createElement("tbody", null, resources === null || resources === void 0 ? void 0 : resources.map((resource) => resource && (React.createElement("tr", { key: resource.id, className: classes.tr, "data-testid": "search-control-row", onClick: (e) => handleRowClick(e, resource), onAuxClick: (e) => handleRowClick(e, resource) },
+                React.createElement("tbody", null, resources?.map((resource) => resource && (React.createElement("tr", { key: resource.id, className: classes.tr, "data-testid": "search-control-row", onClick: (e) => handleRowClick(e, resource), onAuxClick: (e) => handleRowClick(e, resource) },
                     checkboxColumn && (React.createElement("td", null,
                         React.createElement("input", { type: "checkbox", value: "checked", "data-testid": "row-checkbox", "aria-label": `Checkbox for ${resource.id}`, checked: !!state.selected[resource.id], onChange: (e) => handleSingleCheckboxClick(e, resource.id) }))),
                     fields.map((field) => (React.createElement("td", { key: field.name }, renderValue(resource, field))))))))),
-            (resources === null || resources === void 0 ? void 0 : resources.length) === 0 && (React.createElement(Container, null,
+            resources?.length === 0 && (React.createElement(Container, null,
                 React.createElement(core$1.Center, null,
                     React.createElement(core$1.Text, { size: "xl", color: "dimmed" }, "No results")))),
-            (lastResult === null || lastResult === void 0 ? void 0 : lastResult.total) !== undefined && lastResult.total > 0 && (React.createElement(core$1.Center, { m: "md", p: "md" },
+            lastResult?.total !== undefined && lastResult.total > 0 && (React.createElement(core$1.Center, { m: "md", p: "md" },
                 React.createElement(core$1.Pagination, { page: getPage(search), total: getTotalPages(search, lastResult.total), onChange: (newPage) => emitSearchChange(setPage(search, newPage)), getItemAriaLabel: (page) => {
                         switch (page) {
                             case 'prev':
@@ -4122,27 +4356,44 @@
                 React.createElement("pre", { style: { textAlign: 'left' } }, JSON.stringify(outcome, undefined, 2)))),
             React.createElement(SearchFieldEditor, { search: props.search, visible: stateRef.current.fieldEditorVisible, onOk: (result) => {
                     emitSearchChange(result);
-                    setState(Object.assign(Object.assign({}, stateRef.current), { fieldEditorVisible: false }));
+                    setState({
+                        ...stateRef.current,
+                        fieldEditorVisible: false,
+                    });
                 }, onCancel: () => {
-                    setState(Object.assign(Object.assign({}, stateRef.current), { fieldEditorVisible: false }));
+                    setState({
+                        ...stateRef.current,
+                        fieldEditorVisible: false,
+                    });
                 } }),
             React.createElement(SearchFilterEditor, { search: props.search, visible: stateRef.current.filterEditorVisible, onOk: (result) => {
                     emitSearchChange(result);
-                    setState(Object.assign(Object.assign({}, stateRef.current), { filterEditorVisible: false }));
+                    setState({
+                        ...stateRef.current,
+                        filterEditorVisible: false,
+                    });
                 }, onCancel: () => {
-                    setState(Object.assign(Object.assign({}, stateRef.current), { filterEditorVisible: false }));
+                    setState({
+                        ...stateRef.current,
+                        filterEditorVisible: false,
+                    });
                 } }),
-            React.createElement(SearchFilterValueDialog, { key: (_c = state.filterDialogSearchParam) === null || _c === void 0 ? void 0 : _c.code, visible: stateRef.current.filterDialogVisible, title: 'Input', resourceType: resourceType, searchParam: state.filterDialogSearchParam, filter: state.filterDialogFilter, defaultValue: '', onOk: (filter) => {
+            React.createElement(SearchFilterValueDialog, { key: state.filterDialogSearchParam?.code, visible: stateRef.current.filterDialogVisible, title: 'Input', resourceType: resourceType, searchParam: state.filterDialogSearchParam, filter: state.filterDialogFilter, defaultValue: '', onOk: (filter) => {
                     emitSearchChange(addFilter(props.search, filter.code, filter.operator, filter.value));
-                    setState(Object.assign(Object.assign({}, stateRef.current), { filterDialogVisible: false }));
+                    setState({
+                        ...stateRef.current,
+                        filterDialogVisible: false,
+                    });
                 }, onCancel: () => {
-                    setState(Object.assign(Object.assign({}, stateRef.current), { filterDialogVisible: false }));
+                    setState({
+                        ...stateRef.current,
+                        filterDialogVisible: false,
+                    });
                 } })));
     }
     const MemoizedSearchControl = React.memo(SearchControl);
     function FilterDescription(props) {
-        var _a;
-        const filters = ((_a = props.filters) !== null && _a !== void 0 ? _a : []).filter((f) => props.searchParams.find((p) => p.code === f.code));
+        const filters = (props.filters ?? []).filter((f) => props.searchParams.find((p) => p.code === f.code));
         if (filters.length === 0) {
             return React.createElement("span", null, "no filters");
         }
@@ -4159,19 +4410,16 @@
         return Math.ceil(total / pageSize);
     }
     function getStart$1(search, total) {
-        var _a;
-        return Math.min(total, ((_a = search.offset) !== null && _a !== void 0 ? _a : 0) + 1);
+        return Math.min(total, (search.offset ?? 0) + 1);
     }
     function getEnd$1(search, total) {
-        var _a, _b;
-        return Math.min(total, (((_a = search.offset) !== null && _a !== void 0 ? _a : 0) + 1) * ((_b = search.count) !== null && _b !== void 0 ? _b : core.DEFAULT_SEARCH_COUNT));
+        return Math.min(total, ((search.offset ?? 0) + 1) * (search.count ?? core.DEFAULT_SEARCH_COUNT));
     }
 
     /**
      * The FhirPathTable component represents the embeddable search table control.
      */
     function FhirPathTable(props) {
-        var _a, _b, _c, _d, _e;
         const medplum = useMedplum();
         const [schema, setSchema] = React.useState();
         const [outcome, setOutcome] = React.useState();
@@ -4190,7 +4438,7 @@
             e.stopPropagation();
             const el = e.target;
             const checked = el.checked;
-            const newSelected = Object.assign({}, selectedRef.current);
+            const newSelected = { ...selectedRef.current };
             if (checked) {
                 newSelected[id] = true;
             }
@@ -4200,15 +4448,14 @@
             setSelected(newSelected);
         }
         function handleAllCheckboxClick(e) {
-            var _a, _b;
             e.stopPropagation();
             const el = e.target;
             const checked = el.checked;
             const newSelected = {};
-            const resources = (_b = (_a = responseRef.current) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b.ResourceList;
+            const resources = responseRef.current?.data?.ResourceList;
             if (checked && resources) {
                 resources.forEach((resource) => {
-                    if (resource === null || resource === void 0 ? void 0 : resource.id) {
+                    if (resource?.id) {
                         newSelected[resource.id] = true;
                     }
                 });
@@ -4216,13 +4463,12 @@
             setSelected(newSelected);
         }
         function isAllSelected() {
-            var _a, _b;
-            const resources = (_b = (_a = responseRef.current) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b.ResourceList;
+            const resources = responseRef.current?.data?.ResourceList;
             if (!resources || resources.length === 0) {
                 return false;
             }
             for (const resource of resources) {
-                if ((resource === null || resource === void 0 ? void 0 : resource.id) && !selectedRef.current[resource.id]) {
+                if (resource?.id && !selectedRef.current[resource.id]) {
                     return false;
                 }
             }
@@ -4247,11 +4493,11 @@
                 .then((newSchema) => {
                 // The schema could have the same object identity,
                 // so need to use the spread operator to kick React re-render.
-                setSchema(Object.assign({}, newSchema));
+                setSchema({ ...newSchema });
             })
                 .catch(console.log);
         }, [medplum, props.resourceType]);
-        const typeSchema = (_a = schema === null || schema === void 0 ? void 0 : schema.types) === null || _a === void 0 ? void 0 : _a[props.resourceType];
+        const typeSchema = schema?.types?.[props.resourceType];
         if (!typeSchema) {
             return React.createElement(core$1.Loader, null);
         }
@@ -4263,14 +4509,14 @@
                         checkboxColumn && (React.createElement("th", null,
                             React.createElement("input", { type: "checkbox", value: "checked", "aria-label": "all-checkbox", "data-testid": "all-checkbox", checked: isAllSelected(), onChange: (e) => handleAllCheckboxClick(e) }))),
                         fields.map((field) => (React.createElement("th", { key: field.name }, field.name))))),
-                React.createElement("tbody", null, (_c = (_b = response === null || response === void 0 ? void 0 : response.data) === null || _b === void 0 ? void 0 : _b.ResourceList) === null || _c === void 0 ? void 0 : _c.map((resource) => resource && (React.createElement("tr", { key: resource.id, "data-testid": "search-control-row", onClick: (e) => handleRowClick(e, resource), onAuxClick: (e) => handleRowClick(e, resource) },
+                React.createElement("tbody", null, response?.data?.ResourceList?.map((resource) => resource && (React.createElement("tr", { key: resource.id, "data-testid": "search-control-row", onClick: (e) => handleRowClick(e, resource), onAuxClick: (e) => handleRowClick(e, resource) },
                     checkboxColumn && (React.createElement("td", null,
                         React.createElement("input", { type: "checkbox", value: "checked", "data-testid": "row-checkbox", "aria-label": `Checkbox for ${resource.id}`, checked: !!selected[resource.id], onChange: (e) => handleSingleCheckboxClick(e, resource.id) }))),
                     fields.map((field) => {
                         return (React.createElement("td", { key: field.name },
                             React.createElement(FhirPathDisplay, { propertyType: field.propertyType, path: field.fhirPath, resource: resource })));
                     })))))),
-            ((_e = (_d = response === null || response === void 0 ? void 0 : response.data) === null || _d === void 0 ? void 0 : _d.ResourceList) === null || _e === void 0 ? void 0 : _e.length) === 0 && React.createElement("div", { "data-testid": "empty-search" }, "No results"),
+            response?.data?.ResourceList?.length === 0 && React.createElement("div", { "data-testid": "empty-search" }, "No results"),
             outcome && (React.createElement("div", { "data-testid": "search-error" },
                 React.createElement("pre", { style: { textAlign: 'left' } }, JSON.stringify(outcome, undefined, 2)))),
             props.onBulk && (React.createElement(core$1.Button, { onClick: () => props.onBulk(Object.keys(selectedRef.current)) }, "Bulk..."))));
@@ -4358,7 +4604,7 @@
             medplum.requestSchema('PlanDefinition').then(setSchema).catch(console.log);
         }, [medplum]);
         React.useEffect(() => {
-            setValue(ensurePlanDefinitionKeys(defaultValue !== null && defaultValue !== void 0 ? defaultValue : { resourceType: 'PlanDefinition' }));
+            setValue(ensurePlanDefinitionKeys(defaultValue ?? { resourceType: 'PlanDefinition' }));
             document.addEventListener('mouseover', handleDocumentMouseOver);
             document.addEventListener('click', handleDocumentClick);
             return () => {
@@ -4370,7 +4616,10 @@
             return null;
         }
         function changeProperty(property, newValue) {
-            setValue(Object.assign(Object.assign({}, valueRef.current), { [property]: newValue }));
+            setValue({
+                ...valueRef.current,
+                [property]: newValue,
+            });
         }
         return (React.createElement("div", null,
             React.createElement(Form, { testid: "questionnaire-form", onSubmit: () => props.onSubmit(value) },
@@ -4450,7 +4699,10 @@
         const { action } = props;
         const [actionType, setActionType] = React.useState(props.actionType);
         function changeProperty(property, value) {
-            props.onChange(Object.assign(Object.assign({}, action), { [property]: value }));
+            props.onChange({
+                ...action,
+                [property]: value,
+            });
         }
         return (React.createElement(core$1.Stack, { spacing: "xl" },
             React.createElement(core$1.TextInput, { name: `actionTitle-${action.id}`, label: "Title", defaultValue: action.title, onChange: (e) => changeProperty('title', e.currentTarget.value) }),
@@ -4476,15 +4728,15 @@
     }
     function ActionResourceTypeBuilder(props) {
         const { id, definitionCanonical } = props.action;
-        const reference = (definitionCanonical === null || definitionCanonical === void 0 ? void 0 : definitionCanonical.startsWith(props.resourceType + '/'))
+        const reference = definitionCanonical?.startsWith(props.resourceType + '/')
             ? { reference: definitionCanonical }
             : undefined;
         return (React.createElement(ResourceInput, { name: id, resourceType: props.resourceType, defaultValue: reference, loadOnFocus: true, onChange: (newValue) => {
                 if (newValue) {
-                    props.onChange(Object.assign(Object.assign({}, props.action), { definitionCanonical: core.getReferenceString(newValue) }));
+                    props.onChange({ ...props.action, definitionCanonical: core.getReferenceString(newValue) });
                 }
                 else {
-                    props.onChange(Object.assign(Object.assign({}, props.action), { definitionCanonical: undefined }));
+                    props.onChange({ ...props.action, definitionCanonical: undefined });
                 }
             } }));
     }
@@ -4493,18 +4745,17 @@
         const key = 'timing';
         const [propertyValue, propertyType] = getActionTiming(value);
         return (React.createElement(ResourcePropertyInput, { property: timingProperty, name: "timing[x]", defaultValue: propertyValue, defaultPropertyType: propertyType, onChange: (newValue, propName) => {
-                props.onChange(setPropertyValue(value, key, propName !== null && propName !== void 0 ? propName : key, timingProperty, newValue));
+                props.onChange(setPropertyValue(value, key, propName ?? key, timingProperty, newValue));
             } }));
     }
     function getInitialActionType(action) {
-        var _a, _b, _c;
-        if ((_a = action.definitionCanonical) === null || _a === void 0 ? void 0 : _a.startsWith('Schedule')) {
+        if (action.definitionCanonical?.startsWith('Schedule')) {
             return 'appointment';
         }
-        if ((_b = action.definitionCanonical) === null || _b === void 0 ? void 0 : _b.startsWith('Questionnaire/')) {
+        if (action.definitionCanonical?.startsWith('Questionnaire/')) {
             return 'questionnaire';
         }
-        if ((_c = action.definitionCanonical) === null || _c === void 0 ? void 0 : _c.startsWith('ActivityDefinition/')) {
+        if (action.definitionCanonical?.startsWith('ActivityDefinition/')) {
             return 'task';
         }
         return undefined;
@@ -4533,13 +4784,20 @@
         return 'id-' + nextId$1++;
     }
     function ensurePlanDefinitionKeys(planDefinition) {
-        return Object.assign(Object.assign({}, planDefinition), { action: ensurePlanDefinitionActionKeys(planDefinition.action) });
+        return {
+            ...planDefinition,
+            action: ensurePlanDefinitionActionKeys(planDefinition.action),
+        };
     }
     function ensurePlanDefinitionActionKeys(actions) {
         if (!actions) {
             return undefined;
         }
-        return actions.map((action) => (Object.assign(Object.assign({}, action), { id: generateId$1(action.id), action: ensurePlanDefinitionActionKeys(action.action) })));
+        return actions.map((action) => ({
+            ...action,
+            id: generateId$1(action.id),
+            action: ensurePlanDefinitionActionKeys(action.action),
+        }));
     }
 
     exports.QuestionnaireItemType = void 0;
@@ -4586,6 +4844,7 @@
         function setItems(newResponseItems) {
             const newResponse = {
                 resourceType: 'QuestionnaireResponse',
+                status: 'completed',
                 item: newResponseItems,
             };
             setResponse(newResponse);
@@ -4596,7 +4855,13 @@
         }
         return (React.createElement(Form, { testid: "questionnaire-form", onSubmit: () => {
                 if (props.onSubmit && response) {
-                    props.onSubmit(Object.assign(Object.assign({}, response), { questionnaire: core.getReferenceString(questionnaire), subject: props.subject, source: core.createReference(source), authored: new Date().toISOString() }));
+                    props.onSubmit({
+                        ...response,
+                        questionnaire: core.getReferenceString(questionnaire),
+                        subject: props.subject,
+                        source: core.createReference(source),
+                        authored: new Date().toISOString(),
+                    });
                 }
             } },
             questionnaire.title && React.createElement(core$1.Title, null, questionnaire.title),
@@ -4625,7 +4890,7 @@
             if (item.type === exports.QuestionnaireItemType.boolean) {
                 const initial = item.initial && item.initial.length > 0 ? item.initial[0] : undefined;
                 return (React.createElement(CheckboxFormSection, { key: item.linkId, title: item.text, htmlFor: item.linkId },
-                    React.createElement(core$1.Checkbox, { id: item.linkId, name: item.linkId, defaultChecked: initial === null || initial === void 0 ? void 0 : initial.valueBoolean, onChange: (e) => setResponseItem(index, {
+                    React.createElement(core$1.Checkbox, { id: item.linkId, name: item.linkId, defaultChecked: initial?.valueBoolean, onChange: (e) => setResponseItem(index, {
                             linkId: item.linkId,
                             text: item.text,
                             answer: [{ valueBoolean: e.currentTarget.checked }],
@@ -4666,28 +4931,28 @@
                     React.createElement("h3", null, item.text),
                     item.item && (React.createElement(QuestionnaireFormItemArray, { items: item.item, answers: props.answers, onChange: onChangeItem }))));
             case exports.QuestionnaireItemType.boolean:
-                return (React.createElement(core$1.Checkbox, { id: name, name: name, defaultChecked: initial === null || initial === void 0 ? void 0 : initial.valueBoolean, onChange: (e) => onChangeAnswer({ valueBoolean: e.currentTarget.checked }) }));
+                return (React.createElement(core$1.Checkbox, { id: name, name: name, defaultChecked: initial?.valueBoolean, onChange: (e) => onChangeAnswer({ valueBoolean: e.currentTarget.checked }) }));
             case exports.QuestionnaireItemType.decimal:
-                return (React.createElement(core$1.TextInput, { type: "number", step: "any", id: name, name: name, defaultValue: initial === null || initial === void 0 ? void 0 : initial.valueDecimal, onChange: (e) => onChangeAnswer({ valueDecimal: e.currentTarget.valueAsNumber }) }));
+                return (React.createElement(core$1.TextInput, { type: "number", step: "any", id: name, name: name, defaultValue: initial?.valueDecimal, onChange: (e) => onChangeAnswer({ valueDecimal: e.currentTarget.valueAsNumber }) }));
             case exports.QuestionnaireItemType.integer:
-                return (React.createElement(core$1.TextInput, { type: "number", step: 1, id: name, name: name, defaultValue: initial === null || initial === void 0 ? void 0 : initial.valueInteger, onChange: (e) => onChangeAnswer({ valueInteger: e.currentTarget.valueAsNumber }) }));
+                return (React.createElement(core$1.TextInput, { type: "number", step: 1, id: name, name: name, defaultValue: initial?.valueInteger, onChange: (e) => onChangeAnswer({ valueInteger: e.currentTarget.valueAsNumber }) }));
             case exports.QuestionnaireItemType.date:
-                return (React.createElement(core$1.TextInput, { type: "date", id: name, name: name, defaultValue: initial === null || initial === void 0 ? void 0 : initial.valueDate, onChange: (e) => onChangeAnswer({ valueDate: e.currentTarget.value }) }));
+                return (React.createElement(core$1.TextInput, { type: "date", id: name, name: name, defaultValue: initial?.valueDate, onChange: (e) => onChangeAnswer({ valueDate: e.currentTarget.value }) }));
             case exports.QuestionnaireItemType.dateTime:
-                return (React.createElement(DateTimeInput, { name: name, defaultValue: initial === null || initial === void 0 ? void 0 : initial.valueDateTime, onChange: (newValue) => onChangeAnswer({ valueDateTime: newValue }) }));
+                return (React.createElement(DateTimeInput, { name: name, defaultValue: initial?.valueDateTime, onChange: (newValue) => onChangeAnswer({ valueDateTime: newValue }) }));
             case exports.QuestionnaireItemType.time:
-                return (React.createElement(core$1.TextInput, { type: "time", id: name, name: name, defaultValue: initial === null || initial === void 0 ? void 0 : initial.valueTime, onChange: (e) => onChangeAnswer({ valueTime: e.currentTarget.value }) }));
+                return (React.createElement(core$1.TextInput, { type: "time", id: name, name: name, defaultValue: initial?.valueTime, onChange: (e) => onChangeAnswer({ valueTime: e.currentTarget.value }) }));
             case exports.QuestionnaireItemType.string:
             case exports.QuestionnaireItemType.url:
-                return (React.createElement(core$1.TextInput, { id: name, name: name, defaultValue: initial === null || initial === void 0 ? void 0 : initial.valueString, onChange: (e) => onChangeAnswer({ valueString: e.currentTarget.value }) }));
+                return (React.createElement(core$1.TextInput, { id: name, name: name, defaultValue: initial?.valueString, onChange: (e) => onChangeAnswer({ valueString: e.currentTarget.value }) }));
             case exports.QuestionnaireItemType.text:
-                return (React.createElement(core$1.Textarea, { id: name, name: name, defaultValue: initial === null || initial === void 0 ? void 0 : initial.valueString, onChange: (e) => onChangeAnswer({ valueString: e.currentTarget.value }) }));
+                return (React.createElement(core$1.Textarea, { id: name, name: name, defaultValue: initial?.valueString, onChange: (e) => onChangeAnswer({ valueString: e.currentTarget.value }) }));
             case exports.QuestionnaireItemType.attachment:
-                return (React.createElement(AttachmentInput, { name: name, defaultValue: initial === null || initial === void 0 ? void 0 : initial.valueAttachment, onChange: (newValue) => onChangeAnswer({ valueAttachment: newValue }) }));
+                return (React.createElement(AttachmentInput, { name: name, defaultValue: initial?.valueAttachment, onChange: (newValue) => onChangeAnswer({ valueAttachment: newValue }) }));
             case exports.QuestionnaireItemType.reference:
-                return (React.createElement(ReferenceInput, { name: name, defaultValue: initial === null || initial === void 0 ? void 0 : initial.valueReference, onChange: (newValue) => onChangeAnswer({ valueReference: newValue }) }));
+                return (React.createElement(ReferenceInput, { name: name, defaultValue: initial?.valueReference, onChange: (newValue) => onChangeAnswer({ valueReference: newValue }) }));
             case exports.QuestionnaireItemType.quantity:
-                return (React.createElement(QuantityInput, { name: name, defaultValue: initial === null || initial === void 0 ? void 0 : initial.valueQuantity, onChange: (newValue) => onChangeAnswer({ valueQuantity: newValue }) }));
+                return (React.createElement(QuantityInput, { name: name, defaultValue: initial?.valueQuantity, onChange: (newValue) => onChangeAnswer({ valueQuantity: newValue }) }));
             case exports.QuestionnaireItemType.choice:
             case exports.QuestionnaireItemType.openChoice:
                 if (isDropDownChoice(item)) {
@@ -4768,30 +5033,24 @@
         return response;
     }
     function buildInitialResponseItems(items) {
-        var _a;
-        return (_a = items === null || items === void 0 ? void 0 : items.map(buildInitialResponseItem)) !== null && _a !== void 0 ? _a : [];
+        return items?.map(buildInitialResponseItem) ?? [];
     }
     function buildInitialResponseItem(item) {
-        var _a, _b;
         return {
             linkId: item.linkId,
             text: item.text,
             item: buildInitialResponseItems(item.item),
-            answer: (_b = (_a = item.initial) === null || _a === void 0 ? void 0 : _a.map(buildInitialResponseAnswer)) !== null && _b !== void 0 ? _b : [],
+            answer: item.initial?.map(buildInitialResponseAnswer) ?? [],
         };
     }
     function buildInitialResponseAnswer(answer) {
         // This works because QuestionnaireItemInitial and QuestionnaireResponseItemAnswer
         // have the same properties.
-        return Object.assign({}, answer);
+        return { ...answer };
     }
     function isDropDownChoice(item) {
-        var _a;
-        return !!((_a = item.extension) === null || _a === void 0 ? void 0 : _a.some((e) => {
-            var _a, _b, _c;
-            return e.url === 'http://hl7.org/fhir/StructureDefinition/questionnaire-itemControl' &&
-                ((_c = (_b = (_a = e.valueCodeableConcept) === null || _a === void 0 ? void 0 : _a.coding) === null || _b === void 0 ? void 0 : _b[0]) === null || _c === void 0 ? void 0 : _c.code) === 'drop-down';
-        }));
+        return !!item.extension?.some((e) => e.url === 'http://hl7.org/fhir/StructureDefinition/questionnaire-itemControl' &&
+            e.valueCodeableConcept?.coding?.[0]?.code === 'drop-down');
     }
     function isQuestionEnabled(item, answers) {
         if (!item.enableWhen) {
@@ -4884,7 +5143,7 @@
             medplum.requestSchema('Questionnaire').then(setSchema).catch(console.log);
         }, [medplum]);
         React.useEffect(() => {
-            setValue(ensureQuestionnaireKeys(defaultValue !== null && defaultValue !== void 0 ? defaultValue : { resourceType: 'Questionnaire' }));
+            setValue(ensureQuestionnaireKeys(defaultValue ?? { resourceType: 'Questionnaire' }));
             document.addEventListener('mouseover', handleDocumentMouseOver);
             document.addEventListener('click', handleDocumentClick);
             return () => {
@@ -4901,13 +5160,12 @@
                 React.createElement(core$1.Button, { type: "submit" }, "Save"))));
     }
     function ItemBuilder(props) {
-        var _a;
         const { classes, cx } = useStyles$4();
         const resource = props.item;
         const item = props.item;
         const isResource = 'resourceType' in props.item;
         const isContainer = isResource || item.type === exports.QuestionnaireItemType.group;
-        const linkId = (_a = item.linkId) !== null && _a !== void 0 ? _a : '[untitled]';
+        const linkId = item.linkId ?? '[untitled]';
         const editing = props.selectedKey === props.item.id;
         const hovering = props.hoverKey === props.item.id;
         const itemRef = React.useRef();
@@ -4921,20 +5179,29 @@
             props.setHoverKey(props.item.id);
         }
         function changeItem(changedItem) {
-            var _a;
             const curr = itemRef.current;
-            props.onChange(Object.assign(Object.assign({}, curr), { item: (_a = curr.item) === null || _a === void 0 ? void 0 : _a.map((i) => (i.id === changedItem.id ? changedItem : i)) }));
+            props.onChange({
+                ...curr,
+                item: curr.item?.map((i) => (i.id === changedItem.id ? changedItem : i)),
+            });
         }
         function addItem(addedItem) {
-            var _a, _b;
-            props.onChange(Object.assign(Object.assign({}, props.item), { item: [...((_b = (_a = props.item) === null || _a === void 0 ? void 0 : _a.item) !== null && _b !== void 0 ? _b : []), addedItem] }));
+            props.onChange({
+                ...props.item,
+                item: [...(props.item?.item ?? []), addedItem],
+            });
         }
         function removeItem(removedItem) {
-            var _a, _b;
-            props.onChange(Object.assign(Object.assign({}, props.item), { item: (_b = (_a = props.item) === null || _a === void 0 ? void 0 : _a.item) === null || _b === void 0 ? void 0 : _b.filter((i) => i !== removedItem) }));
+            props.onChange({
+                ...props.item,
+                item: props.item?.item?.filter((i) => i !== removedItem),
+            });
         }
         function changeProperty(property, value) {
-            props.onChange(Object.assign(Object.assign({}, itemRef.current), { [property]: value }));
+            props.onChange({
+                ...itemRef.current,
+                [property]: value,
+            });
         }
         const className = cx(classes.section, {
             [classes.editing]: editing,
@@ -4998,9 +5265,8 @@
                     } }, "Remove")))));
     }
     function AnswerBuilder(props) {
-        var _a;
         const property = core.globalSchema.types['QuestionnaireItemAnswerOption'].properties['value[x]'];
-        const options = (_a = props.options) !== null && _a !== void 0 ? _a : [];
+        const options = props.options ?? [];
         return (React.createElement("div", null,
             options.map((option) => {
                 const [propertyValue, propertyType] = getValueAndType({ type: 'QuestionnaireItemAnswerOption', value: option }, 'value');
@@ -5055,28 +5321,39 @@
         return 'id-' + nextId++;
     }
     function ensureQuestionnaireKeys(questionnaire) {
-        return Object.assign(Object.assign({}, questionnaire), { id: questionnaire.id || generateId(), item: ensureQuestionnaireItemKeys(questionnaire.item) });
+        return {
+            ...questionnaire,
+            id: questionnaire.id || generateId(),
+            item: ensureQuestionnaireItemKeys(questionnaire.item),
+        };
     }
     function ensureQuestionnaireItemKeys(items) {
         if (!items) {
             return undefined;
         }
         items.forEach((item) => {
-            var _a, _b;
-            if ((_a = item.id) === null || _a === void 0 ? void 0 : _a.match(/^id-\d+$/)) {
+            if (item.id?.match(/^id-\d+$/)) {
                 nextId = Math.max(nextId, parseInt(item.id.substring(3)) + 1);
             }
-            if ((_b = item.linkId) === null || _b === void 0 ? void 0 : _b.match(/^q\d+$/)) {
+            if (item.linkId?.match(/^q\d+$/)) {
                 nextLinkId = Math.max(nextLinkId, parseInt(item.linkId.substring(1)) + 1);
             }
         });
-        return items.map((item) => (Object.assign(Object.assign({}, item), { id: item.id || generateId(), item: ensureQuestionnaireItemKeys(item.item), answerOption: ensureQuestionnaireOptionKeys(item.answerOption) })));
+        return items.map((item) => ({
+            ...item,
+            id: item.id || generateId(),
+            item: ensureQuestionnaireItemKeys(item.item),
+            answerOption: ensureQuestionnaireOptionKeys(item.answerOption),
+        }));
     }
     function ensureQuestionnaireOptionKeys(options) {
         if (!options) {
             return undefined;
         }
-        return options.map((option) => (Object.assign(Object.assign({}, option), { id: option.id || generateId() })));
+        return options.map((option) => ({
+            ...option,
+            id: option.id || generateId(),
+        }));
     }
 
     const useStyles$3 = core$1.createStyles((theme) => ({
@@ -5108,10 +5385,7 @@
             setIntervalGroups(groupQualifiedIntervals(definition.qualifiedInterval || [], setGroupId));
         }, [defaultDefinition]);
         return (React.createElement(Form, { testid: "reference-range-editor", onSubmit: submitDefinition },
-            React.createElement(core$1.Stack, null, intervalGroups.map((intervalGroup) => {
-                var _a;
-                return (React.createElement(ReferenceRangeGroupEditor, { unit: getUnitString((_a = defaultDefinition.quantitativeDetails) === null || _a === void 0 ? void 0 : _a.unit), onChange: changeInterval, onAdd: addInterval, onRemove: removeInterval, onRemoveGroup: removeGroup, key: `group-${intervalGroup.id}`, intervalGroup: intervalGroup }));
-            })),
+            React.createElement(core$1.Stack, null, intervalGroups.map((intervalGroup) => (React.createElement(ReferenceRangeGroupEditor, { unit: getUnitString(defaultDefinition.quantitativeDetails?.unit), onChange: changeInterval, onAdd: addInterval, onRemove: removeInterval, onRemoveGroup: removeGroup, key: `group-${intervalGroup.id}`, intervalGroup: intervalGroup })))),
             React.createElement(core$1.ActionIcon, { title: "Add Group", size: "sm", onClick: (e) => {
                     killEvent(e);
                     addGroup({ id: `group-id-${groupId}`, filters: {}, intervals: [] });
@@ -5127,7 +5401,7 @@
             const qualifiedInterval = intervalGroups
                 .flatMap((group) => group.intervals)
                 .filter((interval) => !isEmptyInterval(interval));
-            props.onSubmit(Object.assign(Object.assign({}, defaultDefinition), { qualifiedInterval }));
+            props.onSubmit({ ...defaultDefinition, qualifiedInterval });
         }
         /**
          * Add Remove Interval Groups
@@ -5143,11 +5417,10 @@
          */
         function changeInterval(groupId, changedInterval) {
             setIntervalGroups((groups) => {
-                var _a, _b;
                 groups = [...groups];
                 const currentGroup = groups.find((g) => g.id === groupId);
-                const index = (_a = currentGroup === null || currentGroup === void 0 ? void 0 : currentGroup.intervals) === null || _a === void 0 ? void 0 : _a.findIndex((interval) => interval.id === changedInterval.id);
-                if (index !== undefined && ((_b = currentGroup === null || currentGroup === void 0 ? void 0 : currentGroup.intervals) === null || _b === void 0 ? void 0 : _b[index])) {
+                const index = currentGroup?.intervals?.findIndex((interval) => interval.id === changedInterval.id);
+                if (index !== undefined && currentGroup?.intervals?.[index]) {
                     currentGroup.intervals[index] = changedInterval;
                 }
                 return groups;
@@ -5162,8 +5435,8 @@
                 groups = [...groups];
                 const currentGroupIndex = groups.findIndex((g) => g.id === groupId);
                 if (currentGroupIndex != -1) {
-                    const currentGroup = Object.assign({}, groups[currentGroupIndex]);
-                    addedInterval = Object.assign(Object.assign({}, addedInterval), currentGroup.filters);
+                    const currentGroup = { ...groups[currentGroupIndex] };
+                    addedInterval = { ...addedInterval, ...currentGroup.filters };
                     currentGroup.intervals = [...currentGroup.intervals, addedInterval];
                     groups[currentGroupIndex] = currentGroup;
                 }
@@ -5198,7 +5471,7 @@
                     React.createElement(core$1.Group, null,
                         React.createElement(core$1.TextInput, { key: `condition-${interval.id}`, "data-testid": `condition-${interval.id}`, defaultValue: interval.condition, label: 'Condition: ', size: 'sm', onChange: (e) => {
                                 killEvent(e);
-                                props.onChange(intervalGroup.id, Object.assign(Object.assign({}, interval), { condition: e.currentTarget.value.trim() }));
+                                props.onChange(intervalGroup.id, { ...interval, condition: e.currentTarget.value.trim() });
                             } }),
                         React.createElement(core$1.ActionIcon, { title: "Remove Interval", size: "sm", key: `remove-interval-${interval.id}`, "data-testid": `remove-interval-${interval.id}`, onClick: (e) => {
                                 killEvent(e);
@@ -5206,7 +5479,7 @@
                             } },
                             React.createElement(icons.IconCircleMinus, null))),
                     React.createElement(RangeInput, { onChange: (range) => {
-                            props.onChange(intervalGroup.id, Object.assign(Object.assign({}, interval), { range }));
+                            props.onChange(intervalGroup.id, { ...interval, range });
                         }, key: `range-${interval.id}`, name: `range-${interval.id}`, defaultValue: interval.range })))),
                 React.createElement(core$1.ActionIcon, { title: "Add Interval", size: "sm", onClick: (e) => {
                         killEvent(e);
@@ -5223,27 +5496,32 @@
      * Render the "filters" section of the IntervalGroup. Also populates some initial
      */
     function ReferenceRangeGroupFilters(props) {
-        var _a, _b;
         const { intervalGroup, onChange } = props;
         // Pre-populate the units of the age filter
         if (!intervalGroup.filters.age) {
             intervalGroup.filters.age = {};
         }
         for (const key of ['low', 'high']) {
-            if (!((_a = intervalGroup.filters.age[key]) === null || _a === void 0 ? void 0 : _a.unit)) {
-                intervalGroup.filters.age[key] = Object.assign(Object.assign({}, intervalGroup.filters.age[key]), { unit: 'years', system: 'http://unitsofmeasure.org' });
+            if (!intervalGroup.filters.age[key]?.unit) {
+                intervalGroup.filters.age[key] = {
+                    ...intervalGroup.filters.age[key],
+                    unit: 'years',
+                    system: 'http://unitsofmeasure.org',
+                };
             }
         }
         return (React.createElement(core$1.Stack, { style: { maxWidth: '50%' } },
             React.createElement(core$1.Group, null,
                 React.createElement(core$1.NativeSelect, { data: ['', 'male', 'female'], label: "Gender:", defaultValue: intervalGroup.filters.gender || '', onChange: (e) => {
-                        var _a;
                         for (const interval of intervalGroup.intervals) {
-                            let newGender = (_a = e.currentTarget) === null || _a === void 0 ? void 0 : _a.value;
+                            let newGender = e.currentTarget?.value;
                             if (newGender === '') {
                                 newGender = undefined;
                             }
-                            onChange(intervalGroup.id, Object.assign(Object.assign({}, interval), { gender: newGender }));
+                            onChange(intervalGroup.id, {
+                                ...interval,
+                                gender: newGender,
+                            });
                         }
                     } })),
             React.createElement(core$1.Group, { spacing: 'xs' },
@@ -5251,24 +5529,26 @@
                 React.createElement("div", { id: `div-age-${intervalGroup.id}` },
                     React.createElement(RangeInput, { key: `age-${intervalGroup.id}`, name: `age-${intervalGroup.id}`, defaultValue: intervalGroup.filters['age'], onChange: (ageRange) => {
                             for (const interval of intervalGroup.intervals) {
-                                onChange(intervalGroup.id, Object.assign(Object.assign({}, interval), { age: ageRange }));
+                                onChange(intervalGroup.id, { ...interval, age: ageRange });
                             }
                         } }))),
-            React.createElement(core$1.NativeSelect, { data: ['', 'pre-puberty', 'follicular', 'midcycle', 'luteal', 'postmenopausal'], label: "Endocrine:", defaultValue: ((_b = intervalGroup.filters.context) === null || _b === void 0 ? void 0 : _b.text) || '', onChange: (e) => {
-                    var _a;
+            React.createElement(core$1.NativeSelect, { data: ['', 'pre-puberty', 'follicular', 'midcycle', 'luteal', 'postmenopausal'], label: "Endocrine:", defaultValue: intervalGroup.filters.context?.text || '', onChange: (e) => {
                     for (const interval of intervalGroup.intervals) {
-                        let newEndocrine = (_a = e.currentTarget) === null || _a === void 0 ? void 0 : _a.value;
+                        let newEndocrine = e.currentTarget?.value;
                         if (newEndocrine === '') {
                             newEndocrine = undefined;
-                            onChange(intervalGroup.id, Object.assign(Object.assign({}, interval), { context: undefined }));
+                            onChange(intervalGroup.id, { ...interval, context: undefined });
                         }
                         else {
-                            onChange(intervalGroup.id, Object.assign(Object.assign({}, interval), { context: {
+                            onChange(intervalGroup.id, {
+                                ...interval,
+                                context: {
                                     text: newEndocrine,
                                     coding: [
                                         { code: newEndocrine, system: 'http://terminology.hl7.org/CodeSystem/referencerange-meaning' },
                                     ],
-                                } }));
+                                },
+                            });
                         }
                     }
                 } })));
@@ -5283,15 +5563,20 @@
         const intervals = definition.qualifiedInterval || [];
         // Set the nextId to the max of any existing numeric id
         let nextId = Math.max(...intervals.map((interval) => {
-            var _a;
-            const existingNum = parseInt(((_a = interval.id) === null || _a === void 0 ? void 0 : _a.substring(3)) || '');
+            const existingNum = parseInt(interval.id?.substring(3) || '');
             return !isNaN(existingNum) ? existingNum : Number.NEGATIVE_INFINITY;
         })) + 1;
         if (!Number.isFinite(nextId)) {
             nextId = 1;
         }
         // If an interval doesn't have an id, set it to the nextId
-        definition = Object.assign(Object.assign({}, definition), { qualifiedInterval: intervals.map((interval) => (Object.assign(Object.assign({}, interval), { id: interval.id || `id-${nextId++}` }))) });
+        definition = {
+            ...definition,
+            qualifiedInterval: intervals.map((interval) => ({
+                ...interval,
+                id: interval.id || `id-${nextId++}`,
+            })),
+        };
         setIntervalId(nextId);
         return definition;
     }
@@ -5321,13 +5606,12 @@
      * @return A "group key" that corresponds to the value of the interval filter properties.
      */
     function generateGroupKey(interval) {
-        var _a, _b;
         const results = [
             `gender=${interval.gender}`,
             `age=${core.formatRange(interval.age)}`,
             `gestationalAge=${core.formatRange(interval.gestationalAge)}`,
-            `context=${(_a = interval.context) === null || _a === void 0 ? void 0 : _a.text}`,
-            `appliesTo=${(_b = interval.appliesTo) === null || _b === void 0 ? void 0 : _b.map((c) => c.text).join('+')}`,
+            `context=${interval.context?.text}`,
+            `appliesTo=${interval.appliesTo?.map((c) => c.text).join('+')}`,
         ];
         return results.join(':');
     }
@@ -5335,69 +5619,10 @@
         return unit && (core.getCodeBySystem(unit, 'http://unitsofmeasure.org') || unit.text);
     }
     function isEmptyInterval(interval) {
-        var _a, _b, _c, _d;
-        return ((_b = (_a = interval.range) === null || _a === void 0 ? void 0 : _a.low) === null || _b === void 0 ? void 0 : _b.value) === undefined && ((_d = (_c = interval.range) === null || _c === void 0 ? void 0 : _c.high) === null || _d === void 0 ? void 0 : _d.value) === undefined;
-    }
-
-    /*
-     * Request status: https://hl7.org/fhir/valueset-request-status.html
-     * draft, active, on-hold, revoked, completed, entered-in-error, unknown
-     *
-     * Publication status: https://hl7.org/fhir/valueset-publication-status.html
-     * draft, active, retired, unknown
-     *
-     * Observation status: https://www.hl7.org/fhir/valueset-observation-status.html
-     * registered, preliminary, final, amended, cancelled, entered-in-error, unknown
-     *
-     * DiagnosticReport status: https://hl7.org/fhir/valueset-diagnostic-report-status.html
-     * registered, preliminary, final, amended, corrected, appended, cancelled, entered-in-error, unknown
-     *
-     * Task status: https://hl7.org/fhir/valueset-task-status.html
-     * draft, requested, received, accepted, rejected, ready, cancelled, in-progress, on-hold, failed, completed, entered-in-error
-     *
-     * Appointment status: https://www.hl7.org/fhir/valueset-appointmentstatus.html
-     * proposed, pending, booked, arrived, fulfilled, cancelled, noshow, entered-in-error, chcked-in, waitlist
-     */
-    const statusToColor = {
-        draft: 'blue',
-        active: 'blue',
-        'on-hold': 'yellow',
-        revoked: 'red',
-        completed: 'green',
-        'entered-in-error': 'red',
-        unknown: 'gray',
-        retired: 'gray',
-        registered: 'blue',
-        preliminary: 'blue',
-        final: 'green',
-        amended: 'yellow',
-        cancelled: 'red',
-        requested: 'blue',
-        received: 'blue',
-        accepted: 'blue',
-        rejected: 'red',
-        ready: 'blue',
-        'in-progress': 'blue',
-        failed: 'red',
-        proposed: 'blue',
-        pending: 'blue',
-        booked: 'blue',
-        arrived: 'blue',
-        fulfilled: 'green',
-        noshow: 'red',
-        'checked-in': 'blue',
-        waitlist: 'gray',
-        routine: 'gray',
-        urgent: 'red',
-        asap: 'red',
-        stat: 'red',
-    };
-    function StatusBadge(props) {
-        return React.createElement(core$1.Badge, { color: statusToColor[props.status] }, props.status);
+        return interval.range?.low?.value === undefined && interval.range?.high?.value === undefined;
     }
 
     function RequestGroupDisplay(props) {
-        var _a;
         const medplum = useMedplum();
         const requestGroup = useResource(props.value);
         const [startedLoading, setStartedLoading] = React.useState(false);
@@ -5411,34 +5636,32 @@
         if (!requestGroup || !responseBundle) {
             return null;
         }
-        return (React.createElement(core$1.Grid, null, (_a = requestGroup.action) === null || _a === void 0 ? void 0 : _a.map((action, index) => {
-            var _a, _b, _c, _d, _e, _f;
+        return (React.createElement(core$1.Grid, null, requestGroup.action?.map((action, index) => {
             const task = action.resource && findBundleEntry(action.resource);
-            const taskInput = (_b = (_a = task === null || task === void 0 ? void 0 : task.input) === null || _a === void 0 ? void 0 : _a[0]) === null || _b === void 0 ? void 0 : _b.valueReference;
-            const taskOutput = (_d = (_c = task === null || task === void 0 ? void 0 : task.output) === null || _c === void 0 ? void 0 : _c[0]) === null || _d === void 0 ? void 0 : _d.valueReference;
+            const taskInput = task?.input?.[0]?.valueReference;
+            const taskOutput = task?.output?.[0]?.valueReference;
             return (React.createElement(React.Fragment, { key: `action-${index}` },
-                React.createElement(core$1.Grid.Col, { span: 1, p: "md" }, (task === null || task === void 0 ? void 0 : task.status) === 'completed' ? React.createElement(icons.IconCheckbox, null) : React.createElement(icons.IconSquare, { color: "gray" })),
+                React.createElement(core$1.Grid.Col, { span: 1, p: "md" }, task?.status === 'completed' ? React.createElement(icons.IconCheckbox, null) : React.createElement(icons.IconSquare, { color: "gray" })),
                 React.createElement(core$1.Grid.Col, { span: 9, p: "xs" },
                     React.createElement(core$1.Text, { weight: 500 }, action.title),
                     action.description && React.createElement("div", null, action.description),
                     React.createElement("div", null,
                         "Last edited by\u00A0",
-                        React.createElement(ResourceName, { value: (_e = task === null || task === void 0 ? void 0 : task.meta) === null || _e === void 0 ? void 0 : _e.author }),
+                        React.createElement(ResourceName, { value: task?.meta?.author }),
                         "\u00A0on\u00A0",
-                        core.formatDateTime((_f = task === null || task === void 0 ? void 0 : task.meta) === null || _f === void 0 ? void 0 : _f.lastUpdated)),
+                        core.formatDateTime(task?.meta?.lastUpdated)),
                     React.createElement("div", null,
                         "Status: ",
-                        React.createElement(StatusBadge, { status: (task === null || task === void 0 ? void 0 : task.status) || 'unknown' }))),
+                        React.createElement(StatusBadge, { status: task?.status || 'unknown' }))),
                 React.createElement(core$1.Grid.Col, { span: 2, p: "md" },
                     taskInput && !taskOutput && React.createElement(core$1.Button, { onClick: () => props.onStart(task, taskInput) }, "Start"),
                     taskInput && taskOutput && (React.createElement(core$1.Button, { onClick: () => props.onEdit(task, taskInput, taskOutput) }, "Edit")))));
         })));
         function buildBatchRequest(request) {
-            var _a;
             const batchEntries = [];
             if (request.action) {
                 for (const action of request.action) {
-                    if ((_a = action.resource) === null || _a === void 0 ? void 0 : _a.reference) {
+                    if (action.resource?.reference) {
                         batchEntries.push({ request: { method: 'GET', url: action.resource.reference } });
                     }
                 }
@@ -5450,7 +5673,7 @@
             };
         }
         function findBundleEntry(reference) {
-            for (const entry of responseBundle === null || responseBundle === void 0 ? void 0 : responseBundle.entry) {
+            for (const entry of responseBundle?.entry) {
                 if (entry.resource && reference.reference === core.getReferenceString(entry.resource)) {
                     return entry.resource;
                 }
@@ -5579,13 +5802,10 @@
         // Convert to array of array of lines
         const versions = history.entry
             .filter((entry) => !!entry.resource)
-            .map((entry) => {
-            var _a;
-            return ({
-                meta: (_a = entry.resource) === null || _a === void 0 ? void 0 : _a.meta,
-                lines: core.stringify(entry.resource, true).match(/[^\r\n]+/g),
-            });
-        })
+            .map((entry) => ({
+            meta: entry.resource?.meta,
+            lines: core.stringify(entry.resource, true).match(/[^\r\n]+/g),
+        }))
             .sort((a, b) => a.meta.lastUpdated.localeCompare(b.meta.lastUpdated));
         // Start with array of lines from the first version
         const table = versions[0].lines.map((line) => ({
@@ -5693,7 +5913,6 @@
         },
     }));
     function ResourceBlame(props) {
-        var _a, _b;
         const { classes } = useStyles$2();
         const medplum = useMedplum();
         const [value, setValue] = React.useState(props.history);
@@ -5705,7 +5924,7 @@
         if (!value) {
             return React.createElement("div", null, "Loading...");
         }
-        const resource = (_b = (_a = value.entry) === null || _a === void 0 ? void 0 : _a[0]) === null || _b === void 0 ? void 0 : _b.resource;
+        const resource = value.entry?.[0]?.resource;
         const table = blame(value);
         return (React.createElement("div", { className: classes.container },
             React.createElement("table", { className: classes.root },
@@ -5763,8 +5982,8 @@
         let originalResource = props.original;
         let revisedResource = props.revised;
         if (props.ignoreMeta) {
-            originalResource = Object.assign(Object.assign({}, originalResource), { meta: undefined });
-            revisedResource = Object.assign(Object.assign({}, revisedResource), { meta: undefined });
+            originalResource = { ...originalResource, meta: undefined };
+            revisedResource = { ...revisedResource, meta: undefined };
         }
         const original = core.stringify(originalResource, true).match(/[^\r\n]+/g);
         const revised = core.stringify(revisedResource, true).match(/[^\r\n]+/g);
@@ -5783,7 +6002,6 @@
     }
 
     function ResourceHistoryTable(props) {
-        var _a;
         const medplum = useMedplum();
         const [value, setValue] = React.useState(props.history);
         React.useEffect(() => {
@@ -5803,27 +6021,25 @@
                     React.createElement("th", null, "Author"),
                     React.createElement("th", null, "Date"),
                     React.createElement("th", null, "Version"))),
-            React.createElement("tbody", null, (_a = value.entry) === null || _a === void 0 ? void 0 : _a.map((entry, index) => (React.createElement(HistoryRow, { key: 'entry-' + index, entry: entry }))))));
+            React.createElement("tbody", null, value.entry?.map((entry, index) => (React.createElement(HistoryRow, { key: 'entry-' + index, entry: entry }))))));
     }
     function HistoryRow(props) {
-        var _a, _b, _c;
         const { response, resource } = props.entry;
         if (resource) {
             return (React.createElement("tr", null,
                 React.createElement("td", null,
-                    React.createElement(ResourceBadge, { value: (_a = resource.meta) === null || _a === void 0 ? void 0 : _a.author, link: true })),
-                React.createElement("td", null, core.formatDateTime((_b = resource.meta) === null || _b === void 0 ? void 0 : _b.lastUpdated)),
+                    React.createElement(ResourceBadge, { value: resource.meta?.author, link: true })),
+                React.createElement("td", null, core.formatDateTime(resource.meta?.lastUpdated)),
                 React.createElement("td", null,
-                    React.createElement(MedplumLink, { to: getVersionUrl(resource) }, (_c = resource.meta) === null || _c === void 0 ? void 0 : _c.versionId))));
+                    React.createElement(MedplumLink, { to: getVersionUrl(resource) }, resource.meta?.versionId))));
         }
         else {
             return (React.createElement("tr", null,
-                React.createElement("td", { colSpan: 3 }, core.normalizeErrorString(response === null || response === void 0 ? void 0 : response.outcome))));
+                React.createElement("td", { colSpan: 3 }, core.normalizeErrorString(response?.outcome))));
         }
     }
     function getVersionUrl(resource) {
-        var _a;
-        return `/${resource.resourceType}/${resource.id}/_history/${(_a = resource.meta) === null || _a === void 0 ? void 0 : _a.versionId}`;
+        return `/${resource.resourceType}/${resource.id}/_history/${resource.meta?.versionId}`;
     }
 
     const useStyles = core$1.createStyles((theme) => ({
@@ -5842,7 +6058,6 @@
         },
     }));
     function Scheduler(props) {
-        var _a;
         const { classes } = useStyles();
         const medplum = useMedplum();
         const schedule = useResource(props.schedule);
@@ -5874,7 +6089,7 @@
         if (!schedule || !slots || !questionnaire) {
             return null;
         }
-        const actor = (_a = schedule.actor) === null || _a === void 0 ? void 0 : _a[0];
+        const actor = schedule.actor?.[0];
         return (React.createElement("div", { className: classes.container, "data-testid": "scheduler" },
             React.createElement("div", { className: classes.info },
                 actor && React.createElement(ResourceAvatar, { value: actor, size: "xl" }),
@@ -5965,6 +6180,7 @@
     exports.AddressDisplay = AddressDisplay;
     exports.AddressInput = AddressInput;
     exports.AnnotationInput = AnnotationInput;
+    exports.AsyncAutocomplete = AsyncAutocomplete;
     exports.AttachmentArrayDisplay = AttachmentArrayDisplay;
     exports.AttachmentArrayInput = AttachmentArrayInput;
     exports.AttachmentButton = AttachmentButton;
@@ -6006,6 +6222,8 @@
     exports.MedplumProvider = MedplumProvider;
     exports.MemoizedFhirPathTable = MemoizedFhirPathTable;
     exports.MemoizedSearchControl = MemoizedSearchControl;
+    exports.MoneyDisplay = MoneyDisplay;
+    exports.MoneyInput = MoneyInput;
     exports.ObservationTable = ObservationTable;
     exports.Panel = Panel;
     exports.PatientTimeline = PatientTimeline;
@@ -6097,4 +6315,4 @@
     exports.useResource = useResource;
 
 }));
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.cjs.map