@medplum/react 2.0.22 → 2.0.24

package/dist/cjs/index.cjs

@@ -13,7 +13,7 @@
     }
 
     function getLine(address, index) {
-        return address && address.line && address.line.length > index ? address.line[index] : '';
+        return address.line && address.line.length > index ? address.line[index] : '';
     }
     function setLine(address, index, str) {
         const line = address.line || [];
@@ -55,8 +55,8 @@
             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?.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.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) }),
@@ -1059,7 +1059,7 @@
         const [timer, setTimer] = React.useState();
         const [abortController, setAbortController] = React.useState();
         const [autoSubmit, setAutoSubmit] = React.useState();
-        const [options, setOptions] = React.useState(defaultItems?.map(toOption));
+        const [options, setOptions] = React.useState(defaultItems.map(toOption));
         const lastValueRef = React.useRef();
         lastValueRef.current = lastValue;
         const timerRef = React.useRef();
@@ -1072,7 +1072,7 @@
         optionsRef.current = options;
         const handleTimer = React.useCallback(() => {
             setTimer(undefined);
-            const value = inputRef.current?.value?.trim() || '';
+            const value = inputRef.current?.value.trim() || '';
             if (value === lastValueRef.current) {
                 // Nothing has changed, move on
                 return;
@@ -1093,7 +1093,11 @@
                     }
                 }
             })
-                .catch(console.log);
+                .catch((err) => {
+                if (!(newAbortController.signal.aborted || err.message.includes('aborted'))) {
+                    notifications.showNotification({ color: 'red', message: core.normalizeErrorString(err) });
+                }
+            });
         }, [loadOptions, onChange, toOption]);
         const handleSearchChange = React.useCallback(() => {
             if (abortControllerRef.current) {
@@ -1431,9 +1435,9 @@
                         React.createElement(core$1.Stack, { align: "center", p: "xl" },
                             React.createElement(ResourceAvatar, { size: "xl", radius: 100, value: context.profile }),
                             React.createElement(HumanNameDisplay, { value: context.profile?.name?.[0] }),
-                            React.createElement(core$1.Text, { color: "dimmed", size: "xs" }, medplum.getActiveLogin()?.project?.display)),
+                            React.createElement(core$1.Text, { color: "dimmed", size: "xs" }, medplum.getActiveLogin()?.project.display)),
                         logins.length > 1 && React.createElement(core$1.Menu.Divider, null),
-                        logins.map((login) => login.profile?.reference !== core.getReferenceString(context.profile) && (React.createElement(core$1.Menu.Item, { key: login.profile?.reference, onClick: () => {
+                        logins.map((login) => login.profile.reference !== core.getReferenceString(context.profile) && (React.createElement(core$1.Menu.Item, { key: login.profile.reference, onClick: () => {
                                 medplum
                                     .setActiveLogin(login)
                                     .then(() => window.location.reload())
@@ -1442,8 +1446,8 @@
                             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 }, login.profile?.display),
-                                    React.createElement(core$1.Text, { color: "dimmed", size: "xs" }, login.project?.display)))))),
+                                    React.createElement(core$1.Text, { size: "sm", weight: 500 }, login.profile.display),
+                                    React.createElement(core$1.Text, { color: "dimmed", size: "xs" }, login.project.display)))))),
                         React.createElement(core$1.Menu.Divider, null),
                         React.createElement(core$1.Menu.Item, { icon: React.createElement(IconSwitchHorizontal, { size: 14, stroke: 1.5 }), onClick: () => navigate('/signin') }, "Add another account"),
                         React.createElement(core$1.Menu.Item, { icon: React.createElement(IconSettings, { size: 14, stroke: 1.5 }), onClick: () => navigate(`/${core.getReferenceString(profile)}`) }, "Account settings"),
@@ -1519,7 +1523,7 @@
             const { menuname, bookmarkname: name } = formData;
             const target = `${props.pathname}?${props.searchParams.toString()}`;
             const newConfig = core.deepClone(config);
-            const menu = newConfig?.menu?.find(({ title }) => title === menuname);
+            const menu = newConfig.menu?.find(({ title }) => title === menuname);
             menu?.link?.push({ name, target });
             medplum
                 .updateResource(newConfig)
@@ -1547,7 +1551,7 @@
             return config?.menu?.map((menu) => menu.title);
         }
         const menus = userConfigToMenu(props.config);
-        return (React.createElement(core$1.NativeSelect, { name: "menuname", defaultValue: menus?.[0], label: "Select Menu Option", placeholder: "Menu", data: menus, withAsterisk: true }));
+        return (React.createElement(core$1.NativeSelect, { name: "menuname", defaultValue: menus[0], label: "Select Menu Option", placeholder: "Menu", data: menus, withAsterisk: true }));
     }
 
     function toKey(element) {
@@ -1588,7 +1592,7 @@
             if (!elementDefinition.binding) {
                 return [];
             }
-            const system = elementDefinition.binding?.valueSet;
+            const system = elementDefinition.binding.valueSet;
             const valueSet = await medplum.searchValueSet(system, input, { signal });
             const valueSetElements = valueSet.expansion?.contains;
             const newData = [];
@@ -1824,9 +1828,8 @@
     }
 
     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 }))))));
+        return (React.createElement("div", null, props.values?.map((v, index) => (React.createElement("div", { key: 'attatchment-' + index },
+            React.createElement(AttachmentDisplay, { value: v, maxWidth: props.maxWidth }))))));
     }
 
     function AttachmentButton(props) {
@@ -1870,7 +1873,7 @@
                 });
             })
                 .catch((outcome) => {
-                alert(outcome?.issue?.[0]?.details?.text);
+                alert(outcome.issue?.[0]?.details?.text);
             });
         }
         return (React.createElement(React.Fragment, null,
@@ -2077,7 +2080,7 @@
     function ResourcePropertyDisplay(props) {
         const { property, propertyType, value } = props;
         if (property?.max === '*' && !props.arrayElement) {
-            if (propertyType === 'Attachment') {
+            if (propertyType === core.PropertyType.Attachment) {
                 return React.createElement(AttachmentArrayDisplay, { values: value, maxWidth: props.maxWidth });
             }
             return (React.createElement(ResourceArrayDisplay, { property: property, values: value, ignoreMissingValues: props.ignoreMissingValues, link: props.link }));
@@ -2191,7 +2194,7 @@
         }
         return (React.createElement(DescriptionList, { compact: props.compact }, Object.entries(typeSchema.properties).map((entry) => {
             const key = entry[0];
-            if (DEFAULT_IGNORED_PROPERTIES.indexOf(key) >= 0) {
+            if (DEFAULT_IGNORED_PROPERTIES.includes(key)) {
                 return null;
             }
             const property = entry[1];
@@ -2887,8 +2890,8 @@
                 value.repeat && (React.createElement(React.Fragment, null,
                     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: value?.repeat?.period || 1, onChange: (e) => setPeriod(parseInt(e.currentTarget.value) || 1) }),
-                            React.createElement(core$1.NativeSelect, { id: "timing-dialog-periodUnit", name: "timing-dialog-periodUnit", defaultValue: value?.repeat?.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 || 1, onChange: (e) => setPeriod(parseInt(e.currentTarget.value, 10) || 1) }),
+                            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: 'second', value: 's' },
                                     { label: 'minute', value: 'min' },
                                     { label: 'hour', value: 'h' },
@@ -2897,7 +2900,7 @@
                                     { label: 'month', value: 'mo' },
                                     { label: 'year', value: 'a' },
                                 ] }))),
-                    value.repeat?.periodUnit === 'wk' && (React.createElement(FormSection, { title: "Repeat on" },
+                    value.repeat.periodUnit === 'wk' && (React.createElement(FormSection, { title: "Repeat on" },
                         React.createElement(core$1.Chip.Group, { multiple: true, onChange: setDaysOfWeek },
                             React.createElement(core$1.Group, { position: "apart", mt: "md", spacing: "xs" }, daysOfWeek.map((day) => (React.createElement(core$1.Chip, { key: day, value: day, size: "xs", radius: "xl" }, day.charAt(0).toUpperCase()))))))))),
                 React.createElement(core$1.Group, { position: "right" },
@@ -2910,7 +2913,7 @@
         const name = props.name;
         const value = props.defaultValue;
         if (property.max === '*' && !props.arrayElement) {
-            if (propertyType === 'Attachment') {
+            if (propertyType === core.PropertyType.Attachment) {
                 return React.createElement(AttachmentArrayInput, { name: name, defaultValue: value, onChange: props.onChange });
             }
             return React.createElement(ResourceArrayInput, { property: property, name: name, defaultValue: value, onChange: props.onChange });
@@ -2934,7 +2937,7 @@
         }
         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?.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,
@@ -3064,7 +3067,7 @@
         const typedValue = { type: typeName, value };
         return (React.createElement(core$1.Stack, null, Object.entries(typeSchema.properties).map((entry) => {
             const key = entry[0];
-            if (key === 'id' || DEFAULT_IGNORED_PROPERTIES.indexOf(key) >= 0) {
+            if (key === 'id' || DEFAULT_IGNORED_PROPERTIES.includes(key)) {
                 return null;
             }
             const property = entry[1];
@@ -3385,16 +3388,14 @@
                 React.createElement(core$1.Text, { size: "xs", transform: "uppercase", color: "dimmed" }, "Subject"),
                 React.createElement(core$1.Text, null,
                     React.createElement(ResourceBadge, { value: value.subject, link: true })))),
-            value.resultsInterpreter &&
-                value.resultsInterpreter.map((interpreter) => (React.createElement("div", { key: interpreter.reference },
-                    React.createElement(core$1.Text, { size: "xs", transform: "uppercase", color: "dimmed" }, "Interpreter"),
-                    React.createElement(core$1.Text, null,
-                        React.createElement(ResourceBadge, { value: interpreter, link: true }))))),
-            value.performer &&
-                value.performer.map((performer) => (React.createElement("div", { key: performer.reference },
-                    React.createElement(core$1.Text, { size: "xs", transform: "uppercase", color: "dimmed" }, "Performer"),
-                    React.createElement(core$1.Text, null,
-                        React.createElement(ResourceBadge, { value: performer, link: true }))))),
+            value.resultsInterpreter?.map((interpreter) => (React.createElement("div", { key: interpreter.reference },
+                React.createElement(core$1.Text, { size: "xs", transform: "uppercase", color: "dimmed" }, "Interpreter"),
+                React.createElement(core$1.Text, null,
+                    React.createElement(ResourceBadge, { value: interpreter, link: true }))))),
+            value.performer?.map((performer) => (React.createElement("div", { key: performer.reference },
+                React.createElement(core$1.Text, { size: "xs", transform: "uppercase", color: "dimmed" }, "Performer"),
+                React.createElement(core$1.Text, null,
+                    React.createElement(ResourceBadge, { value: performer, link: true }))))),
             value.issued && (React.createElement("div", null,
                 React.createElement(core$1.Text, { size: "xs", transform: "uppercase", color: "dimmed" }, "Issued"),
                 React.createElement(core$1.Text, null, core.formatDateTime(value.issued)))),
@@ -3436,7 +3437,7 @@
         if (!observation) {
             return null;
         }
-        const displayNotes = !props.hideObservationNotes && observation?.note;
+        const displayNotes = !props.hideObservationNotes && observation.note;
         const critical = isCritical(observation);
         return (React.createElement(React.Fragment, null,
             React.createElement("tr", { className: cx({ [classes.criticalRow]: critical }) },
@@ -3450,7 +3451,7 @@
                 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.performer?.map((performer) => (React.createElement(ReferenceDisplay, { key: performer?.reference, value: performer })))),
+                React.createElement("td", null, observation.performer?.map((performer) => (React.createElement(ReferenceDisplay, { key: performer.reference, value: performer })))),
                 React.createElement("td", null, observation.status && React.createElement(StatusBadge, { status: observation.status }))),
             displayNotes && (React.createElement("tr", null,
                 React.createElement("td", { colSpan: 6 },
@@ -4161,7 +4162,7 @@
      * @returns The updated search request.
      */
     function addField(definition, field) {
-        if (definition.fields && definition.fields.includes(field)) {
+        if (definition.fields?.includes(field)) {
             return definition;
         }
         const newFields = [];
@@ -4659,7 +4660,7 @@
         const typeDef = core.globalSchema.types[resourceType];
         const selected = state.search.fields ?? [];
         const available = getFieldsList(typeDef)
-            .filter((field) => !selected?.includes(field))
+            .filter((field) => !selected.includes(field))
             .sort();
         return (React.createElement(core$1.Modal, { title: "Fields", closeButtonProps: { 'aria-label': 'Close' }, opened: props.visible, onClose: props.onCancel },
             React.createElement("div", null,
@@ -4718,7 +4719,7 @@
 
     function SearchFilterValueDisplay(props) {
         const { resourceType, filter } = props;
-        const searchParam = core.globalSchema.types[resourceType]?.searchParams?.[filter.code];
+        const searchParam = core.globalSchema.types[resourceType].searchParams?.[filter.code];
         if (searchParam) {
             if (searchParam.type === 'reference' &&
                 (filter.operator === core.Operator.EQUALS || filter.operator === core.Operator.NOT_EQUALS)) {
@@ -4737,7 +4738,7 @@
         const name = 'filter-value';
         switch (details.type) {
             case core.SearchParameterType.REFERENCE:
-                return (React.createElement(ReferenceInput, { name: name, defaultValue: { reference: props.defaultValue }, targetTypes: props.searchParam?.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);
                         }
@@ -5192,7 +5193,7 @@
             const el = e.target;
             const checked = el.checked;
             const newSelected = {};
-            const searchResponse = stateRef.current?.searchResponse;
+            const searchResponse = stateRef.current.searchResponse;
             if (checked && searchResponse?.entry) {
                 searchResponse.entry.forEach((entry) => {
                     if (entry.resource?.id) {
@@ -5255,7 +5256,7 @@
                 .then(() => setSchemaLoaded(true))
                 .catch(console.log);
         }, [medplum, props.search.resourceType]);
-        const typeSchema = schemaLoaded && core.globalSchema?.types?.[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)));
@@ -5441,10 +5442,10 @@
             const el = e.target;
             const checked = el.checked;
             const newSelected = {};
-            const resources = responseRef.current?.data?.ResourceList;
+            const resources = responseRef.current?.data.ResourceList;
             if (checked && resources) {
                 resources.forEach((resource) => {
-                    if (resource?.id) {
+                    if (resource.id) {
                         newSelected[resource.id] = true;
                     }
                 });
@@ -5452,12 +5453,12 @@
             setSelected(newSelected);
         }
         function isAllSelected() {
-            const resources = responseRef.current?.data?.ResourceList;
+            const resources = responseRef.current?.data.ResourceList;
             if (!resources || resources.length === 0) {
                 return false;
             }
             for (const resource of resources) {
-                if (resource?.id && !selectedRef.current[resource.id]) {
+                if (resource.id && !selectedRef.current[resource.id]) {
                     return false;
                 }
             }
@@ -5486,7 +5487,7 @@
             })
                 .catch(console.log);
         }, [medplum, props.resourceType]);
-        const typeSchema = schema?.types?.[props.resourceType];
+        const typeSchema = schema?.types[props.resourceType];
         if (!typeSchema) {
             return React.createElement(core$1.Loader, null);
         }
@@ -5498,14 +5499,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, 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) },
+                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 })));
                     })))))),
-            response?.data?.ResourceList?.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..."))));
@@ -5778,7 +5779,7 @@
     function generateId$1(existing) {
         if (existing) {
             if (existing.startsWith('id-')) {
-                const existingNum = parseInt(existing.substring(3));
+                const existingNum = parseInt(existing.substring(3), 10);
                 if (!isNaN(existingNum)) {
                     nextId$1 = Math.max(nextId$1, existingNum + 1);
                 }
@@ -5965,8 +5966,9 @@
                 else {
                     return (React.createElement(QuestionnaireChoiceRadioInput, { name: name, item: item, initial: initial, onChangeAnswer: onChangeAnswer }));
                 }
+            default:
+                return null;
         }
-        return null;
     }
     function QuestionnaireChoiceDropDownInput(props) {
         const { name, item, initial } = props;
@@ -6192,13 +6194,13 @@
         function addItem(addedItem) {
             props.onChange({
                 ...props.item,
-                item: [...(props.item?.item ?? []), addedItem],
+                item: [...(props.item.item ?? []), addedItem],
             });
         }
         function removeItem(removedItem) {
             props.onChange({
                 ...props.item,
-                item: props.item?.item?.filter((i) => i !== removedItem),
+                item: props.item.item?.filter((i) => i !== removedItem),
             });
         }
         function changeProperty(property, value) {
@@ -6219,9 +6221,8 @@
                 resource.title && React.createElement(core$1.Title, null, resource.title),
                 item.text && React.createElement("div", null, item.text),
                 !isContainer && React.createElement(QuestionnaireFormItem, { item: item, answers: {}, onChange: () => undefined })))),
-            item.item &&
-                item.item.map((i) => (React.createElement("div", { key: i.id },
-                    React.createElement(ItemBuilder, { item: i, selectedKey: props.selectedKey, setSelectedKey: props.setSelectedKey, hoverKey: props.hoverKey, setHoverKey: props.setHoverKey, onChange: changeItem, onRemove: () => removeItem(i) })))),
+            item.item?.map((i) => (React.createElement("div", { key: i.id },
+                React.createElement(ItemBuilder, { item: i, selectedKey: props.selectedKey, setSelectedKey: props.setSelectedKey, hoverKey: props.hoverKey, setHoverKey: props.setHoverKey, onChange: changeItem, onRemove: () => removeItem(i) })))),
             !isContainer && (React.createElement("div", { className: classes.topActions }, editing ? (React.createElement(React.Fragment, null,
                 React.createElement(core$1.TextInput, { size: "xs", className: classes.linkIdInput, defaultValue: item.linkId, onChange: (e) => changeProperty('linkId', e.currentTarget.value) }),
                 !isContainer && (React.createElement(core$1.NativeSelect, { size: "xs", className: classes.typeSelect, defaultValue: item.type, onChange: (e) => changeProperty('type', e.currentTarget.value), data: [
@@ -6338,10 +6339,10 @@
         }
         items.forEach((item) => {
             if (item.id?.match(/^id-\d+$/)) {
-                nextId = Math.max(nextId, parseInt(item.id.substring(3)) + 1);
+                nextId = Math.max(nextId, parseInt(item.id.substring(3), 10) + 1);
             }
             if (item.linkId?.match(/^q\d+$/)) {
-                nextLinkId = Math.max(nextLinkId, parseInt(item.linkId.substring(1)) + 1);
+                nextLinkId = Math.max(nextLinkId, parseInt(item.linkId.substring(1), 10) + 1);
             }
         });
         return items.map((item) => ({
@@ -6376,7 +6377,7 @@
     const defaultProps = {
         definition: { resourceType: 'ObservationDefinition' },
         onSubmit: () => {
-            return;
+            return undefined;
         },
     };
     function ReferenceRangeEditor(props) {
@@ -6426,8 +6427,8 @@
             setIntervalGroups((groups) => {
                 groups = [...groups];
                 const currentGroup = groups.find((g) => g.id === groupId);
-                const index = currentGroup?.intervals?.findIndex((interval) => interval.id === changedInterval.id);
-                if (index !== undefined && currentGroup?.intervals?.[index]) {
+                const index = currentGroup?.intervals.findIndex((interval) => interval.id === changedInterval.id);
+                if (index !== undefined && currentGroup?.intervals[index]) {
                     currentGroup.intervals[index] = changedInterval;
                 }
                 return groups;
@@ -6523,7 +6524,7 @@
             React.createElement(core$1.Group, null,
                 React.createElement(core$1.NativeSelect, { data: ['', 'male', 'female'], label: "Gender:", defaultValue: intervalGroup.filters.gender || '', onChange: (e) => {
                         for (const interval of intervalGroup.intervals) {
-                            let newGender = e.currentTarget?.value;
+                            let newGender = e.currentTarget.value;
                             if (newGender === '') {
                                 newGender = undefined;
                             }
@@ -6543,7 +6544,7 @@
                         } }))),
             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 = e.currentTarget?.value;
+                        let newEndocrine = e.currentTarget.value;
                         if (newEndocrine === '') {
                             newEndocrine = undefined;
                             onChange(intervalGroup.id, { ...interval, context: undefined });
@@ -6572,7 +6573,7 @@
         const intervals = definition.qualifiedInterval || [];
         // Set the nextId to the max of any existing numeric id
         let nextId = Math.max(...intervals.map((interval) => {
-            const existingNum = parseInt(interval.id?.substring(3) || '');
+            const existingNum = parseInt(interval.id?.substring(3) || '', 10);
             return !isNaN(existingNum) ? existingNum : Number.NEGATIVE_INFINITY;
         })) + 1;
         if (!Number.isFinite(nextId)) {
@@ -6773,7 +6774,7 @@
         if (path.snake) {
             path = path.prev;
         }
-        while (path && path.prev && path.prev.j >= 0) {
+        while (path?.prev && path.prev.j >= 0) {
             const i = path.i;
             const j = path.j;
             path = path.prev;
@@ -7250,9 +7251,9 @@
         }
         if (typeof window !== 'undefined') {
             const origin = window.location.protocol + '//' + window.location.host;
-            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(',') ?? [];
+            const authorizedOrigins = "undefined"?.split(',') ?? [];
             if (authorizedOrigins.includes(origin)) {
-                return "921088377005-3j1sa10vr6hj86jgmdfh2l53v3mp7lfi.apps.googleusercontent.com";
+                return "undefined";
             }
         }
         return undefined;
@@ -7566,7 +7567,7 @@
                         onSuccess();
                     }
                 })
-                    .catch(console.log);
+                    .catch((err) => notifications.showNotification({ color: 'red', message: core.normalizeErrorString(err) }));
             }
         }, [medplum, onCode, onSuccess]);
         const handleAuthResponse = React.useCallback((response) => {
@@ -7598,7 +7599,7 @@
                 medplum
                     .get('auth/login/' + loginCode)
                     .then(handleAuthResponse)
-                    .catch(console.error);
+                    .catch((err) => notifications.showNotification({ color: 'red', message: core.normalizeErrorString(err) }));
             }
         }, [medplum, loginCode, login, handleAuthResponse]);
         return (React.createElement(Document, { width: 450 }, (() => {