@medplum/react 2.0.19 → 2.0.21

package/dist/cjs/index.cjs

@@ -1,8 +1,8 @@
 (function (global, factory) {
-    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@medplum/core'), require('react'), require('@mantine/core'), require('prop-types'), require('react-router-dom'), require('@mantine/notifications')) :
-    typeof define === 'function' && define.amd ? define(['exports', '@medplum/core', 'react', '@mantine/core', 'prop-types', 'react-router-dom', '@mantine/notifications'], factory) :
-    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.medplum = global.medplum || {}, global.medplum.react = {}), global.medplum.core, global.React, global.mantine.core, global.PropTypes, global.ReactRouterDOM, global.mantine.notifications));
-})(this, (function (exports, core, React, core$1, PropTypes, reactRouterDom, notifications) { 'use strict';
+    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@medplum/core'), require('react'), require('@mantine/core'), require('@mantine/notifications'), require('prop-types')) :
+    typeof define === 'function' && define.amd ? define(['exports', '@medplum/core', 'react', '@mantine/core', '@mantine/notifications', 'prop-types'], factory) :
+    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.medplum = global.medplum || {}, global.medplum.react = {}), global.medplum.core, global.React, global.mantine.core, global.mantine.notifications, global.PropTypes));
+})(this, (function (exports, core, React, core$1, notifications, PropTypes) { 'use strict';
 
     function AddressDisplay(props) {
         const address = props.value;
@@ -89,6 +89,13 @@
             medplum.addEventListener('change', eventListener);
             return () => medplum.removeEventListeneer('change', eventListener);
         }, [medplum, state]);
+        React.useEffect(() => {
+            function eventListener() {
+                notifications.showNotification({ color: 'red', message: 'No connection to server', autoClose: false });
+            }
+            medplum.addEventListener('offline', eventListener);
+            return () => medplum.removeEventListeneer('offline', eventListener);
+        }, [medplum]);
         const medplumContext = {
             ...state,
             medplum,
@@ -154,7 +161,7 @@
     }
 
     /**
-     * @tabler/icons-react v2.18.0 - MIT
+     * @tabler/icons-react v2.19.0 - MIT
      */
 
     var defaultAttributes = {
@@ -170,7 +177,7 @@
     };
 
     /**
-     * @tabler/icons-react v2.18.0 - MIT
+     * @tabler/icons-react v2.19.0 - MIT
      */
 
 
@@ -234,7 +241,7 @@
     };
 
     /**
-     * @tabler/icons-react v2.18.0 - MIT
+     * @tabler/icons-react v2.19.0 - MIT
      */
 
 
@@ -255,7 +262,7 @@
     );
 
     /**
-     * @tabler/icons-react v2.18.0 - MIT
+     * @tabler/icons-react v2.19.0 - MIT
      */
 
 
@@ -266,7 +273,7 @@
     ]);
 
     /**
-     * @tabler/icons-react v2.18.0 - MIT
+     * @tabler/icons-react v2.19.0 - MIT
      */
 
 
@@ -282,7 +289,7 @@
     ]);
 
     /**
-     * @tabler/icons-react v2.18.0 - MIT
+     * @tabler/icons-react v2.19.0 - MIT
      */
 
 
@@ -297,7 +304,7 @@
     ]);
 
     /**
-     * @tabler/icons-react v2.18.0 - MIT
+     * @tabler/icons-react v2.19.0 - MIT
      */
 
 
@@ -319,7 +326,7 @@
     ]);
 
     /**
-     * @tabler/icons-react v2.18.0 - MIT
+     * @tabler/icons-react v2.19.0 - MIT
      */
 
 
@@ -332,7 +339,7 @@
     ]);
 
     /**
-     * @tabler/icons-react v2.18.0 - MIT
+     * @tabler/icons-react v2.19.0 - MIT
      */
 
 
@@ -355,7 +362,7 @@
     ]);
 
     /**
-     * @tabler/icons-react v2.18.0 - MIT
+     * @tabler/icons-react v2.19.0 - MIT
      */
 
 
@@ -371,7 +378,7 @@
     ]);
 
     /**
-     * @tabler/icons-react v2.18.0 - MIT
+     * @tabler/icons-react v2.19.0 - MIT
      */
 
 
@@ -391,7 +398,7 @@
     ]);
 
     /**
-     * @tabler/icons-react v2.18.0 - MIT
+     * @tabler/icons-react v2.19.0 - MIT
      */
 
 
@@ -400,7 +407,7 @@
     ]);
 
     /**
-     * @tabler/icons-react v2.18.0 - MIT
+     * @tabler/icons-react v2.19.0 - MIT
      */
 
 
@@ -416,7 +423,7 @@
     ]);
 
     /**
-     * @tabler/icons-react v2.18.0 - MIT
+     * @tabler/icons-react v2.19.0 - MIT
      */
 
 
@@ -425,7 +432,7 @@
     ]);
 
     /**
-     * @tabler/icons-react v2.18.0 - MIT
+     * @tabler/icons-react v2.19.0 - MIT
      */
 
 
@@ -435,7 +442,7 @@
     ]);
 
     /**
-     * @tabler/icons-react v2.18.0 - MIT
+     * @tabler/icons-react v2.19.0 - MIT
      */
 
 
@@ -446,7 +453,7 @@
     ]);
 
     /**
-     * @tabler/icons-react v2.18.0 - MIT
+     * @tabler/icons-react v2.19.0 - MIT
      */
 
 
@@ -463,7 +470,7 @@
     ]);
 
     /**
-     * @tabler/icons-react v2.18.0 - MIT
+     * @tabler/icons-react v2.19.0 - MIT
      */
 
 
@@ -479,7 +486,7 @@
     ]);
 
     /**
-     * @tabler/icons-react v2.18.0 - MIT
+     * @tabler/icons-react v2.19.0 - MIT
      */
 
 
@@ -495,7 +502,7 @@
     ]);
 
     /**
-     * @tabler/icons-react v2.18.0 - MIT
+     * @tabler/icons-react v2.19.0 - MIT
      */
 
 
@@ -506,7 +513,7 @@
     ]);
 
     /**
-     * @tabler/icons-react v2.18.0 - MIT
+     * @tabler/icons-react v2.19.0 - MIT
      */
 
 
@@ -529,7 +536,7 @@
     ]);
 
     /**
-     * @tabler/icons-react v2.18.0 - MIT
+     * @tabler/icons-react v2.19.0 - MIT
      */
 
 
@@ -540,7 +547,7 @@
     ]);
 
     /**
-     * @tabler/icons-react v2.18.0 - MIT
+     * @tabler/icons-react v2.19.0 - MIT
      */
 
 
@@ -550,7 +557,7 @@
     ]);
 
     /**
-     * @tabler/icons-react v2.18.0 - MIT
+     * @tabler/icons-react v2.19.0 - MIT
      */
 
 
@@ -568,7 +575,7 @@
     ]);
 
     /**
-     * @tabler/icons-react v2.18.0 - MIT
+     * @tabler/icons-react v2.19.0 - MIT
      */
 
 
@@ -586,7 +593,7 @@
     ]);
 
     /**
-     * @tabler/icons-react v2.18.0 - MIT
+     * @tabler/icons-react v2.19.0 - MIT
      */
 
 
@@ -601,7 +608,7 @@
     ]);
 
     /**
-     * @tabler/icons-react v2.18.0 - MIT
+     * @tabler/icons-react v2.19.0 - MIT
      */
 
 
@@ -627,7 +634,7 @@
     ]);
 
     /**
-     * @tabler/icons-react v2.18.0 - MIT
+     * @tabler/icons-react v2.19.0 - MIT
      */
 
 
@@ -644,7 +651,7 @@
     ]);
 
     /**
-     * @tabler/icons-react v2.18.0 - MIT
+     * @tabler/icons-react v2.19.0 - MIT
      */
 
 
@@ -653,7 +660,7 @@
     ]);
 
     /**
-     * @tabler/icons-react v2.18.0 - MIT
+     * @tabler/icons-react v2.19.0 - MIT
      */
 
 
@@ -662,7 +669,7 @@
     ]);
 
     /**
-     * @tabler/icons-react v2.18.0 - MIT
+     * @tabler/icons-react v2.19.0 - MIT
      */
 
 
@@ -679,7 +686,7 @@
     ]);
 
     /**
-     * @tabler/icons-react v2.18.0 - MIT
+     * @tabler/icons-react v2.19.0 - MIT
      */
 
 
@@ -696,7 +703,7 @@
     ]);
 
     /**
-     * @tabler/icons-react v2.18.0 - MIT
+     * @tabler/icons-react v2.19.0 - MIT
      */
 
 
@@ -714,7 +721,7 @@
     ]);
 
     /**
-     * @tabler/icons-react v2.18.0 - MIT
+     * @tabler/icons-react v2.19.0 - MIT
      */
 
 
@@ -724,7 +731,7 @@
     ]);
 
     /**
-     * @tabler/icons-react v2.18.0 - MIT
+     * @tabler/icons-react v2.19.0 - MIT
      */
 
 
@@ -734,7 +741,7 @@
     ]);
 
     /**
-     * @tabler/icons-react v2.18.0 - MIT
+     * @tabler/icons-react v2.19.0 - MIT
      */
 
 
@@ -750,7 +757,7 @@
     ]);
 
     /**
-     * @tabler/icons-react v2.18.0 - MIT
+     * @tabler/icons-react v2.19.0 - MIT
      */
 
 
@@ -763,7 +770,7 @@
     ]);
 
     /**
-     * @tabler/icons-react v2.18.0 - MIT
+     * @tabler/icons-react v2.19.0 - MIT
      */
 
 
@@ -776,7 +783,7 @@
     ]);
 
     /**
-     * @tabler/icons-react v2.18.0 - MIT
+     * @tabler/icons-react v2.19.0 - MIT
      */
 
 
@@ -791,7 +798,7 @@
     ]);
 
     /**
-     * @tabler/icons-react v2.18.0 - MIT
+     * @tabler/icons-react v2.19.0 - MIT
      */
 
 
@@ -807,7 +814,7 @@
     );
 
     /**
-     * @tabler/icons-react v2.18.0 - MIT
+     * @tabler/icons-react v2.19.0 - MIT
      */
 
 
@@ -826,7 +833,7 @@
     ]);
 
     /**
-     * @tabler/icons-react v2.18.0 - MIT
+     * @tabler/icons-react v2.19.0 - MIT
      */
 
 
@@ -842,7 +849,7 @@
     ]);
 
     /**
-     * @tabler/icons-react v2.18.0 - MIT
+     * @tabler/icons-react v2.19.0 - MIT
      */
 
 
@@ -1101,8 +1108,9 @@
                 if (!item && creatable !== false) {
                     item = onCreate(value);
                 }
-                if (item)
+                if (item) {
                     result.push(item);
+                }
             }
             onChange(result);
         }, [creatable, onChange, onCreate]);
@@ -1178,11 +1186,10 @@
             resource,
         };
     }
-    function HeaderSearchInput() {
+    function HeaderSearchInput(props) {
         const { classes } = useStyles$h();
         const navigate = useMedplumNavigate();
         const medplum = useMedplum();
-        const location = reactRouterDom.useLocation();
         const loadData = React.useCallback(async (input, signal) => {
             const query = buildGraphQLQuery(input);
             const options = { signal };
@@ -1194,7 +1201,7 @@
                 navigate(`/${core.getReferenceString(item[0])}`);
             }
         }, [navigate]);
-        return (React.createElement(AsyncAutocomplete, { key: location.pathname, size: "sm", radius: "md", className: classes.searchInput, icon: React.createElement(IconSearch, { size: 16 }), placeholder: "Search", itemComponent: ItemComponent$1, toKey: toKey$1, toOption: toOption$1, onChange: handleSelect, loadOptions: loadData }));
+        return (React.createElement(AsyncAutocomplete, { key: `${props.pathname}?${props.searchParams}`, size: "sm", radius: "md", className: classes.searchInput, icon: React.createElement(IconSearch, { size: 16 }), placeholder: "Search", itemComponent: ItemComponent$1, toKey: toKey$1, toOption: toOption$1, onChange: handleSelect, loadOptions: loadData, maxSelectedValues: 0, clearSearchOnChange: true, clearable: false }));
     }
     const ItemComponent$1 = React.forwardRef(({ resource, ...others }, ref) => {
         let helpText = undefined;
@@ -1407,7 +1414,7 @@
             React.createElement(core$1.Group, { position: "apart" },
                 React.createElement(core$1.Group, { spacing: "xs" },
                     React.createElement(core$1.UnstyledButton, { className: classes.logoButton, onClick: props.navbarToggle }, props.logo),
-                    React.createElement(HeaderSearchInput, null)),
+                    React.createElement(HeaderSearchInput, { pathname: props.pathname, searchParams: props.searchParams })),
                 React.createElement(core$1.Menu, { width: 260, shadow: "xl", position: "bottom-end", transitionProps: { transition: 'pop-top-right' }, opened: userMenuOpened, onClose: () => setUserMenuOpened(false) },
                     React.createElement(core$1.Menu.Target, null,
                         React.createElement(core$1.UnstyledButton, { className: cx(classes.user, { [classes.userActive]: userMenuOpened }), onClick: () => setUserMenuOpened((o) => !o) },
@@ -1502,10 +1509,9 @@
     function BookmarkDialog(props) {
         const medplum = useMedplum();
         const config = medplum.getUserConfiguration();
-        const location = reactRouterDom.useLocation();
         function submitHandler(formData) {
             const { menuname, bookmarkname: name } = formData;
-            const target = location.pathname + location.search;
+            const target = `${props.pathname}?${props.searchParams.toString()}`;
             const newConfig = core.deepClone(config);
             const menu = newConfig?.menu?.find(({ title }) => title === menuname);
             menu?.link?.push({ name, target });
@@ -1539,11 +1545,20 @@
     }
 
     function toKey(element) {
-        return element.code;
+        if (typeof element.code === 'string') {
+            return element.code;
+        }
+        return JSON.stringify(element);
+    }
+    function getDisplay(item) {
+        if (typeof item.display === 'string') {
+            return item.display;
+        }
+        return toKey(item);
     }
     function toOption(element) {
         return {
-            value: element.code,
+            value: toKey(element),
             label: getDisplay(element),
             resource: element,
         };
@@ -1577,9 +1592,6 @@
         }, [medplum, elementDefinition]);
         return (React.createElement(AsyncAutocomplete, { ...rest, creatable: creatable ?? true, clearable: clearable ?? true, toKey: toKey, toOption: toOption, loadOptions: loadValues, onCreate: createValue, getCreateLabel: creatable === false ? undefined : (query) => `+ Create ${query}` }));
     }
-    function getDisplay(item) {
-        return item.display || item.code || '';
-    }
 
     function CodeInput(props) {
         const [value, setValue] = React.useState(props.defaultValue);
@@ -1649,9 +1661,7 @@
     function Navbar(props) {
         const { classes } = useStyles$f();
         const navigate = useMedplumNavigate();
-        const location = reactRouterDom.useLocation();
-        const [searchParams] = reactRouterDom.useSearchParams();
-        const activeLink = getActiveLink(location.pathname, searchParams, props.menus);
+        const activeLink = getActiveLink(props.pathname, props.searchParams, props.menus);
         const [bookmarkDialogVisible, setBookmarkDialogVisible] = React.useState(false);
         function onLinkClick(e, to) {
             e.stopPropagation();
@@ -1682,7 +1692,7 @@
                                 React.createElement(NavLinkIcon, { to: link.href, icon: link.icon }),
                                 React.createElement("span", null, link.label))))))),
                         props.displayAddBookmark && (React.createElement(core$1.Button, { variant: "subtle", size: "xs", mt: "xl", leftIcon: React.createElement(IconPlus, { size: "0.75rem" }), onClick: () => setBookmarkDialogVisible(true) }, "Add Bookmark"))))),
-            React.createElement(BookmarkDialog, { visible: bookmarkDialogVisible, onOk: () => setBookmarkDialogVisible(false), onCancel: () => setBookmarkDialogVisible(false) })));
+            props.pathname && props.searchParams && (React.createElement(BookmarkDialog, { pathname: props.pathname, searchParams: props.searchParams, visible: bookmarkDialogVisible, onOk: () => setBookmarkDialogVisible(false), onCancel: () => setBookmarkDialogVisible(false) }))));
     }
     function NavbarLink(props) {
         const { classes, cx } = useStyles$f();
@@ -1706,17 +1716,18 @@
      * @returns The active link if one is found.
      */
     function getActiveLink(currentPathname, currentSearchParams, menus) {
+        if (!currentPathname || !currentSearchParams || !menus) {
+            return undefined;
+        }
         let bestLink = undefined;
         let bestScore = 0;
-        if (menus) {
-            for (const menu of menus) {
-                if (menu.links) {
-                    for (const link of menu.links) {
-                        const score = getLinkScore(currentPathname, currentSearchParams, link.href);
-                        if (score > bestScore) {
-                            bestScore = score;
-                            bestLink = link;
-                        }
+        for (const menu of menus) {
+            if (menu.links) {
+                for (const link of menu.links) {
+                    const score = getLinkScore(currentPathname, currentSearchParams, link.href);
+                    if (score > bestScore) {
+                        bestScore = score;
+                        bestLink = link;
                     }
                 }
             }
@@ -1782,8 +1793,8 @@
                 main: {
                     background: theme.colorScheme === 'dark' ? theme.colors.dark[8] : theme.colors.gray[0],
                 },
-            }, padding: 0, fixed: true, header: profile && React.createElement(Header, { logo: props.logo, version: props.version, navbarToggle: toggleNavbar }), navbar: profile && navbarOpen ? (React.createElement(Navbar, { menus: props.menus, closeNavbar: closeNavbar, displayAddBookmark: props.displayAddBookmark })) : undefined },
-            React.createElement(ErrorBoundary, null,
+            }, padding: 0, fixed: true, header: profile && (React.createElement(Header, { pathname: props.pathname, searchParams: props.searchParams, logo: props.logo, version: props.version, navbarToggle: toggleNavbar })), navbar: profile && navbarOpen ? (React.createElement(Navbar, { pathname: props.pathname, searchParams: props.searchParams, menus: props.menus, closeNavbar: closeNavbar, displayAddBookmark: props.displayAddBookmark })) : undefined },
+            React.createElement(ErrorBoundary, { key: `${props.pathname}?${props.searchParams?.toString()}` },
                 React.createElement(React.Suspense, { fallback: React.createElement(Loading, null) }, props.children))));
     }
 
@@ -3588,6 +3599,7 @@
     function TimelineItem(props) {
         const { resource, profile, padding, popupMenuItems, ...others } = props;
         const author = profile ?? resource.meta?.author;
+        const dateTime = props.dateTime ?? resource.meta?.lastUpdated;
         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" }),
@@ -3595,7 +3607,7 @@
                     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(props.resource.meta?.lastUpdated)),
+                        React.createElement(MedplumLink, { color: "dimmed", to: props.resource }, core.formatDateTime(dateTime)),
                         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 },
@@ -3615,8 +3627,8 @@
      */
     function sortByDateAndPriority(resources, timelineResource) {
         resources.sort((a, b) => {
-            const priority1 = getPriorityScore(a);
-            const priority2 = getPriorityScore(b);
+            const priority1 = getPriorityScore(a, timelineResource);
+            const priority2 = getPriorityScore(b, timelineResource);
             if (priority1 > priority2) {
                 return 1;
             }
@@ -3626,10 +3638,13 @@
             return getTime(a, timelineResource) - getTime(b, timelineResource);
         });
     }
-    function getPriorityScore(resource) {
-        const priority = resource.priority;
-        if (typeof priority === 'string') {
-            return { stat: 4, asap: 3, urgent: 2 }[priority] || 0;
+    function getPriorityScore(resource, timelineResource) {
+        if (!isSameResourceType(resource, timelineResource)) {
+            // Only use priority if not the primary resource of a timeline view.
+            const priority = resource.priority;
+            if (typeof priority === 'string') {
+                return { stat: 4, asap: 3, urgent: 2 }[priority] || 0;
+            }
         }
         return 0;
     }
@@ -3904,7 +3919,7 @@
         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, { ...props }) },
+        return (React.createElement(TimelineItem, { resource: props.resource, profile: props.resource.sender, dateTime: props.resource.sent, padding: true, className: className, popupMenuItems: React.createElement(TimelineItemPopupMenu, { ...props }) },
             React.createElement("p", null, props.resource.payload?.[0]?.contentString)));
     }
     function MediaTimelineItem(props) {
@@ -4000,6 +4015,20 @@
         return React.createElement(ResourcePropertyDisplay, { value: value[0] || '', propertyType: props.propertyType });
     }
 
+    function SearchExportDialog(props) {
+        return (React.createElement(core$1.Modal, { title: "Export", closeButtonProps: { 'aria-label': 'Close' }, opened: props.visible, onClose: props.onCancel },
+            React.createElement(core$1.Box, { display: "flex", sx: { justifyContent: 'space-between' } },
+                props.exportCsv && React.createElement(ExportButton, { text: "CSV", exportLogic: props.exportCsv, onCancel: props.onCancel }),
+                props.exportTransactionBundle && (React.createElement(ExportButton, { text: "Transaction Bundle", exportLogic: props.exportTransactionBundle, onCancel: props.onCancel }))),
+            React.createElement(core$1.Text, { sx: { marginTop: '10px', marginLeft: '2px' } }, "Limited to 1000 records")));
+    }
+    function ExportButton(props) {
+        return (React.createElement(core$1.Button, { onClick: () => {
+                props.exportLogic();
+                props.onCancel();
+            } }, `Export as ${props.text}`));
+    }
+
     const searchParamToOperators = {
         string: [core.Operator.EQUALS, core.Operator.NOT, core.Operator.CONTAINS, core.Operator.EXACT],
         fulltext: [core.Operator.EQUALS, core.Operator.NOT, core.Operator.CONTAINS, core.Operator.EXACT],
@@ -5029,20 +5058,6 @@
         return { name };
     }
 
-    function SearchExportDialog(props) {
-        return (React.createElement(core$1.Modal, { title: "Export", closeButtonProps: { 'aria-label': 'Close' }, opened: props.visible, onClose: props.onCancel },
-            React.createElement(core$1.Box, { display: "flex", sx: { justifyContent: 'space-between' } },
-                props.exportCsv && React.createElement(ExportButton, { text: "CSV", exportLogic: props.exportCsv, onCancel: props.onCancel }),
-                props.exportTransactionBundle && (React.createElement(ExportButton, { text: "Transaction Bundle", exportLogic: props.exportTransactionBundle, onCancel: props.onCancel }))),
-            React.createElement(core$1.Text, { sx: { marginTop: '10px', marginLeft: '2px' } }, "Limited to 1000 records")));
-    }
-    function ExportButton(props) {
-        return (React.createElement(core$1.Button, { onClick: () => {
-                props.exportLogic();
-                props.onCancel();
-            } }, `Export as ${props.text}`));
-    }
-
     class SearchChangeEvent extends Event {
         constructor(definition) {
             super('change');
@@ -5116,7 +5131,7 @@
         React.useEffect(() => {
             setOutcome(undefined);
             medplum
-                .search(search.resourceType, core.formatSearchQuery({ ...search, total: 'accurate', fields: undefined }))
+                .search(search.resourceType, core.formatSearchQuery({ ...search, total: search.total ?? 'estimate', fields: undefined }))
                 .then((response) => {
                 setState({ ...stateRef.current, searchResponse: response });
                 if (onLoad) {
@@ -7489,7 +7504,7 @@
      * 5) Success - Return to the caller with either a code or a redirect
      */
     function SignInForm(props) {
-        const { chooseScopes, onSuccess, onForgotPassword, onRegister, onCode, ...baseLoginRequest } = props;
+        const { login: loginCode, chooseScopes, onSuccess, onForgotPassword, onRegister, onCode, ...baseLoginRequest } = props;
         const medplum = useMedplum();
         const [login, setLogin] = React.useState(undefined);
         const [mfaRequired, setAuthenticatorRequired] = React.useState(false);
@@ -7530,13 +7545,17 @@
             handleCode(response.code);
         }, [handleCode]);
         React.useEffect(() => {
-            if (props.login) {
+            // Beware the race condition here
+            // The `useMedplum` hook will return a new instance of the MedplumClient on login
+            // We do not want to request the login status again in that case
+            // Only request login status once
+            if (loginCode && !login) {
                 medplum
-                    .get('auth/login/' + props.login)
+                    .get('auth/login/' + loginCode)
                     .then(handleAuthResponse)
                     .catch(console.error);
             }
-        }, [medplum, props, handleAuthResponse]);
+        }, [medplum, loginCode, login, handleAuthResponse]);
         return (React.createElement(Document, { width: 450 }, (() => {
             if (!login) {
                 return (React.createElement(AuthenticationForm, { onForgotPassword: onForgotPassword, onRegister: onRegister, handleAuthResponse: handleAuthResponse, disableGoogleAuth: props.disableGoogleAuth, ...baseLoginRequest }, props.children));