@awell-health/ui-library 0.1.145 → 0.1.147

package/dist/index.js

@@ -47352,29 +47352,36 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
     });
 
     var optionsToSelectItems = function (options) {
-      return options.map(function (option) {return {
-          value: String(option.value),
+      return options.map(function (option) {
+        var _a;
+        return {
+          value: String((_a = option.id) !== null && _a !== void 0 ? _a : option.value),
           label: option.label,
           metadata: option };
+
       });
     };
     var multiValueToSelectItems = function (value) {
       if (!value || !Array.isArray(value))
       return [];
-      return value.map(function (option) {return {
-          value: String(option.value),
+      return value.map(function (option) {
+        var _a;
+        return {
+          value: String((_a = option.id) !== null && _a !== void 0 ? _a : option.value),
           label: option.label,
           metadata: option };
+
       });
     };
     var singleValueToSelectItem = function (value, options) {
+      var _a;
       if (value === undefined || value === '')
       return undefined;
       var option = options.find(function (opt) {return opt.value === value;});
       if (!option)
       return undefined;
       return {
-        value: String(option.value),
+        value: String((_a = option.id) !== null && _a !== void 0 ? _a : option.value),
         label: option.label,
         metadata: option };
 
@@ -51376,8 +51383,8 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
 
     var SingleFileInputField = function (_a) {
       var _b, _c, _d, _e, _f;
-      var id = _a.id,label = _a.label,accept = _a.accept,error = _a.error,onChange = _a.onChange,onError = _a.onError,_g = _a.className,className = _g === void 0 ? '' : _g,dataCy = _a.dataCy,onFileUpload = _a.onFileUpload,configSlug = _a.configSlug,value = _a.value,mandatory = _a.mandatory,disabled = _a.disabled;
-      var _h = React.useState(!lodash.exports.isNil(value) && !lodash.exports.isEmpty(value) ?
+      var id = _a.id,label = _a.label,accept = _a.accept,error = _a.error,onChange = _a.onChange,onError = _a.onError,_g = _a.className,className = _g === void 0 ? '' : _g,dataCy = _a.dataCy,onFileUpload = _a.onFileUpload,configSlug = _a.configSlug,value = _a.value,mandatory = _a.mandatory,disabled = _a.disabled,_h = _a.maxFileSizeMb,maxFileSizeMb = _h === void 0 ? 30 : _h;
+      var _j = React.useState(!lodash.exports.isNil(value) && !lodash.exports.isEmpty(value) ?
       {
         id: (_b = value.filename) !== null && _b !== void 0 ? _b : 'untitled',
         name: (_c = value.filename) !== null && _c !== void 0 ? _c : 'untitled',
@@ -51387,7 +51394,7 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
         progress: 100,
         error: undefined } :
 
-      undefined),selectedFile = _h[0],setSelectedFile = _h[1];
+      undefined),selectedFile = _j[0],setSelectedFile = _j[1];
       React.useEffect(function () {
         var _a, _b, _c, _d, _e;
         if (!lodash.exports.isNil(value) && !lodash.exports.isEmpty(value) && !selectedFile) {
@@ -51496,7 +51503,7 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
       if (value && disabled === true) {
         return jsxRuntime.exports.jsxs("div", __assign({ className: "".concat(classes$9.file_input_field_container, " ").concat(className), "data-cy": dataCy }, { children: [label && jsxRuntime.exports.jsx(QuestionLabel, { htmlFor: id, label: label, mandatory: mandatory }), !value.url ? jsxRuntime.exports.jsx("div", { children: "No file uploaded" }) : jsxRuntime.exports.jsxs("div", __assign({ className: classes$9.read_only_file }, { children: [value.filename, " (", value.contentType, ")"] }))] }), id);
       }
-      return jsxRuntime.exports.jsxs("div", __assign({ className: "".concat(classes$9.file_input_field_container, " ").concat(className), "data-cy": dataCy }, { children: [label && jsxRuntime.exports.jsx(QuestionLabel, { htmlFor: id, label: label, mandatory: mandatory }), error && jsxRuntime.exports.jsx("div", __assign({ className: classes$9.error_message }, { children: error })), jsxRuntime.exports.jsx("div", __assign({ className: classes$9.file_upload_wrapper }, { children: jsxRuntime.exports.jsx(df, { onChange: handleFilesChange, onError: onError, isMultiple: false, accept: accept, error: error, maxSizeMb: 5 }) })), selectedFile && jsxRuntime.exports.jsx("div", __assign({ className: "".concat(classes$9.file_list_wrapper, " ").concat(classes$9.custom_file_list_container) }, { children: jsxRuntime.exports.jsx(uf, { files: [selectedFile], onDelete: function () {return handleRemoveFile();}, generalProgress: selectedFile.progress !== undefined && selectedFile.progress < 100 ?
+      return jsxRuntime.exports.jsxs("div", __assign({ className: "".concat(classes$9.file_input_field_container, " ").concat(className), "data-cy": dataCy }, { children: [label && jsxRuntime.exports.jsx(QuestionLabel, { htmlFor: id, label: label, mandatory: mandatory }), error && jsxRuntime.exports.jsx("div", __assign({ className: classes$9.error_message }, { children: error })), jsxRuntime.exports.jsx("div", __assign({ className: classes$9.file_upload_wrapper }, { children: jsxRuntime.exports.jsx(df, { onChange: handleFilesChange, onError: onError, isMultiple: false, accept: accept, error: error, maxSizeMb: maxFileSizeMb }) })), selectedFile && jsxRuntime.exports.jsx("div", __assign({ className: "".concat(classes$9.file_list_wrapper, " ").concat(classes$9.custom_file_list_container) }, { children: jsxRuntime.exports.jsx(uf, { files: [selectedFile], onDelete: function () {return handleRemoveFile();}, generalProgress: selectedFile.progress !== undefined && selectedFile.progress < 100 ?
             selectedFile.progress :
             undefined }) }))] }), id);
     };
@@ -51528,11 +51535,12 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
     var AUTO_PROGRESS_DELAY = 850;
     var QuestionData = function (_a) {
       var _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
-      var question = _a.question,control = _a.control,getValues = _a.getValues,labels = _a.labels,_m = _a.inputAutoFocus,inputAutoFocus = _m === void 0 ? false : _m,_o = _a.submitAndMoveToNextQuestion,submitAndMoveToNextQuestion = _o === void 0 ? lodash.exports.noop : _o,_p = _a.onAnswerChange,onAnswerChange = _p === void 0 ? lodash.exports.noop : _p,_q = _a.shouldAutoProgress,shouldAutoProgress = _q === void 0 ? function () {return false;} : _q,onFileUpload = _a.onFileUpload;
+      var question = _a.question,control = _a.control,getValues = _a.getValues,labels = _a.labels,_m = _a.inputAutoFocus,inputAutoFocus = _m === void 0 ? false : _m,_o = _a.submitAndMoveToNextQuestion,submitAndMoveToNextQuestion = _o === void 0 ? lodash.exports.noop : _o,_p = _a.onAnswerChange,onAnswerChange = _p === void 0 ? lodash.exports.noop : _p,_q = _a.shouldAutoProgress,shouldAutoProgress = _q === void 0 ? function () {return false;} : _q,onFileUpload = _a.onFileUpload,maxFileSizeMb = _a.maxFileSizeMb;
       var config = question === null || question === void 0 ? void 0 : question.questionConfig;
       var notifyAnswerChange = function (value) {
         onAnswerChange({ questionId: question.id, value: value });
       };
+      var lastSingleSelectRef = React.useRef(undefined);
       var _r = useICDClassificationList(question.id),icdClassificationOptions = _r.options,optionsLoading = _r.loading,onIcdClassificationSearchChange = _r.onIcdClassificationSearchChange;
       var getAcceptedFileTypes = function () {
         var _a, _b, _c, _d;
@@ -51592,14 +51600,24 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
             } });
         case exports.UserQuestionType.MultipleChoice:
           return jsxRuntime.exports.jsx(Controller, { name: question.id, control: control, rules: { required: config === null || config === void 0 ? void 0 : config.mandatory }, render: function (_a) {
-              var _b, _c, _d;
-              var _e = _a.field,onChange = _e.onChange,value = _e.value;
+              var _b, _c, _d, _e;
+              var _f = _a.field,onChange = _f.onChange,value = _f.value;
               if ((config === null || config === void 0 ? void 0 : config.use_select) === true) {
-                return jsxRuntime.exports.jsx(hf, { label: question.title, value: singleValueToSelectItem(value, (_b = question.options) !== null && _b !== void 0 ? _b : []), placeholder: (_c = labels.select) === null || _c === void 0 ? void 0 : _c.search_placeholder, onChange: function (selected) {
+                var lastSelected = lastSingleSelectRef.current;
+                var displayValue = !lodash.exports.isNil(value) &&
+                value !== '' &&
+                ((_b = lastSelected === null || lastSelected === void 0 ? void 0 : lastSelected.metadata) === null || _b === void 0 ? void 0 : _b.value) === value ?
+                lastSelected :
+                singleValueToSelectItem(value, (_c = question.options) !== null && _c !== void 0 ? _c : []);
+                return jsxRuntime.exports.jsx(hf, { label: question.title, value: displayValue, placeholder: (_d = labels.select) === null || _d === void 0 ? void 0 : _d.search_placeholder, onChange: function (selected) {
+                    var _a;
+                    lastSingleSelectRef.current = Array.isArray(selected) ?
+                    undefined :
+                    (_a = selected) !== null && _a !== void 0 ? _a : undefined;
                     var mapped = selectValueToSingleValue(selected);
                     onChange(mapped);
                     notifyAnswerChange(mapped);
-                  }, options: optionsToSelectItems((_d = question.options) !== null && _d !== void 0 ? _d : []), required: config === null || config === void 0 ? void 0 : config.mandatory, isSearchable: true, menuPosition: "fixed" });
+                  }, options: optionsToSelectItems((_e = question.options) !== null && _e !== void 0 ? _e : []), required: config === null || config === void 0 ? void 0 : config.mandatory, isSearchable: true, menuPosition: "fixed" });
               }
               return jsxRuntime.exports.jsx(SingleChoiceQuestion, { label: question.title, options: question.options || [], onChange: function (data) {
                   onChange(data);
@@ -51736,7 +51754,7 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
                   '';
                   onControllerChange(attachmentValue);
                   notifyAnswerChange(attachmentValue);
-                }, onBlur: onBlur, accept: (_c = (_b = config === null || config === void 0 ? void 0 : config.file_storage) === null || _b === void 0 ? void 0 : _b.accepted_file_types) !== null && _c !== void 0 ? _c : undefined, configSlug: (_d = config === null || config === void 0 ? void 0 : config.file_storage) === null || _d === void 0 ? void 0 : _d.file_storage_config_slug, onFileUpload: onFileUpload, label: question.title, mandatory: config === null || config === void 0 ? void 0 : config.mandatory, error: fieldError === null || fieldError === void 0 ? void 0 : fieldError.message });
+                }, onBlur: onBlur, accept: (_c = (_b = config === null || config === void 0 ? void 0 : config.file_storage) === null || _b === void 0 ? void 0 : _b.accepted_file_types) !== null && _c !== void 0 ? _c : undefined, configSlug: (_d = config === null || config === void 0 ? void 0 : config.file_storage) === null || _d === void 0 ? void 0 : _d.file_storage_config_slug, onFileUpload: onFileUpload, maxFileSizeMb: maxFileSizeMb, label: question.title, mandatory: config === null || config === void 0 ? void 0 : config.mandatory, error: fieldError === null || fieldError === void 0 ? void 0 : fieldError.message });
             } });
         case exports.UserQuestionType.Image:
           return jsxRuntime.exports.jsx(Controller, { name: question.id, control: control, defaultValue: [], rules: {
@@ -51758,7 +51776,7 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
                   '';
                   onControllerChange(attachmentValue);
                   notifyAnswerChange(attachmentValue);
-                }, onBlur: onBlur, accept: (_c = (_b = config === null || config === void 0 ? void 0 : config.file_storage) === null || _b === void 0 ? void 0 : _b.accepted_file_types) !== null && _c !== void 0 ? _c : ['image/*'], configSlug: (_d = config === null || config === void 0 ? void 0 : config.file_storage) === null || _d === void 0 ? void 0 : _d.file_storage_config_slug, onFileUpload: onFileUpload, label: question.title, mandatory: config === null || config === void 0 ? void 0 : config.mandatory, error: fieldError === null || fieldError === void 0 ? void 0 : fieldError.message });
+                }, onBlur: onBlur, accept: (_c = (_b = config === null || config === void 0 ? void 0 : config.file_storage) === null || _b === void 0 ? void 0 : _b.accepted_file_types) !== null && _c !== void 0 ? _c : ['image/*'], configSlug: (_d = config === null || config === void 0 ? void 0 : config.file_storage) === null || _d === void 0 ? void 0 : _d.file_storage_config_slug, onFileUpload: onFileUpload, maxFileSizeMb: maxFileSizeMb, label: question.title, mandatory: config === null || config === void 0 ? void 0 : config.mandatory, error: fieldError === null || fieldError === void 0 ? void 0 : fieldError.message });
             } });
         case exports.UserQuestionType.Description:
           return jsxRuntime.exports.jsx(Description, { content: question.title });
@@ -51773,7 +51791,7 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
         slider: {
           tooltip_guide: 'Touch to select a value' } } :
 
-      _b,_c = _a.inputAutoFocus,inputAutoFocus = _c === void 0 ? false : _c,submitAndMoveToNextQuestion = _a.submitAndMoveToNextQuestion,onAnswerChange = _a.onAnswerChange,shouldAutoProgress = _a.shouldAutoProgress,onFileUpload = _a.onFileUpload;
+      _b,_c = _a.inputAutoFocus,inputAutoFocus = _c === void 0 ? false : _c,submitAndMoveToNextQuestion = _a.submitAndMoveToNextQuestion,onAnswerChange = _a.onAnswerChange,shouldAutoProgress = _a.shouldAutoProgress,onFileUpload = _a.onFileUpload,maxFileSizeMb = _a.maxFileSizeMb;
       var _d = React.useState(0),isVisible = _d[0],setVisible = _d[1];
       var style = { '--awell-question-opacity': isVisible };
       React.useLayoutEffect(function () {
@@ -51785,7 +51803,7 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
         var id = _a.id;
         return id === question.id;
       });
-      return jsxRuntime.exports.jsxs("div", __assign({ style: style, className: classes$b.awell_question }, { children: [jsxRuntime.exports.jsx(QuestionData, { question: question, control: control, getValues: getValues, labels: labels, inputAutoFocus: inputAutoFocus, submitAndMoveToNextQuestion: submitAndMoveToNextQuestion, onAnswerChange: onAnswerChange, shouldAutoProgress: shouldAutoProgress, onFileUpload: onFileUpload }), currentError && jsxRuntime.exports.jsx("div", __assign({ className: classes$b.error }, { children: jsxRuntime.exports.jsx(Text, __assign({ variant: "textSmall", color: "var(--awell-signalError100)" }, { children: currentError.error })) }))] }));
+      return jsxRuntime.exports.jsxs("div", __assign({ style: style, className: classes$b.awell_question }, { children: [jsxRuntime.exports.jsx(QuestionData, { question: question, control: control, getValues: getValues, labels: labels, inputAutoFocus: inputAutoFocus, submitAndMoveToNextQuestion: submitAndMoveToNextQuestion, onAnswerChange: onAnswerChange, shouldAutoProgress: shouldAutoProgress, onFileUpload: onFileUpload, maxFileSizeMb: maxFileSizeMb }), currentError && jsxRuntime.exports.jsx("div", __assign({ className: classes$b.error }, { children: jsxRuntime.exports.jsx(Text, __assign({ variant: "textSmall", color: "var(--awell-signalError100)" }, { children: currentError.error })) }))] }));
     };
 
     var classes$8 = {"awell_attachment_list":"awell__attachmentList_awell_attachment_list"};
@@ -52861,7 +52879,7 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
     };
 
     var ConversationalForm = function (_a) {
-      var form = _a.form,onSubmit = _a.onSubmit,buttonLabels = _a.buttonLabels,evaluateDisplayConditions = _a.evaluateDisplayConditions,errorLabels = _a.errorLabels,questionLabels = _a.questionLabels,storedAnswers = _a.storedAnswers,onAnswersChange = _a.onAnswersChange,_b = _a.autoProgress,autoProgress = _b === void 0 ? false : _b,_c = _a.autosaveAnswers,autosaveAnswers = _c === void 0 ? true : _c,_d = _a.showProgressBar,showProgressBar = _d === void 0 ? true : _d,onFileUpload = _a.onFileUpload;
+      var form = _a.form,onSubmit = _a.onSubmit,buttonLabels = _a.buttonLabels,evaluateDisplayConditions = _a.evaluateDisplayConditions,errorLabels = _a.errorLabels,questionLabels = _a.questionLabels,storedAnswers = _a.storedAnswers,onAnswersChange = _a.onAnswersChange,_b = _a.autoProgress,autoProgress = _b === void 0 ? false : _b,_c = _a.autosaveAnswers,autosaveAnswers = _c === void 0 ? true : _c,_d = _a.showProgressBar,showProgressBar = _d === void 0 ? true : _d,onFileUpload = _a.onFileUpload,maxFileSizeMb = _a.maxFileSizeMb;
       var _e = useConversationalForm({
         questions: form.questions,
         onSubmit: onSubmit,
@@ -52889,13 +52907,13 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
       form.questions.length === 1 ||
       showProgressBar === false;
       return jsxRuntime.exports.jsxs(jsxRuntime.exports.Fragment, { children: [jsxRuntime.exports.jsx("main", __assign({ id: "ahp_main_content_with_scroll_hint", className: layoutClasses.main_content }, { children: jsxRuntime.exports.jsxs("div", __assign({ className: "".concat(classes$4.awell_wizard_form, " ").concat(classes$4.container) }, { children: [!hideProgressIndicator && jsxRuntime.exports.jsx("div", __assign({ className: classes$4.form_progress }, { children: jsxRuntime.exports.jsx(ProgressIndicator, { percentageCompleted: percentageCompleted }) })), isEvaluatingQuestionVisibility ||
-            (currentQuestion === null || currentQuestion === void 0 ? void 0 : currentQuestion.id) === undefined ? jsxRuntime.exports.jsx("div", __assign({ className: classes$4.loadingContainer }, { children: jsxRuntime.exports.jsx(LoadActivityPlaceholder, {}) })) : jsxRuntime.exports.jsx(jsxRuntime.exports.Fragment, { children: jsxRuntime.exports.jsxs("div", __assign({ className: classes$4.wizard_form }, { children: [jsxRuntime.exports.jsx(Question, { question: currentQuestion, control: control, getValues: getValues, errors: errors, labels: questionLabels, submitAndMoveToNextQuestion: submitAndMoveToNextQuestion, inputAutoFocus: true, shouldAutoProgress: shouldAutoProgress, onFileUpload: onFileUpload }, currentQuestion.id), (form === null || form === void 0 ? void 0 : form.trademark) && jsxRuntime.exports.jsx("div", __assign({ className: "".concat(classes$4.trademark, " ").concat(classes$4.conversational) }, { children: form.trademark }))] })) })] })) })), jsxRuntime.exports.jsx(HostedPageFooter, { children: !isEvaluatingQuestionVisibility && jsxRuntime.exports.jsxs("div", __assign({ className: "".concat(classes$4.conversational_button_wrapper, " ").concat(classes$4.container) }, { children: [jsxRuntime.exports.jsx("div", { children: !isFirstQuestion && jsxRuntime.exports.jsx(Button, __assign({ variant: "tertiary", onClick: handleGoToPrevQuestion, "data-cy": "navigateToPrevQuestionButton" }, { children: buttonLabels.prev })) }), isLastQuestion ? jsxRuntime.exports.jsx(Button, __assign({ onClick: submitForm, type: "submit", "data-cy": "submitFormButton", disabled: isSubmittingForm }, { children: buttonLabels.submit })) : jsxRuntime.exports.jsx(Button, __assign({ variant: "secondary", onClick: handleGoToNextQuestion, "data-cy": "navigateToNextQuestionButton" }, { children: buttonLabels.next }))] })) })] });
+            (currentQuestion === null || currentQuestion === void 0 ? void 0 : currentQuestion.id) === undefined ? jsxRuntime.exports.jsx("div", __assign({ className: classes$4.loadingContainer }, { children: jsxRuntime.exports.jsx(LoadActivityPlaceholder, {}) })) : jsxRuntime.exports.jsx(jsxRuntime.exports.Fragment, { children: jsxRuntime.exports.jsxs("div", __assign({ className: classes$4.wizard_form }, { children: [jsxRuntime.exports.jsx(Question, { question: currentQuestion, control: control, getValues: getValues, errors: errors, labels: questionLabels, submitAndMoveToNextQuestion: submitAndMoveToNextQuestion, inputAutoFocus: true, shouldAutoProgress: shouldAutoProgress, onFileUpload: onFileUpload, maxFileSizeMb: maxFileSizeMb }, currentQuestion.id), (form === null || form === void 0 ? void 0 : form.trademark) && jsxRuntime.exports.jsx("div", __assign({ className: "".concat(classes$4.trademark, " ").concat(classes$4.conversational) }, { children: form.trademark }))] })) })] })) })), jsxRuntime.exports.jsx(HostedPageFooter, { children: !isEvaluatingQuestionVisibility && jsxRuntime.exports.jsxs("div", __assign({ className: "".concat(classes$4.conversational_button_wrapper, " ").concat(classes$4.container) }, { children: [jsxRuntime.exports.jsx("div", { children: !isFirstQuestion && jsxRuntime.exports.jsx(Button, __assign({ variant: "tertiary", onClick: handleGoToPrevQuestion, "data-cy": "navigateToPrevQuestionButton" }, { children: buttonLabels.prev })) }), isLastQuestion ? jsxRuntime.exports.jsx(Button, __assign({ onClick: submitForm, type: "submit", "data-cy": "submitFormButton", disabled: isSubmittingForm }, { children: buttonLabels.submit })) : jsxRuntime.exports.jsx(Button, __assign({ variant: "secondary", onClick: handleGoToNextQuestion, "data-cy": "navigateToNextQuestionButton" }, { children: buttonLabels.next }))] })) })] });
     };
 
     function r(e) {var t,f,n = "";if ("string" == typeof e || "number" == typeof e) n += e;else if ("object" == typeof e) if (Array.isArray(e)) {var o = e.length;for (t = 0; t < o; t++) e[t] && (f = r(e[t])) && (n && (n += " "), n += f);} else for (f in e) e[f] && (n && (n += " "), n += f);return n;}function clsx() {for (var e, t, f = 0, n = "", o = arguments.length; f < o; f++) (e = arguments[f]) && (t = r(e)) && (n && (n += " "), n += t);return n;}
 
     var TraditionalForm = function (_a) {
-      var form = _a.form,onSubmit = _a.onSubmit,buttonLabels = _a.buttonLabels,evaluateDisplayConditions = _a.evaluateDisplayConditions,errorLabels = _a.errorLabels,storedAnswers = _a.storedAnswers,onAnswersChange = _a.onAnswersChange,_b = _a.autosaveAnswers,autosaveAnswers = _b === void 0 ? true : _b,questionLabels = _a.questionLabels,onFileUpload = _a.onFileUpload;
+      var form = _a.form,onSubmit = _a.onSubmit,buttonLabels = _a.buttonLabels,evaluateDisplayConditions = _a.evaluateDisplayConditions,errorLabels = _a.errorLabels,storedAnswers = _a.storedAnswers,onAnswersChange = _a.onAnswersChange,_b = _a.autosaveAnswers,autosaveAnswers = _b === void 0 ? true : _b,questionLabels = _a.questionLabels,onFileUpload = _a.onFileUpload,maxFileSizeMb = _a.maxFileSizeMb;
       var _c = useTraditionalForm({
         questions: form.questions,
         onSubmit: onSubmit,
@@ -52907,7 +52925,7 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
       updateQuestionVisibility = _c.updateQuestionVisibility,submitForm = _c.submitForm,isSubmittingForm = _c.isSubmittingForm,_d = _c.formMethods,control = _d.control,getValues = _d.getValues,errors = _c.errors,questionWithVisiblity = _c.questionWithVisiblity,formHasErrors = _c.formHasErrors;
       return jsxRuntime.exports.jsxs(jsxRuntime.exports.Fragment, { children: [jsxRuntime.exports.jsx("main", __assign({ id: "ahp_main_content_with_scroll_hint", className: clsx(layoutClasses.main_content, classes$4.traditional_form) }, { children: jsxRuntime.exports.jsxs("div", __assign({ className: clsx(classes$4.container, classes$4.traditional_container) }, { children: [!questionWithVisiblity ? jsxRuntime.exports.jsx("div", __assign({ className: classes$4.loadingContainer }, { children: jsxRuntime.exports.jsx(LoadActivityPlaceholder, {}) })) : jsxRuntime.exports.jsx("div", { children: jsxRuntime.exports.jsx("div", { children: questionWithVisiblity.
                 filter(function (vb) {return vb.visible;}).
-                map(function (visibleQuestion) {return jsxRuntime.exports.jsx("div", __assign({ className: classes$4.traditional_form_question }, { children: jsxRuntime.exports.jsx(Question, { question: visibleQuestion, control: control, getValues: getValues, errors: errors, inputAutoFocus: false, onAnswerChange: updateQuestionVisibility, labels: questionLabels, onFileUpload: onFileUpload }, visibleQuestion.id) }), visibleQuestion.id);}) }) }), (form === null || form === void 0 ? void 0 : form.trademark) && jsxRuntime.exports.jsx("div", __assign({ className: classes$4.trademark }, { children: form.trademark }))] })) })), jsxRuntime.exports.jsx(HostedPageFooter, __assign({ fixPosition: true }, { children: jsxRuntime.exports.jsxs("div", __assign({ className: classes$4.traditional_button_wrapper }, { children: [formHasErrors && jsxRuntime.exports.jsx("div", { children: jsxRuntime.exports.jsx(Text, __assign({ variant: "textSmall", color: "var(--awell-signalError100)" }, { children: errorLabels.formHasErrors })) }), jsxRuntime.exports.jsx("div", {}), jsxRuntime.exports.jsx(Button, __assign({ onClick: submitForm, type: "submit", "data-cy": "submitFormButton", disabled: isSubmittingForm }, { children: buttonLabels.submit }))] })) }))] });
+                map(function (visibleQuestion) {return jsxRuntime.exports.jsx("div", __assign({ className: classes$4.traditional_form_question }, { children: jsxRuntime.exports.jsx(Question, { question: visibleQuestion, control: control, getValues: getValues, errors: errors, inputAutoFocus: false, onAnswerChange: updateQuestionVisibility, labels: questionLabels, onFileUpload: onFileUpload, maxFileSizeMb: maxFileSizeMb }, visibleQuestion.id) }), visibleQuestion.id);}) }) }), (form === null || form === void 0 ? void 0 : form.trademark) && jsxRuntime.exports.jsx("div", __assign({ className: classes$4.trademark }, { children: form.trademark }))] })) })), jsxRuntime.exports.jsx(HostedPageFooter, __assign({ fixPosition: true }, { children: jsxRuntime.exports.jsxs("div", __assign({ className: classes$4.traditional_button_wrapper }, { children: [formHasErrors && jsxRuntime.exports.jsx("div", { children: jsxRuntime.exports.jsx(Text, __assign({ variant: "textSmall", color: "var(--awell-signalError100)" }, { children: errorLabels.formHasErrors })) }), jsxRuntime.exports.jsx("div", {}), jsxRuntime.exports.jsx(Button, __assign({ onClick: submitForm, type: "submit", "data-cy": "submitFormButton", disabled: isSubmittingForm }, { children: buttonLabels.submit }))] })) }))] });
     };
 
     var WizardForm = ConversationalForm;

package/dist/types/atoms/fileInputField/FileInputField.d.ts

@@ -16,6 +16,7 @@ interface Props {
     configSlug?: string;
     value?: Array<Attachment>;
     mandatory?: boolean;
+    maxFileSizeMb?: number;
 }
 export declare const FileInputField: React.FC<Props>;
 export {};

package/dist/types/atoms/fileInputField/SingleFileInputField.d.ts

@@ -16,6 +16,7 @@ interface Props {
     value?: Attachment | null;
     mandatory?: boolean;
     disabled?: boolean;
+    maxFileSizeMb?: number;
 }
 export declare const SingleFileInputField: React.FC<Props>;
 export {};

package/dist/types/hostedPages/activities/form/ConversationalForm.d.ts

@@ -1,3 +1,3 @@
 /// <reference types="react" />
 import { FormProps } from '../../../types/form';
-export declare const ConversationalForm: ({ form, onSubmit, buttonLabels, evaluateDisplayConditions, errorLabels, questionLabels, storedAnswers, onAnswersChange, autoProgress, autosaveAnswers, showProgressBar, onFileUpload, }: FormProps) => JSX.Element;
+export declare const ConversationalForm: ({ form, onSubmit, buttonLabels, evaluateDisplayConditions, errorLabels, questionLabels, storedAnswers, onAnswersChange, autoProgress, autosaveAnswers, showProgressBar, onFileUpload, maxFileSizeMb, }: FormProps) => JSX.Element;

package/dist/types/hostedPages/activities/form/TraditionalForm.d.ts

@@ -1,3 +1,3 @@
 /// <reference types="react" />
 import { FormProps } from '../../../types/form';
-export declare const TraditionalForm: ({ form, onSubmit, buttonLabels, evaluateDisplayConditions, errorLabels, storedAnswers, onAnswersChange, autosaveAnswers, questionLabels, onFileUpload, }: FormProps) => JSX.Element;
+export declare const TraditionalForm: ({ form, onSubmit, buttonLabels, evaluateDisplayConditions, errorLabels, storedAnswers, onAnswersChange, autosaveAnswers, questionLabels, onFileUpload, maxFileSizeMb, }: FormProps) => JSX.Element;

package/dist/types/hostedPages/activities/wizardForm/WizardForm.d.ts

@@ -1,2 +1,2 @@
 /// <reference types="react" />
-export declare const WizardForm: ({ form, onSubmit, buttonLabels, evaluateDisplayConditions, errorLabels, questionLabels, storedAnswers, onAnswersChange, autoProgress, autosaveAnswers, showProgressBar, onFileUpload, }: import("../../..").FormProps) => JSX.Element;
+export declare const WizardForm: ({ form, onSubmit, buttonLabels, evaluateDisplayConditions, errorLabels, questionLabels, storedAnswers, onAnswersChange, autoProgress, autosaveAnswers, showProgressBar, onFileUpload, maxFileSizeMb, }: import("../../..").FormProps) => JSX.Element;

package/dist/types/molecules/question/Question.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
 import { QuestionDataProps, QuestionProps } from './types';
-export declare const QuestionData: ({ question, control, getValues, labels, inputAutoFocus, submitAndMoveToNextQuestion, onAnswerChange, shouldAutoProgress, onFileUpload, }: QuestionDataProps) => JSX.Element;
-export declare const Question: ({ question, control, getValues, errors, labels, inputAutoFocus, submitAndMoveToNextQuestion, onAnswerChange, shouldAutoProgress, onFileUpload, }: QuestionProps) => JSX.Element;
+export declare const QuestionData: ({ question, control, getValues, labels, inputAutoFocus, submitAndMoveToNextQuestion, onAnswerChange, shouldAutoProgress, onFileUpload, maxFileSizeMb, }: QuestionDataProps) => JSX.Element;
+export declare const Question: ({ question, control, getValues, errors, labels, inputAutoFocus, submitAndMoveToNextQuestion, onAnswerChange, shouldAutoProgress, onFileUpload, maxFileSizeMb, }: QuestionProps) => JSX.Element;

package/dist/types/molecules/question/types.d.ts

@@ -29,6 +29,7 @@ export interface QuestionDataProps {
     onAnswerChange?: (change?: AnswerChange) => void;
     shouldAutoProgress?: (question: Question) => boolean;
     onFileUpload?: (file: File, configSlug?: string) => Promise<string>;
+    maxFileSizeMb?: number;
 }
 export interface QuestionProps {
     question: Question;
@@ -41,6 +42,7 @@ export interface QuestionProps {
     onAnswerChange?: (change?: AnswerChange) => void;
     shouldAutoProgress?: (question: Question) => boolean;
     onFileUpload?: (file: File, configSlug?: string) => Promise<string>;
+    maxFileSizeMb?: number;
 }
 export interface Attachment {
     url?: string;

package/dist/types/types/form.d.ts

@@ -25,4 +25,5 @@ export interface FormProps {
     autosaveAnswers?: boolean;
     showProgressBar?: boolean;
     onFileUpload?: (file: File, configSlug?: string) => Promise<string>;
+    maxFileSizeMb?: number;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@awell-health/ui-library",
-  "version": "0.1.145",
+  "version": "0.1.147",
   "description": "UI components to integrate with Awell Health",
   "repository": {
     "type": "git",