@medplum/react 0.9.28 → 0.9.29

package/dist/cjs/index.js

@@ -748,7 +748,7 @@
         React.useEffect(() => {
             if (defaultValue) {
                 setValue(JSON.parse(JSON.stringify(defaultValue)));
-                medplum.requestSchema(defaultValue.resourceType).then(setSchema);
+                medplum.requestSchema(defaultValue.resourceType).then(setSchema).catch(console.log);
             }
         }, [medplum, defaultValue]);
         if (!schema || !value) {
@@ -2056,7 +2056,7 @@
         const medplum = useMedplum();
         const [schema, setSchema] = React.useState();
         React.useEffect(() => {
-            medplum.requestSchema(props.original.resourceType).then(setSchema);
+            medplum.requestSchema(props.original.resourceType).then(setSchema).catch(console.log);
         }, [medplum, props.original.resourceType]);
         if (!schema) {
             return null;
@@ -2109,7 +2109,7 @@
         const [schema, setSchema] = React.useState();
         React.useEffect(() => {
             if (value) {
-                medplum.requestSchema(value.resourceType).then(setSchema);
+                medplum.requestSchema(value.resourceType).then(setSchema).catch(console.log);
             }
         }, [medplum, value]);
         if (!schema || !value) {
@@ -2307,7 +2307,7 @@
                 setHistory({});
                 return;
             }
-            medplum.executeBatch(buildSearchRequests(resource)).then(handleBatchResponse);
+            medplum.executeBatch(buildSearchRequests(resource)).then(handleBatchResponse).catch(console.log);
         }, [medplum, resource, buildSearchRequests]);
         React.useEffect(() => {
             loadTimeline();
@@ -2358,9 +2358,12 @@
                 // Encounter not loaded yet
                 return;
             }
-            medplum.createResource(props.createCommunication(resource, sender, contentString)).then((result) => {
+            medplum
+                .createResource(props.createCommunication(resource, sender, contentString))
+                .then((result) => {
                 addResources([result]);
-            });
+            })
+                .catch(console.log);
         }
         /**
          * Adds a Media resource to the timeline.
@@ -2371,18 +2374,21 @@
                 // Encounter not loaded yet
                 return;
             }
-            medplum.createResource(props.createMedia(resource, sender, attachment)).then((result) => {
+            medplum
+                .createResource(props.createMedia(resource, sender, attachment))
+                .then((result) => {
                 addResources([result]);
-            });
+            })
+                .catch(console.log);
         }
         function setPriority(communication, priority) {
             return medplum.updateResource(Object.assign(Object.assign({}, communication), { priority }));
         }
         function onPin(communication) {
-            setPriority(communication, 'stat').then(loadTimeline);
+            setPriority(communication, 'stat').then(loadTimeline).catch(console.log);
         }
         function onUnpin(communication) {
-            setPriority(communication, 'routine').then(loadTimeline);
+            setPriority(communication, 'routine').then(loadTimeline).catch(console.log);
         }
         function onDetails(timelineItem) {
             navigate(`/${timelineItem.resourceType}/${timelineItem.id}`);
@@ -3807,11 +3813,14 @@
             }
         }
         React.useEffect(() => {
-            medplum.requestSchema(props.search.resourceType).then((newSchema) => {
+            medplum
+                .requestSchema(props.search.resourceType)
+                .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));
-            });
+            })
+                .catch(console.log);
         }, [medplum, props.search.resourceType]);
         const typeSchema = (_a = schema === null || schema === void 0 ? void 0 : schema.types) === null || _a === void 0 ? void 0 : _a[props.search.resourceType];
         if (!typeSchema) {
@@ -3995,11 +4004,14 @@
             }
         }
         React.useEffect(() => {
-            medplum.requestSchema(props.resourceType).then((newSchema) => {
+            medplum
+                .requestSchema(props.resourceType)
+                .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));
-            });
+            })
+                .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];
         if (!typeSchema) {
@@ -4241,9 +4253,13 @@
                                 logins.map((login) => {
                                     var _a, _b, _c, _d;
                                     return ((_a = login.profile) === null || _a === void 0 ? void 0 : _a.reference) !== core.getReferenceString(context.profile) && (React__default["default"].createElement("div", { className: "medplum-nav-menu-profile", key: (_b = login.profile) === null || _b === void 0 ? void 0 : _b.reference, onClick: () => {
-                                            medplum.setActiveLogin(login);
-                                            setUserMenuVisible(false);
-                                            window.location.reload();
+                                            medplum
+                                                .setActiveLogin(login)
+                                                .then(() => {
+                                                setUserMenuVisible(false);
+                                                window.location.reload();
+                                            })
+                                                .catch(console.log);
                                         } },
                                         React__default["default"].createElement("div", { className: "medplum-nav-menu-profile-icon" },
                                             React__default["default"].createElement(Avatar, null)),
@@ -4344,7 +4360,7 @@
         const valueRef = React.useRef();
         valueRef.current = value;
         React.useEffect(() => {
-            medplum.requestSchema('PlanDefinition').then(setSchema);
+            medplum.requestSchema('PlanDefinition').then(setSchema).catch(console.log);
         }, [medplum]);
         React.useEffect(() => {
             setValue(ensurePlanDefinitionKeys(defaultValue !== null && defaultValue !== void 0 ? defaultValue : { resourceType: 'PlanDefinition' }));
@@ -4640,7 +4656,7 @@
         const questionnaire = useResource(props.questionnaire);
         const [response, setResponse] = React.useState();
         React.useEffect(() => {
-            medplum.requestSchema('Questionnaire').then(setSchema);
+            medplum.requestSchema('Questionnaire').then(setSchema).catch(console.log);
         }, [medplum]);
         React.useEffect(() => {
             setResponse(questionnaire ? buildInitialResponse(questionnaire) : undefined);
@@ -4683,6 +4699,7 @@
                 return (React__default["default"].createElement(CheckboxFormSection, { key: item.linkId, title: item.text, htmlFor: item.linkId },
                     React__default["default"].createElement(Checkbox, { name: item.linkId, defaultValue: initial === null || initial === void 0 ? void 0 : initial.valueBoolean, onChange: (newValue) => setResponseItem(index, {
                             linkId: item.linkId,
+                            text: item.text,
                             answer: [{ valueBoolean: newValue }],
                         }) })));
             }
@@ -4845,7 +4862,7 @@
             setSelectedKey(undefined);
         }
         React.useEffect(() => {
-            medplum.requestSchema('Questionnaire').then(setSchema);
+            medplum.requestSchema('Questionnaire').then(setSchema).catch(console.log);
         }, [medplum]);
         React.useEffect(() => {
             setValue(ensureQuestionnaireKeys(defaultValue !== null && defaultValue !== void 0 ? defaultValue : { resourceType: 'Questionnaire' }));
@@ -5079,7 +5096,7 @@
             return clientId;
         }
         const origin = window.location.protocol + '//' + window.location.host;
-        const authorizedOrigins = (_b = (_a = "http://localhost:3000,http://localhost:6006,https://app.medplum.com,https://docs.medplum.com") === null || _a === void 0 ? void 0 : _a.split(',')) !== null && _b !== void 0 ? _b : [];
+        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") === null || _a === void 0 ? void 0 : _a.split(',')) !== null && _b !== void 0 ? _b : [];
         if (authorizedOrigins.includes(origin)) {
             return "921088377005-3j1sa10vr6hj86jgmdfh2l53v3mp7lfi.apps.googleusercontent.com";
         }
@@ -5102,10 +5119,15 @@
      * @returns Promise to a recaptcha token for the current user.
      */
     function getRecaptcha(siteKey) {
-        return new Promise((resolve) => {
-            grecaptcha.ready(() => {
-                grecaptcha.execute(siteKey, { action: 'submit' }).then(resolve);
-            });
+        return new Promise((resolve, reject) => {
+            grecaptcha.ready(() => __awaiter(this, void 0, void 0, function* () {
+                try {
+                    resolve(yield grecaptcha.execute(siteKey, { action: 'submit' }));
+                }
+                catch (err) {
+                    reject(err);
+                }
+            }));
         });
     }
 
@@ -5150,7 +5172,7 @@
                             recaptchaToken,
                         };
                         const userLogin = yield medplum.startNewUser(registerRequest);
-                        handleAuthResponse(registerRequest, userLogin);
+                        yield handleAuthResponse(registerRequest, userLogin);
                     }
                     catch (err) {
                         setOutcome(err);
@@ -5177,7 +5199,7 @@
                                         lastName: googleClaims.family_name,
                                         email: googleClaims.email,
                                     };
-                                    handleAuthResponse(registerRequest, userLogin);
+                                    yield handleAuthResponse(registerRequest, userLogin);
                                 }
                                 catch (err) {
                                     setOutcome(err);
@@ -5227,7 +5249,7 @@
         const [responseBundle, setResponseBundle] = React.useState();
         React.useEffect(() => {
             if (requestGroup && !startedLoading) {
-                medplum.executeBatch(buildBatchRequest(requestGroup)).then(setResponseBundle);
+                medplum.executeBatch(buildBatchRequest(requestGroup)).then(setResponseBundle).catch(console.log);
                 setStartedLoading(true);
             }
         }, [medplum, requestGroup, startedLoading]);
@@ -5472,7 +5494,7 @@
         const [value, setValue] = React.useState(props.history);
         React.useEffect(() => {
             if (!props.history && props.resourceType && props.id) {
-                medplum.readHistory(props.resourceType, props.id).then((result) => setValue(result));
+                medplum.readHistory(props.resourceType, props.id).then(setValue).catch(console.log);
             }
         }, [medplum, props.history, props.resourceType, props.id]);
         if (!value) {
@@ -5550,7 +5572,10 @@
         const [value, setValue] = React.useState(props.history);
         React.useEffect(() => {
             if (!props.history && props.resourceType && props.id) {
-                medplum.readHistory(props.resourceType, props.id).then((result) => setValue(result));
+                medplum
+                    .readHistory(props.resourceType, props.id)
+                    .then(setValue)
+                    .catch(console.log);
             }
         }, [medplum, props.history, props.resourceType, props.id]);
         if (!value) {
@@ -5590,12 +5615,14 @@
         return date.toLocaleString('default', { month: 'long' }) + ' ' + date.getFullYear();
     }
     function CalendarInput(props) {
+        const { onChangeMonth, onClick } = props;
         const [month, setMonth] = React.useState(getStartMonth);
         function moveMonth(delta) {
             setMonth((currMonth) => {
-                const prevMonth = new Date(currMonth.getTime());
-                prevMonth.setMonth(currMonth.getMonth() + delta);
-                return prevMonth;
+                const newMonth = new Date(currMonth.getTime());
+                newMonth.setMonth(currMonth.getMonth() + delta);
+                onChangeMonth(newMonth);
+                return newMonth;
             });
         }
         const grid = React.useMemo(() => buildGrid(month, props.slots), [month, props.slots]);
@@ -5615,7 +5642,7 @@
                         React__default["default"].createElement("th", null, "THU"),
                         React__default["default"].createElement("th", null, "FRI"),
                         React__default["default"].createElement("th", null, "SAT"))),
-                React__default["default"].createElement("tbody", null, grid.map((week, weekIndex) => (React__default["default"].createElement("tr", { key: 'week-' + weekIndex }, week.map((day, dayIndex) => (React__default["default"].createElement("td", { key: 'day-' + dayIndex }, day && (React__default["default"].createElement("button", { disabled: !day.available, onClick: () => props.onClick(day.date) }, day.date.getDate()))))))))))));
+                React__default["default"].createElement("tbody", null, grid.map((week, weekIndex) => (React__default["default"].createElement("tr", { key: 'week-' + weekIndex }, week.map((day, dayIndex) => (React__default["default"].createElement("td", { key: 'day-' + dayIndex }, day && (React__default["default"].createElement("button", { disabled: !day.available, onClick: () => onClick(day.date) }, day.date.getDate()))))))))))));
     }
     function getStartMonth() {
         const result = new Date();
@@ -5634,7 +5661,6 @@
         while (d.getMonth() === startDate.getMonth()) {
             row.push({
                 date: new Date(d.getTime()),
-                // available: isAvailable(d),
                 available: isDayAvailable(d, slots),
             });
             if (d.getDay() === 6) {
@@ -5678,20 +5704,27 @@
         const [slots, setSlots] = React.useState();
         const slotsRef = React.useRef();
         slotsRef.current = slots;
+        const [month, setMonth] = React.useState(getStartMonth());
         const [date, setDate] = React.useState();
         const [slot, setSlot] = React.useState();
         const [info, setInfo] = React.useState();
         const [form, setForm] = React.useState();
         React.useEffect(() => {
             if (schedule) {
-                medplum.search('Slot', 'schedule=' + core.getReferenceString(schedule)).then((bundle) => {
-                    setSlots(bundle.entry.map((entry) => entry.resource));
-                });
+                setSlots([]);
+                medplum
+                    .searchResources('Slot', new URLSearchParams([
+                    ['schedule', core.getReferenceString(schedule)],
+                    ['start', 'gt' + month.toISOString()],
+                    ['start', 'lt' + new Date(month.getTime() + 31 * 24 * 60 * 60 * 1000).toISOString()],
+                ]))
+                    .then(setSlots)
+                    .catch(console.log);
             }
             else {
                 setSlots(undefined);
             }
-        }, [medplum, schedule]);
+        }, [medplum, schedule, month]);
         if (!schedule || !slots) {
             return null;
         }
@@ -5707,7 +5740,7 @@
             React__default["default"].createElement("div", { className: "medplum-calendar-selection-pane" },
                 !date && (React__default["default"].createElement("div", null,
                     React__default["default"].createElement("h3", null, "Select date"),
-                    React__default["default"].createElement(CalendarInput, { slots: slots, onClick: setDate }))),
+                    React__default["default"].createElement(CalendarInput, { slots: slots, onChangeMonth: setMonth, onClick: setDate }))),
                 date && !slot && (React__default["default"].createElement("div", null,
                     React__default["default"].createElement("h3", null, "Select time"),
                     slots.map((s) => {
@@ -5892,7 +5925,8 @@
                             login: props.login,
                             profile: membership.id,
                         })
-                            .then(props.handleAuthResponse);
+                            .then(props.handleAuthResponse)
+                            .catch(console.log);
                     } },
                     React__default["default"].createElement("div", { className: "medplum-nav-menu-profile-icon" },
                         React__default["default"].createElement(Avatar, { alt: (_a = membership.profile) === null || _a === void 0 ? void 0 : _a.display })),