@tellescope/react-components 1.153.1 → 1.155.0

package/lib/cjs/Forms/inputs.js

@@ -675,6 +675,7 @@ var StripeInput = function (_a) {
     var _g = (0, react_1.useState)(false), isCheckout = _g[0], setIsCheckout = _g[1];
     var _h = (0, react_1.useState)(), stripePromise = _h[0], setStripePromise = _h[1];
     var _j = (0, __1.useProducts)({ dontFetch: true }), findProduct = _j[1].findById;
+    var _k = (0, react_1.useState)(''), answertext = _k[0], setAnswertext = _k[1];
     var fetchRef = (0, react_1.useRef)(false);
     (0, react_1.useEffect)(function () {
         var _a;
@@ -686,12 +687,13 @@ var StripeInput = function (_a) {
         fetchRef.current = true;
         session.api.form_responses.stripe_details({ fieldId: field.id })
             .then(function (_a) {
-            var clientSecret = _a.clientSecret, publishableKey = _a.publishableKey, stripeAccount = _a.stripeAccount, businessName = _a.businessName, customerId = _a.customerId, isCheckout = _a.isCheckout;
+            var clientSecret = _a.clientSecret, publishableKey = _a.publishableKey, stripeAccount = _a.stripeAccount, businessName = _a.businessName, customerId = _a.customerId, isCheckout = _a.isCheckout, answerText = _a.answerText;
             setIsCheckout(!!isCheckout);
             setClientSecret(clientSecret);
             setStripePromise((0, stripe_js_1.loadStripe)(publishableKey, { stripeAccount: stripeAccount }));
             setBusinessName(businessName);
             setCustomerId(customerId);
+            setAnswertext(answerText || '');
         })
             .catch(console.error);
     }, [session, value, field.id]);
@@ -705,11 +707,11 @@ var StripeInput = function (_a) {
     if (isCheckout && stripePromise)
         return ((0, jsx_runtime_1.jsx)(react_stripe_js_1.EmbeddedCheckoutProvider, __assign({ stripe: stripePromise, options: {
                 clientSecret: clientSecret,
-                onComplete: function () { return onChange('Completed checkout', field.id); },
+                onComplete: function () { return onChange(answertext || 'Completed checkout', field.id); },
             } }, { children: (0, jsx_runtime_1.jsx)(react_stripe_js_1.EmbeddedCheckout, {}) })));
     return ((0, jsx_runtime_1.jsx)(react_stripe_js_1.Elements, __assign({ stripe: stripePromise, options: {
             clientSecret: clientSecret,
-        } }, { children: (0, jsx_runtime_1.jsx)(StripeForm, { businessName: businessName, onSuccess: function () { return onChange('Saved card details', field.id); }, cost: cost, field: field }) })));
+        } }, { children: (0, jsx_runtime_1.jsx)(StripeForm, { businessName: businessName, onSuccess: function () { return onChange(answertext || 'Saved card details', field.id); }, cost: cost, field: field }) })));
 };
 exports.StripeInput = StripeInput;
 var StripeForm = function (_a) {
@@ -958,7 +960,7 @@ var DatabaseSelectInput = function (_a) {
     }, [field, filteredChoicesWithPotentialDuplicates]);
     if (!doneLoading)
         return (0, jsx_runtime_1.jsx)(LinearProgress_1.default, {});
-    return ((0, jsx_runtime_1.jsx)(material_1.Autocomplete, { id: field.id, freeSolo: false, options: filteredChoices, multiple: true, getOptionLabel: function (o) { return (Array.isArray(o) // edge case
+    return ((0, jsx_runtime_1.jsx)(material_1.Autocomplete, { id: field.id, freeSolo: false, componentsProps: { popper: { sx: { wordBreak: "break-word" } } }, options: filteredChoices, multiple: true, getOptionLabel: function (o) { return (Array.isArray(o) // edge case
             ? ''
             : label_for_database_record(field, o)); }, value: value, onChange: function (_, v) {
             var _a, _b, _d, _e;
@@ -979,7 +981,11 @@ var DatabaseSelectInput = function (_a) {
                         recordId: (_e = (_d = v[v.length - 1]) === null || _d === void 0 ? void 0 : _d.id) !== null && _e !== void 0 ? _e : '',
                         text: label_for_database_record(field, v[v.length - 1]),
                     }]), field.id);
-        }, inputValue: typing, onInputChange: function (e, v) { return e && setTyping(v); }, renderInput: function (params) { return (0, jsx_runtime_1.jsx)(material_1.TextField, __assign({}, params, { InputProps: __assign(__assign({}, params.InputProps), { sx: exports.defaultInputProps.sx }) })); } }));
+        }, inputValue: typing, onInputChange: function (e, v) { return e && setTyping(v); }, renderInput: function (params) { return (0, jsx_runtime_1.jsx)(material_1.TextField, __assign({}, params, { InputProps: __assign(__assign({}, params.InputProps), { sx: exports.defaultInputProps.sx }) })); }, 
+        // use custom Chip to ensure very long entries break properly (whitespace: normal)
+        renderTags: function (value, getTagProps) {
+            return value.map(function (value, index) { return ((0, jsx_runtime_1.jsx)(material_1.Chip, __assign({ label: (0, jsx_runtime_1.jsx)(material_1.Typography, __assign({ style: { whiteSpace: 'normal' } }, { children: Array.isArray(value) ? '' : label_for_database_record(field, value) })) }, getTagProps({ index: index }), { sx: { height: "100%", py: 0.5 } }))); });
+        } }));
 };
 exports.DatabaseSelectInput = DatabaseSelectInput;
 var displayTermsCache = undefined;
@@ -1472,13 +1478,30 @@ var HeightInput = function (_a) {
 };
 exports.HeightInput = HeightInput;
 var RedirectInput = function (_a) {
-    var groupId = _a.groupId, groupInsance = _a.groupInsance, formResponseId = _a.formResponseId, field = _a.field, submit = _a.submit, _b = _a.value, value = _b === void 0 ? {} : _b, onChange = _a.onChange, props = __rest(_a, ["groupId", "groupInsance", "formResponseId", "field", "submit", "value", "onChange"]);
+    var _b, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t;
+    var groupId = _a.groupId, groupInsance = _a.groupInsance, formResponseId = _a.formResponseId, field = _a.field, submit = _a.submit, _u = _a.value, value = _u === void 0 ? {} : _u, onChange = _a.onChange, responses = _a.responses, enduser = _a.enduser, props = __rest(_a, ["groupId", "groupInsance", "formResponseId", "field", "submit", "value", "onChange", "responses", "enduser"]);
     var session = (0, __1.useResolvedSession)();
     var eId = '';
     try {
         eId = new URL(window.location.href).searchParams.get('eId') || '';
     }
     catch (err) { }
+    var email = (((_d = (_b = responses === null || responses === void 0 ? void 0 : responses.find(function (r) { return r.intakeField === 'email'; })) === null || _b === void 0 ? void 0 : _b.answer) === null || _d === void 0 ? void 0 : _d.value)
+        || (enduser === null || enduser === void 0 ? void 0 : enduser.email)
+        || session.userInfo.email);
+    var phone = (((_f = (_e = responses === null || responses === void 0 ? void 0 : responses.find(function (r) { return r.intakeField === 'phone'; })) === null || _e === void 0 ? void 0 : _e.answer) === null || _f === void 0 ? void 0 : _f.value)
+        || (enduser === null || enduser === void 0 ? void 0 : enduser.phone)
+        || session.userInfo.phone);
+    var fname = (((_h = (_g = responses === null || responses === void 0 ? void 0 : responses.find(function (r) { return r.intakeField === 'fname'; })) === null || _g === void 0 ? void 0 : _g.answer) === null || _h === void 0 ? void 0 : _h.value)
+        || (enduser === null || enduser === void 0 ? void 0 : enduser.fname)
+        || ((_j = session.userInfo) === null || _j === void 0 ? void 0 : _j.fname));
+    var lname = (((_l = (_k = responses === null || responses === void 0 ? void 0 : responses.find(function (r) { return r.intakeField === 'lname'; })) === null || _k === void 0 ? void 0 : _k.answer) === null || _l === void 0 ? void 0 : _l.value)
+        || (enduser === null || enduser === void 0 ? void 0 : enduser.lname)
+        || ((_m = session.userInfo) === null || _m === void 0 ? void 0 : _m.lname));
+    var state = (((_p = (_o = responses === null || responses === void 0 ? void 0 : responses.find(function (r) { return r.intakeField === 'state'; })) === null || _o === void 0 ? void 0 : _o.answer) === null || _p === void 0 ? void 0 : _p.value)
+        || ((_s = (_r = (_q = responses === null || responses === void 0 ? void 0 : responses.find(function (r) { return r.intakeField === 'Address'; })) === null || _q === void 0 ? void 0 : _q.answer) === null || _r === void 0 ? void 0 : _r.value) === null || _s === void 0 ? void 0 : _s.state)
+        || (enduser === null || enduser === void 0 ? void 0 : enduser.state)
+        || ((_t = session.userInfo) === null || _t === void 0 ? void 0 : _t.state));
     (0, react_1.useEffect)(function () {
         var _a, _b;
         if (session.type === 'user') {
@@ -1490,7 +1513,7 @@ var RedirectInput = function (_a) {
                 if (!((_a = field.options) === null || _a === void 0 ? void 0 : _a.redirectExternalUrl)) {
                     return;
                 }
-                window.location.href = (0, utilities_1.replace_enduser_template_values)(field.options.redirectExternalUrl, session.userInfo);
+                window.location.href = ((0, utilities_1.replace_enduser_template_values)(field.options.redirectExternalUrl, __assign(__assign({}, session.userInfo), { email: email, fname: fname, lname: lname, state: state, phone: phone })));
             }).catch(console.error);
             return;
         }
@@ -1524,7 +1547,7 @@ var RedirectInput = function (_a) {
             }));
         })
             .catch(console.error);
-    }, [session]);
+    }, [session, email, fname, lname, state, phone]);
     if (session.type === 'user') {
         return ((0, jsx_runtime_1.jsx)(material_1.Typography, { children: "Redirect is for patient-facing forms only" }));
     }
@@ -1592,10 +1615,16 @@ var EmotiiInput = function (_a) {
 };
 exports.EmotiiInput = EmotiiInput;
 var AllergiesInput = function (_a) {
+    var _b;
     var goToNextField = _a.goToNextField, goToPreviousField = _a.goToPreviousField, field = _a.field, value = _a.value, onChange = _a.onChange, form = _a.form, formResponseId = _a.formResponseId, props = __rest(_a, ["goToNextField", "goToPreviousField", "field", "value", "onChange", "form", "formResponseId"]);
     var session = (0, __1.useResolvedSession)();
-    var _b = (0, react_1.useState)(''), query = _b[0], setQuery = _b[1];
-    var _d = (0, react_1.useState)([]), results = _d[0], setResults = _d[1];
+    var _d = (0, react_1.useState)(''), query = _d[0], setQuery = _d[1];
+    var _e = (0, react_1.useState)([]), results = _e[0], setResults = _e[1];
+    // if two allergy questions shown in a row, reset state
+    (0, react_1.useEffect)(function () {
+        setQuery('');
+        setResults([]);
+    }, [field.id]);
     var fetchRef = (0, react_1.useRef)(query);
     (0, react_1.useEffect)(function () {
         if (fetchRef.current === query)
@@ -1604,34 +1633,62 @@ var AllergiesInput = function (_a) {
         if (!query)
             return;
         var t = setTimeout(function () {
-            session.api.integrations
-                .proxy_read({
-                integration: constants_1.CANVAS_TITLE,
-                type: 'allergies',
-                query: query,
-            })
-                .then(function (r) {
-                var deduped = [];
-                var totalResults = ((r.data.entry || [])
-                    .flatMap(function (v) { var _a, _b; return ((_b = (_a = v === null || v === void 0 ? void 0 : v.resource) === null || _a === void 0 ? void 0 : _a.code) === null || _b === void 0 ? void 0 : _b.coding) || []; })
-                    .filter(function (v) { return v.system.includes('fdbhealth'); })
-                    .map(function (v) { return ({ code: v.code, display: v.display, system: v.system }); }));
-                var _loop_2 = function (v) {
-                    if (deduped.find(function (d) { return d.display === v.display; })) {
-                        return "continue";
+            var _a;
+            if (((_a = field.options) === null || _a === void 0 ? void 0 : _a.dataSource) === constants_1.CANVAS_TITLE) {
+                session.api.integrations
+                    .proxy_read({
+                    integration: constants_1.CANVAS_TITLE,
+                    type: 'allergies',
+                    query: query,
+                })
+                    .then(function (r) {
+                    var deduped = [];
+                    var totalResults = ((r.data.entry || [])
+                        .flatMap(function (v) { var _a, _b; return ((_b = (_a = v === null || v === void 0 ? void 0 : v.resource) === null || _a === void 0 ? void 0 : _a.code) === null || _b === void 0 ? void 0 : _b.coding) || []; })
+                        .filter(function (v) { return v.system.includes('fdbhealth'); })
+                        .map(function (v) { return ({ code: v.code, display: v.display, system: v.system }); }));
+                    var _loop_2 = function (v) {
+                        if (deduped.find(function (d) { return d.display === v.display; })) {
+                            return "continue";
+                        }
+                        deduped.push(v);
+                    };
+                    for (var _a = 0, totalResults_1 = totalResults; _a < totalResults_1.length; _a++) {
+                        var v = totalResults_1[_a];
+                        _loop_2(v);
                     }
-                    deduped.push(v);
-                };
-                for (var _a = 0, totalResults_1 = totalResults; _a < totalResults_1.length; _a++) {
-                    var v = totalResults_1[_a];
-                    _loop_2(v);
-                }
-                setResults(deduped);
-            });
+                    setResults(deduped);
+                });
+            }
+            else {
+                session.api.allergy_codes.getSome({ search: { query: query } })
+                    .then(function (results) {
+                    var deduped = [];
+                    var _loop_3 = function (v) {
+                        if (deduped.find(function (d) { return d.display === v.display; })) {
+                            return "continue";
+                        }
+                        deduped.push(v);
+                    };
+                    for (var _a = 0, results_1 = results; _a < results_1.length; _a++) {
+                        var v = results_1[_a];
+                        _loop_3(v);
+                    }
+                    setResults(deduped);
+                });
+            }
         }, 200);
         return function () { clearTimeout(t); };
-    }, [session, query]);
-    return ((0, jsx_runtime_1.jsx)(material_1.Autocomplete, { multiple: true, value: value || [], options: __spreadArray(__spreadArray([], results, true), (value || []), true), style: { marginTop: 5 }, noOptionsText: query.length ? 'No results found' : 'Type to start search', onChange: function (e, v) { return v && onChange(v, field.id); }, getOptionLabel: function (v) { return (0, utilities_1.first_letter_capitalized)(v.display); }, filterOptions: function (o) { return o; }, inputValue: query, onInputChange: function (e, v) { return e && setQuery(v); }, renderInput: function (params) { return ((0, jsx_runtime_1.jsx)(material_1.TextField, __assign({}, params, { InputProps: __assign(__assign({}, params.InputProps), { sx: exports.defaultInputProps.sx }), required: !field.isOptional, size: "small", label: "", placeholder: "Search allergies..." }))); } }));
+    }, [session, query, (_b = field === null || field === void 0 ? void 0 : field.options) === null || _b === void 0 ? void 0 : _b.dataSource]);
+    return ((0, jsx_runtime_1.jsx)(material_1.Autocomplete, { multiple: true, value: value || [], options: results, style: { marginTop: 5 }, noOptionsText: query.length ? 'No results found' : 'Type to start search', onChange: function (e, v) {
+            if (!v) {
+                return;
+            }
+            onChange(v, field.id);
+            setResults([]);
+        }, getOptionLabel: function (v) { return (0, utilities_1.first_letter_capitalized)(v.display); }, filterOptions: function (o) { return o; }, inputValue: query, onInputChange: function (e, v) { return e && setQuery(v); }, renderInput: function (params) { return ((0, jsx_runtime_1.jsx)(material_1.TextField, __assign({}, params, { InputProps: __assign(__assign({}, params.InputProps), { sx: exports.defaultInputProps.sx }), required: !field.isOptional, size: "small", label: "", placeholder: "Search allergies..." }))); }, renderTags: function (value, getTagProps) {
+            return value.map(function (value, index) { return ((0, jsx_runtime_1.jsx)(material_1.Chip, __assign({ label: (0, jsx_runtime_1.jsx)(material_1.Typography, __assign({ style: { whiteSpace: 'normal' } }, { children: value.display })) }, getTagProps({ index: index }), { sx: { height: "100%", py: 0.5 } }))); });
+        } }));
 };
 exports.AllergiesInput = AllergiesInput;
 var ConditionsInput = function (_a) {
@@ -1650,7 +1707,7 @@ var ConditionsInput = function (_a) {
             session.api.diagnosis_codes.getSome({ search: { query: query } })
                 .then(function (codes) {
                 var deduped = [];
-                var _loop_3 = function (v) {
+                var _loop_4 = function (v) {
                     if (deduped.find(function (d) { return d.display === v.display; })) {
                         return "continue";
                     }
@@ -1658,14 +1715,22 @@ var ConditionsInput = function (_a) {
                 };
                 for (var _a = 0, codes_1 = codes; _a < codes_1.length; _a++) {
                     var v = codes_1[_a];
-                    _loop_3(v);
+                    _loop_4(v);
                 }
                 setResults(deduped);
             });
         }, 200);
         return function () { clearTimeout(t); };
     }, [session, query]);
-    return ((0, jsx_runtime_1.jsx)(material_1.Autocomplete, { multiple: true, value: value || [], options: __spreadArray(__spreadArray([], results, true), (value || []), true), style: { marginTop: 5 }, noOptionsText: query.length ? 'No results found' : 'Type to start search', onChange: function (e, v) { return v && onChange(v, field.id); }, getOptionLabel: function (v) { return (0, utilities_1.first_letter_capitalized)(v.display); }, filterOptions: function (o) { return o; }, inputValue: query, onInputChange: function (e, v) { return e && setQuery(v); }, renderInput: function (params) { return ((0, jsx_runtime_1.jsx)(material_1.TextField, __assign({}, params, { InputProps: __assign(__assign({}, params.InputProps), { sx: exports.defaultInputProps.sx }), required: !field.isOptional, size: "small", label: "", placeholder: "Search conditions..." }))); } }));
+    return ((0, jsx_runtime_1.jsx)(material_1.Autocomplete, { multiple: true, value: value || [], options: results, style: { marginTop: 5 }, noOptionsText: query.length ? 'No results found' : 'Type to start search', onChange: function (e, v) {
+            if (!v) {
+                return;
+            }
+            onChange(v, field.id);
+            setResults([]);
+        }, getOptionLabel: function (v) { return (0, utilities_1.first_letter_capitalized)(v.display); }, filterOptions: function (o) { return o; }, inputValue: query, onInputChange: function (e, v) { return e && setQuery(v); }, renderInput: function (params) { return ((0, jsx_runtime_1.jsx)(material_1.TextField, __assign({}, params, { InputProps: __assign(__assign({}, params.InputProps), { sx: exports.defaultInputProps.sx }), required: !field.isOptional, size: "small", label: "", placeholder: "Search conditions..." }))); }, renderTags: function (value, getTagProps) {
+            return value.map(function (value, index) { return ((0, jsx_runtime_1.jsx)(material_1.Chip, __assign({ label: (0, jsx_runtime_1.jsx)(material_1.Typography, __assign({ style: { whiteSpace: 'normal' } }, { children: value.display })) }, getTagProps({ index: index }), { sx: { height: "100%", py: 0.5 } }))); });
+        } }));
 };
 exports.ConditionsInput = ConditionsInput;
 var templateObject_1, templateObject_2;