@medplum/react 0.9.20 → 0.9.23

package/dist/cjs/index.js

@@ -1776,18 +1776,24 @@
     }
 
     function DiagnosticReportDisplay(props) {
-        var _a;
+        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]);
         if (!diagnosticReport) {
             return null;
         }
-        let textContent = undefined;
+        let textContent = '';
         if (diagnosticReport.presentedForm && diagnosticReport.presentedForm.length > 0) {
             const pf = diagnosticReport.presentedForm[0];
-            if (((_a = pf.contentType) === null || _a === void 0 ? void 0 : _a.startsWith('text/plain')) && pf.data) {
+            if (((_b = pf.contentType) === null || _b === void 0 ? void 0 : _b.startsWith('text/plain')) && pf.data) {
                 textContent = window.atob(pf.data);
             }
         }
+        if (specimen === null || specimen === void 0 ? void 0 : specimen.note) {
+            for (const note of specimen.note) {
+                textContent += note.text + '\n\n';
+            }
+        }
         return (React__default["default"].createElement("div", { className: "medplum-diagnostic-report" },
             React__default["default"].createElement("h1", null, "Diagnostic Report"),
             React__default["default"].createElement("div", { className: "medplum-diagnostic-report-header" },
@@ -1807,8 +1813,8 @@
                 diagnosticReport.status && (React__default["default"].createElement("dl", null,
                     React__default["default"].createElement("dt", null, "Status"),
                     React__default["default"].createElement("dd", null, core.capitalize(diagnosticReport.status))))),
-            textContent && React__default["default"].createElement("pre", null, textContent),
-            diagnosticReport.result && React__default["default"].createElement(ObservationTable, { value: diagnosticReport.result })));
+            diagnosticReport.result && React__default["default"].createElement(ObservationTable, { value: diagnosticReport.result }),
+            textContent && React__default["default"].createElement("pre", null, textContent.trim())));
     }
     function ObservationTable(props) {
         var _a;
@@ -2184,8 +2190,7 @@
                 setHistory({});
                 return;
             }
-            const batchRequest = buildSearchRequests(resource);
-            medplum.post('fhir/R4', batchRequest).then(handleBatchResponse);
+            medplum.executeBatch(buildSearchRequests(resource)).then(handleBatchResponse);
         }, [medplum, resource, buildSearchRequests]);
         React.useEffect(() => {
             loadTimeline();
@@ -4613,31 +4618,64 @@
                 return (React__default["default"].createElement(TextArea, { name: name, defaultValue: initial === null || initial === void 0 ? void 0 : initial.valueString, onChange: (newValue) => onChangeAnswer({ valueString: newValue }) }));
             case exports.QuestionnaireItemType.url:
                 return (React__default["default"].createElement(Input, { type: "url", name: name, defaultValue: initial === null || initial === void 0 ? void 0 : initial.valueUri, onChange: (newValue) => onChangeAnswer({ valueUri: newValue }) }));
-            case exports.QuestionnaireItemType.choice:
-            case exports.QuestionnaireItemType.openChoice:
-                return (React__default["default"].createElement("div", null, item.answerOption &&
-                    item.answerOption.map((option, index) => {
-                        const valueElementDefinition = core.globalSchema.types['QuestionnaireItemAnswerOption'].properties['value[x]'];
-                        const optionValue = core.getTypedPropertyValue({ type: 'QuestionnaireItemAnswerOption', value: option }, 'value');
-                        const initialValue = core.getTypedPropertyValue({ type: 'QuestionnaireItemInitial', value: initial }, 'value');
-                        const propertyName = 'value' + core.capitalize(optionValue.type);
-                        const optionName = `${name}-option-${index}`;
-                        return (React__default["default"].createElement("div", { key: optionName, className: "medplum-questionnaire-option-row" },
-                            React__default["default"].createElement("div", { className: "medplum-questionnaire-option-checkbox" },
-                                React__default["default"].createElement("input", { type: "radio", id: optionName, name: name, value: optionValue.value, defaultChecked: initialValue && core.stringify(optionValue) === core.stringify(initialValue), onChange: () => onChangeAnswer({ [propertyName]: optionValue.value }) })),
-                            React__default["default"].createElement("div", null,
-                                React__default["default"].createElement("label", { htmlFor: optionName },
-                                    React__default["default"].createElement(ResourcePropertyDisplay, { property: valueElementDefinition, propertyType: optionValue.type, value: optionValue.value })))));
-                    })));
             case exports.QuestionnaireItemType.attachment:
                 return (React__default["default"].createElement(AttachmentInput, { name: name, defaultValue: initial === null || initial === void 0 ? void 0 : initial.valueAttachment, onChange: (newValue) => onChangeAnswer({ valueAttachment: newValue }) }));
             case exports.QuestionnaireItemType.reference:
                 return (React__default["default"].createElement(ReferenceInput, { name: name, defaultValue: initial === null || initial === void 0 ? void 0 : initial.valueReference, onChange: (newValue) => onChangeAnswer({ valueReference: newValue }) }));
             case exports.QuestionnaireItemType.quantity:
                 return (React__default["default"].createElement(QuantityInput, { name: name, defaultValue: initial === null || initial === void 0 ? void 0 : initial.valueQuantity, onChange: (newValue) => onChangeAnswer({ valueQuantity: newValue }) }));
+            case exports.QuestionnaireItemType.choice:
+            case exports.QuestionnaireItemType.openChoice:
+                if (isDropDownChoice(item)) {
+                    return (React__default["default"].createElement(QuestionnaireChoiceDropDownInput, { name: name, item: item, initial: initial, onChangeAnswer: onChangeAnswer }));
+                }
+                else {
+                    return (React__default["default"].createElement(QuestionnaireChoiceRadioInput, { name: name, item: item, initial: initial, onChangeAnswer: onChangeAnswer }));
+                }
         }
         return null;
     }
+    function QuestionnaireChoiceDropDownInput(props) {
+        const { name, item, initial } = props;
+        const valueElementDefinition = core.globalSchema.types['QuestionnaireItemAnswerOption'].properties['value[x]'];
+        const initialValue = core.getTypedPropertyValue({ type: 'QuestionnaireItemInitial', value: initial }, 'value');
+        return (React__default["default"].createElement("select", { id: name, name: name, className: "medplum-select", onChange: (e) => {
+                const index = e.currentTarget.selectedIndex;
+                if (index === 0) {
+                    props.onChangeAnswer({});
+                    return;
+                }
+                const option = item.answerOption[index - 1];
+                const optionValue = core.getTypedPropertyValue({ type: 'QuestionnaireItemAnswerOption', value: option }, 'value');
+                const propertyName = 'value' + core.capitalize(optionValue.type);
+                props.onChangeAnswer({ [propertyName]: optionValue.value });
+            } },
+            React__default["default"].createElement("option", null),
+            item.answerOption &&
+                item.answerOption.map((option, index) => {
+                    const optionValue = core.getTypedPropertyValue({ type: 'QuestionnaireItemAnswerOption', value: option }, 'value');
+                    const optionName = `${name}-option-${index}`;
+                    return (React__default["default"].createElement("option", { key: optionName, value: optionValue.value, selected: initialValue && core.stringify(optionValue) === core.stringify(initialValue) },
+                        React__default["default"].createElement(ResourcePropertyDisplay, { property: valueElementDefinition, propertyType: optionValue.type, value: optionValue.value })));
+                })));
+    }
+    function QuestionnaireChoiceRadioInput(props) {
+        const { name, item, initial, onChangeAnswer } = props;
+        const valueElementDefinition = core.globalSchema.types['QuestionnaireItemAnswerOption'].properties['value[x]'];
+        const initialValue = core.getTypedPropertyValue({ type: 'QuestionnaireItemInitial', value: initial }, 'value');
+        return (React__default["default"].createElement(React__default["default"].Fragment, null, item.answerOption &&
+            item.answerOption.map((option, index) => {
+                const optionValue = core.getTypedPropertyValue({ type: 'QuestionnaireItemAnswerOption', value: option }, 'value');
+                const propertyName = 'value' + core.capitalize(optionValue.type);
+                const optionName = `${name}-option-${index}`;
+                return (React__default["default"].createElement("div", { key: optionName, className: "medplum-questionnaire-option-row" },
+                    React__default["default"].createElement("div", { className: "medplum-questionnaire-option-checkbox" },
+                        React__default["default"].createElement("input", { type: "radio", id: optionName, name: name, value: optionValue.value, defaultChecked: initialValue && core.stringify(optionValue) === core.stringify(initialValue), onChange: () => onChangeAnswer({ [propertyName]: optionValue.value }) })),
+                    React__default["default"].createElement("div", null,
+                        React__default["default"].createElement("label", { htmlFor: optionName },
+                            React__default["default"].createElement(ResourcePropertyDisplay, { property: valueElementDefinition, propertyType: optionValue.type, value: optionValue.value })))));
+            })));
+    }
     function buildInitialResponse(questionnaire) {
         const response = {
             resourceType: 'QuestionnaireResponse',
@@ -4663,6 +4701,14 @@
         // have the same properties.
         return Object.assign({}, 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';
+        }));
+    }
 
     function QuestionnaireBuilder(props) {
         const medplum = useMedplum();
@@ -4864,6 +4910,163 @@
         return options.map((option) => (Object.assign(Object.assign({}, option), { id: option.id || generateId() })));
     }
 
+    /**
+     * Dynamically creates a script tag for the specified JavaScript file.
+     * @param src The JavaScript file URL.
+     */
+    function createScriptTag(src, onload) {
+        const head = document.getElementsByTagName('head')[0];
+        const script = document.createElement('script');
+        script.async = true;
+        script.src = src;
+        script.onload = onload || null;
+        head.appendChild(script);
+    }
+
+    function GoogleButton(props) {
+        const medplum = useMedplum();
+        const { googleClientId, handleGoogleCredential } = props;
+        const parentRef = React.useRef(null);
+        const [scriptLoaded, setScriptLoaded] = React.useState(typeof google !== 'undefined');
+        const [initialized, setInitialized] = React.useState(false);
+        const [buttonRendered, setButtonRendered] = React.useState(false);
+        React.useEffect(() => {
+            if (typeof google === 'undefined') {
+                createScriptTag('https://accounts.google.com/gsi/client', () => setScriptLoaded(true));
+                return;
+            }
+            if (!initialized) {
+                google.accounts.id.initialize({
+                    client_id: googleClientId,
+                    callback: handleGoogleCredential,
+                });
+                setInitialized(true);
+            }
+            if (parentRef.current && !buttonRendered) {
+                google.accounts.id.renderButton(parentRef.current, {});
+                setButtonRendered(true);
+            }
+        }, [medplum, googleClientId, initialized, scriptLoaded, parentRef, buttonRendered, handleGoogleCredential]);
+        if (!googleClientId) {
+            return null;
+        }
+        return React__default["default"].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://localhost: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";
+        }
+        return undefined;
+    }
+
+    /**
+     * Dynamically loads the recaptcha script.
+     * We do not want to load the script on page load unless the user needs it.
+     */
+    function initRecaptcha() {
+        if (typeof grecaptcha === 'undefined') {
+            createScriptTag('https://www.google.com/recaptcha/api.js?render=' + process.env.RECAPTCHA_SITE_KEY);
+        }
+    }
+    /**
+     * Starts a request to generate a recapcha token.
+     * @returns Promise to a recaptcha token for the current user.
+     */
+    function getRecaptcha() {
+        return new Promise((resolve) => {
+            grecaptcha.ready(() => {
+                grecaptcha.execute(process.env.RECAPTCHA_SITE_KEY, { action: 'submit' }).then(resolve);
+            });
+        });
+    }
+
+    function RegisterForm(props) {
+        const medplum = useMedplum();
+        const googleClientId = getGoogleClientId(props.googleClientId);
+        const [outcome, setOutcome] = React.useState();
+        const issues = getIssuesForExpression(outcome, undefined);
+        React.useEffect(initRecaptcha, []);
+        function handleAuthResponse(registerRequest, partialLogin) {
+            return __awaiter(this, void 0, void 0, function* () {
+                try {
+                    let login;
+                    if (props.type === 'patient') {
+                        login = yield medplum.startNewPatient(registerRequest, partialLogin);
+                    }
+                    else {
+                        login = yield medplum.startNewProject(registerRequest, partialLogin);
+                    }
+                    yield medplum.processCode(login.code);
+                    props.onSuccess();
+                }
+                catch (err) {
+                    setOutcome(err);
+                }
+            });
+        }
+        return (React__default["default"].createElement(Document, { width: 450 },
+            React__default["default"].createElement(Form, { style: { maxWidth: 400 }, onSubmit: (formData) => __awaiter(this, void 0, void 0, function* () {
+                    try {
+                        const recaptchaToken = yield getRecaptcha();
+                        const registerRequest = Object.assign(Object.assign({}, formData), { recaptchaToken });
+                        const userLogin = yield medplum.startNewUser(registerRequest);
+                        handleAuthResponse(registerRequest, userLogin);
+                    }
+                    catch (err) {
+                        setOutcome(err);
+                    }
+                }) },
+                React__default["default"].createElement("div", { className: "medplum-center" }, props.children),
+                issues && (React__default["default"].createElement("div", { className: "medplum-input-error" }, issues.map((issue) => {
+                    var _a, _b;
+                    return (React__default["default"].createElement("div", { "data-testid": "text-field-error", key: (_a = issue.details) === null || _a === void 0 ? void 0 : _a.text }, (_b = issue.details) === null || _b === void 0 ? void 0 : _b.text));
+                }))),
+                googleClientId && (React__default["default"].createElement(React__default["default"].Fragment, null,
+                    React__default["default"].createElement("div", { className: "medplum-signin-google-container" },
+                        React__default["default"].createElement(GoogleButton, { googleClientId: googleClientId, handleGoogleCredential: (response) => __awaiter(this, void 0, void 0, function* () {
+                                try {
+                                    const loginRequest = {
+                                        googleClientId: response.clientId,
+                                        googleCredential: response.credential,
+                                    };
+                                    const userLogin = yield medplum.startGoogleLogin(loginRequest);
+                                    const googleClaims = core.parseJWTPayload(loginRequest.googleCredential);
+                                    const registerRequest = {
+                                        firstName: googleClaims.given_name,
+                                        lastName: googleClaims.family_name,
+                                        email: googleClaims.email,
+                                    };
+                                    handleAuthResponse(registerRequest, userLogin);
+                                }
+                                catch (err) {
+                                    setOutcome(err);
+                                }
+                            }) })),
+                    React__default["default"].createElement("div", { className: "medplum-signin-separator" }, "or"))),
+                React__default["default"].createElement(FormSection, { title: "First Name", htmlFor: "firstName", outcome: outcome },
+                    React__default["default"].createElement(Input, { name: "firstName", type: "text", testid: "firstName", placeholder: "First name", required: true, autoFocus: true, outcome: outcome })),
+                React__default["default"].createElement(FormSection, { title: "Last Name", htmlFor: "lastName", outcome: outcome },
+                    React__default["default"].createElement(Input, { name: "lastName", type: "text", testid: "lastName", placeholder: "Last name", required: true, outcome: outcome })),
+                props.type === 'project' && (React__default["default"].createElement(FormSection, { title: "Project Name", htmlFor: "projectName", outcome: outcome },
+                    React__default["default"].createElement(Input, { name: "projectName", type: "text", testid: "projectName", placeholder: "My Project", required: true, outcome: outcome }))),
+                React__default["default"].createElement(FormSection, { title: "Email", htmlFor: "email", outcome: outcome },
+                    React__default["default"].createElement(Input, { name: "email", type: "email", testid: "email", placeholder: "name@domain.com", required: true, outcome: outcome })),
+                React__default["default"].createElement(FormSection, { title: "Password", htmlFor: "password", outcome: outcome },
+                    React__default["default"].createElement(Input, { name: "password", type: "password", testid: "password", autoComplete: "off", required: true, outcome: outcome })),
+                React__default["default"].createElement("div", { className: "medplum-signin-buttons" },
+                    React__default["default"].createElement("div", null,
+                        React__default["default"].createElement("input", { type: "checkbox", id: "remember", name: "remember", value: "true" }),
+                        React__default["default"].createElement("label", { htmlFor: "remember" }, "Remember me")),
+                    React__default["default"].createElement("div", null,
+                        React__default["default"].createElement(Button, { type: "submit", testid: "submit" }, "Create account"))))));
+    }
+
     function StatusBadge(props) {
         return React__default["default"].createElement("span", { className: `medplum-status medplum-status-${props.status}` }, props.status);
     }
@@ -4876,7 +5079,7 @@
         const [responseBundle, setResponseBundle] = React.useState();
         React.useEffect(() => {
             if (requestGroup && !startedLoading) {
-                medplum.post('fhir/R4', buildBatchRequest(requestGroup)).then(setResponseBundle);
+                medplum.executeBatch(buildBatchRequest(requestGroup)).then(setResponseBundle);
                 setStartedLoading(true);
             }
         }, [medplum, requestGroup, startedLoading]);
@@ -5231,6 +5434,165 @@
         return `/${resource.resourceType}/${resource.id}/_history/${(_a = resource.meta) === null || _a === void 0 ? void 0 : _a.versionId}`;
     }
 
+    /**
+     * Returns a month display string (e.g. "January 2020").
+     * @param date Any date within the month.
+     * @returns The month display string (e.g. "January 2020")
+     */
+    function getMonthString(date) {
+        return date.toLocaleString('default', { month: 'long' }) + ' ' + date.getFullYear();
+    }
+    function CalendarInput(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 grid = React.useMemo(() => buildGrid(month, props.slots), [month, props.slots]);
+        return (React__default["default"].createElement("div", null,
+            React__default["default"].createElement(InputRow, null,
+                React__default["default"].createElement("p", { style: { flex: 1 } }, getMonthString(month)),
+                React__default["default"].createElement("p", null,
+                    React__default["default"].createElement(Button, { label: "Previous month", onClick: () => moveMonth(-1) }, "<"),
+                    React__default["default"].createElement(Button, { label: "Next month", onClick: () => moveMonth(1) }, ">"))),
+            React__default["default"].createElement("table", { className: "medplum-calendar-table" },
+                React__default["default"].createElement("thead", null,
+                    React__default["default"].createElement("tr", null,
+                        React__default["default"].createElement("th", null, "SUN"),
+                        React__default["default"].createElement("th", null, "MON"),
+                        React__default["default"].createElement("th", null, "TUE"),
+                        React__default["default"].createElement("th", null, "WED"),
+                        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()))))))))))));
+    }
+    function getStartMonth() {
+        const result = new Date();
+        result.setDate(1);
+        result.setHours(0, 0, 0, 0);
+        return result;
+    }
+    function buildGrid(startDate, slots) {
+        const d = new Date(startDate.getFullYear(), startDate.getMonth());
+        const grid = [];
+        let row = [];
+        // Fill leading empty days
+        for (let i = 0; i < d.getDay(); i++) {
+            row.push(undefined);
+        }
+        while (d.getMonth() === startDate.getMonth()) {
+            row.push({
+                date: new Date(d.getTime()),
+                // available: isAvailable(d),
+                available: isDayAvailable(d, slots),
+            });
+            if (d.getDay() === 6) {
+                grid.push(row);
+                row = [];
+            }
+            d.setDate(d.getDate() + 1);
+        }
+        // Fill trailing empty days
+        if (d.getDay() !== 0) {
+            for (let i = d.getDay(); i < 7; i++) {
+                row.push(undefined);
+            }
+            grid.push(row);
+        }
+        return grid;
+    }
+    /**
+     * Returns true if the given date is available for booking.
+     * @param day The day to check.
+     * @param slots The list of available slots.
+     * @returns True if there are any available slots for the day.
+     */
+    function isDayAvailable(day, slots) {
+        // Note that slot start and end time may or may not be in UTC.
+        for (const slot of slots) {
+            const slotStart = new Date(slot.start);
+            if (slotStart.getFullYear() === day.getFullYear() &&
+                slotStart.getMonth() === day.getMonth() &&
+                slotStart.getDate() === day.getDate()) {
+                return true;
+            }
+        }
+        return false;
+    }
+
+    function Scheduler(props) {
+        var _a;
+        const medplum = useMedplum();
+        const schedule = useResource(props.schedule);
+        const [slots, setSlots] = React.useState();
+        const slotsRef = React.useRef();
+        slotsRef.current = slots;
+        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));
+                });
+            }
+            else {
+                setSlots(undefined);
+            }
+        }, [medplum, schedule]);
+        if (!schedule || !slots) {
+            return null;
+        }
+        const actor = (_a = schedule.actor) === null || _a === void 0 ? void 0 : _a[0];
+        return (React__default["default"].createElement("div", { className: "medplum-calendar-container", "data-testid": "scheduler" },
+            React__default["default"].createElement("div", { className: "medplum-calendar-info-pane" },
+                actor && React__default["default"].createElement(Avatar, { value: actor, size: "large" }),
+                actor && (React__default["default"].createElement("h1", null,
+                    React__default["default"].createElement(ResourceName, { value: actor }))),
+                React__default["default"].createElement("p", null, "1 hour"),
+                date && React__default["default"].createElement("p", null, date.toLocaleDateString()),
+                slot && React__default["default"].createElement("p", null, formatTime(new Date(slot.start)))),
+            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 }))),
+                date && !slot && (React__default["default"].createElement("div", null,
+                    React__default["default"].createElement("h3", null, "Select time"),
+                    slots.map((s) => {
+                        const slotStart = new Date(s.start);
+                        return (slotStart.getTime() > date.getTime() &&
+                            slotStart.getTime() < date.getTime() + 24 * 3600 * 1000 && (React__default["default"].createElement("div", { key: s.id },
+                            React__default["default"].createElement(Button, { style: { width: 150 }, onClick: () => setSlot(s) }, formatTime(slotStart)))));
+                    }))),
+                date && slot && !info && (React__default["default"].createElement("div", null,
+                    React__default["default"].createElement("h3", null, "Enter your info"),
+                    React__default["default"].createElement(FormSection, { title: "Name", htmlFor: "name" },
+                        React__default["default"].createElement(Input, { name: "name" })),
+                    React__default["default"].createElement(FormSection, { title: "Email", htmlFor: "email" },
+                        React__default["default"].createElement(Input, { name: "email" })),
+                    React__default["default"].createElement(Button, { primary: true, onClick: () => setInfo('info') }, "Next"))),
+                date && slot && info && !form && (React__default["default"].createElement("div", null,
+                    React__default["default"].createElement("h3", null, "Custom questions"),
+                    React__default["default"].createElement(FormSection, { title: "Question 1", htmlFor: "q1" },
+                        React__default["default"].createElement(Input, { name: "q1" })),
+                    React__default["default"].createElement(FormSection, { title: "Question 2", htmlFor: "q2" },
+                        React__default["default"].createElement(Input, { name: "email" })),
+                    React__default["default"].createElement(FormSection, { title: "Question 3", htmlFor: "q3" },
+                        React__default["default"].createElement(Input, { name: "email" })),
+                    React__default["default"].createElement(Button, { primary: true, onClick: () => setForm('form') }, "Next"))),
+                date && slot && info && form && (React__default["default"].createElement("div", null,
+                    React__default["default"].createElement("h3", null, "You're all set!"),
+                    React__default["default"].createElement("p", null, "Check your email for a calendar invite."))))));
+    }
+    function formatTime(date) {
+        return date.toLocaleTimeString([], { hour: 'numeric', minute: '2-digit' });
+    }
+
     function ServiceRequestTimeline(props) {
         return (React__default["default"].createElement(ResourceTimeline, { value: props.serviceRequest, buildSearchRequests: (resource) => ({
                 resourceType: 'Bundle',
@@ -5278,62 +5640,6 @@
             }) }));
     }
 
-    /**
-     * Dynamically creates a script tag for the specified JavaScript file.
-     * @param src The JavaScript file URL.
-     */
-    function createScriptTag(src, onload) {
-        const head = document.getElementsByTagName('head')[0];
-        const script = document.createElement('script');
-        script.async = true;
-        script.src = src;
-        script.onload = onload || null;
-        head.appendChild(script);
-    }
-
-    function GoogleButton(props) {
-        const medplum = useMedplum();
-        const { handleGoogleCredential } = props;
-        const googleClientId = getGoogleClientId(props.googleClientId);
-        const parentRef = React.useRef(null);
-        const [scriptLoaded, setScriptLoaded] = React.useState(typeof google !== 'undefined');
-        const [initialized, setInitialized] = React.useState(false);
-        const [buttonRendered, setButtonRendered] = React.useState(false);
-        React.useEffect(() => {
-            if (typeof google === 'undefined') {
-                createScriptTag('https://accounts.google.com/gsi/client', () => setScriptLoaded(true));
-                return;
-            }
-            if (!initialized) {
-                google.accounts.id.initialize({
-                    client_id: googleClientId,
-                    callback: handleGoogleCredential,
-                });
-                setInitialized(true);
-            }
-            if (parentRef.current && !buttonRendered) {
-                google.accounts.id.renderButton(parentRef.current, {});
-                setButtonRendered(true);
-            }
-        }, [medplum, googleClientId, initialized, scriptLoaded, parentRef, buttonRendered, handleGoogleCredential]);
-        if (!googleClientId) {
-            return null;
-        }
-        return React__default["default"].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://localhost: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";
-        }
-        return undefined;
-    }
-
     function SignInForm(props) {
         const medplum = useMedplum();
         const [login, setLogin] = React.useState(undefined);
@@ -5375,6 +5681,7 @@
     }
     function AuthenticationForm(props) {
         const medplum = useMedplum();
+        const googleClientId = getGoogleClientId(props.googleClientId);
         const [outcome, setOutcome] = React.useState();
         const issues = getIssuesForExpression(outcome, undefined);
         return (React__default["default"].createElement(Form, { style: { maxWidth: 400 }, onSubmit: (formData) => {
@@ -5395,6 +5702,21 @@
                 var _a, _b;
                 return (React__default["default"].createElement("div", { "data-testid": "text-field-error", key: (_a = issue.details) === null || _a === void 0 ? void 0 : _a.text }, (_b = issue.details) === null || _b === void 0 ? void 0 : _b.text));
             }))),
+            googleClientId && (React__default["default"].createElement(React__default["default"].Fragment, null,
+                React__default["default"].createElement("div", { className: "medplum-signin-google-container" },
+                    React__default["default"].createElement(GoogleButton, { googleClientId: googleClientId, handleGoogleCredential: (response) => {
+                            medplum
+                                .startGoogleLogin({
+                                clientId: props.clientId,
+                                scope: props.scope,
+                                nonce: props.nonce,
+                                googleClientId: response.clientId,
+                                googleCredential: response.credential,
+                            })
+                                .then(props.handleAuthResponse)
+                                .catch(setOutcome);
+                        } })),
+                React__default["default"].createElement("div", { className: "medplum-signin-separator" }, "or"))),
             React__default["default"].createElement(FormSection, { title: "Email", htmlFor: "email", outcome: outcome },
                 React__default["default"].createElement(Input, { name: "email", type: "email", testid: "email", required: true, autoFocus: true, outcome: outcome })),
             React__default["default"].createElement(FormSection, { title: "Password", htmlFor: "password", outcome: outcome },
@@ -5407,20 +5729,7 @@
                     React__default["default"].createElement("input", { type: "checkbox", id: "remember", name: "remember", value: "true" }),
                     React__default["default"].createElement("label", { htmlFor: "remember" }, "Remember me")),
                 React__default["default"].createElement("div", null,
-                    React__default["default"].createElement(Button, { type: "submit", testid: "submit" }, "Sign in"))),
-            React__default["default"].createElement("div", { className: "medplum-signin-google-container" },
-                React__default["default"].createElement(GoogleButton, { googleClientId: props.googleClientId, handleGoogleCredential: (response) => {
-                        medplum
-                            .startGoogleLogin({
-                            clientId: props.clientId,
-                            scope: props.scope,
-                            nonce: props.nonce,
-                            googleClientId: response.clientId,
-                            googleCredential: response.credential,
-                        })
-                            .then(props.handleAuthResponse)
-                            .catch(setOutcome);
-                    } }))));
+                    React__default["default"].createElement(Button, { type: "submit", testid: "submit" }, "Sign in")))));
     }
     function ProfileForm(props) {
         const medplum = useMedplum();
@@ -5545,6 +5854,7 @@
     exports.RangeDisplay = RangeDisplay;
     exports.RangeInput = RangeInput;
     exports.ReferenceInput = ReferenceInput;
+    exports.RegisterForm = RegisterForm;
     exports.RequestGroupDisplay = RequestGroupDisplay;
     exports.ResourceArrayDisplay = ResourceArrayDisplay;
     exports.ResourceArrayInput = ResourceArrayInput;
@@ -5559,6 +5869,7 @@
     exports.ResourcePropertyInput = ResourcePropertyInput;
     exports.ResourceTable = ResourceTable;
     exports.ResourceTimeline = ResourceTimeline;
+    exports.Scheduler = Scheduler;
     exports.Scrollable = Scrollable;
     exports.SearchChangeEvent = SearchChangeEvent;
     exports.SearchClickEvent = SearchClickEvent;
@@ -5602,11 +5913,13 @@
     exports.deleteFilter = deleteFilter;
     exports.formatRangeString = formatRangeString;
     exports.getOpString = getOpString;
+    exports.getRecaptcha = getRecaptcha;
     exports.getSearchOperators = getSearchOperators;
     exports.getSortField = getSortField;
     exports.getTimeString = getTimeString;
     exports.getValueAndType = getValueAndType;
     exports.hasFilterOnField = hasFilterOnField;
+    exports.initRecaptcha = initRecaptcha;
     exports.isChoiceQuestion = isChoiceQuestion;
     exports.isSortDescending = isSortDescending;
     exports.movePage = movePage;