@awell-health/ui-library 0.1.140 → 0.1.142

package/dist/index.js

@@ -51524,6 +51524,9 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
       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 config = question === null || question === void 0 ? void 0 : question.questionConfig;
+      var notifyAnswerChange = function (value) {
+        onAnswerChange({ questionId: question.id, value: value });
+      };
       var _r = useICDClassificationList(question.id),icdClassificationOptions = _r.options,optionsLoading = _r.loading,onIcdClassificationSearchChange = _r.onIcdClassificationSearchChange;
       var getAcceptedFileTypes = function () {
         var _a, _b, _c, _d;
@@ -51550,7 +51553,7 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
                 onChange: function (data) {
                   onChange(data);
                   if (value !== data) {
-                    onAnswerChange();
+                    notifyAnswerChange(data);
                     if (shouldAutoProgress(question)) {
                       setTimeout(function () {return submitAndMoveToNextQuestion();}, AUTO_PROGRESS_DELAY);
                     }
@@ -51570,14 +51573,14 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
                     var mapped = selectValueToOptions(selected);
                     onChange(mapped);
                     if (value !== mapped) {
-                      onAnswerChange();
+                      notifyAnswerChange(mapped);
                     }
                   }, isMulti: true, options: optionsToSelectItems((_c = question.options) !== null && _c !== void 0 ? _c : []), required: config === null || config === void 0 ? void 0 : config.mandatory, isSearchable: true });
               }
               return jsxRuntime.exports.jsx(MultipleChoiceQuestion, { label: question.title, options: (_d = question.options) !== null && _d !== void 0 ? _d : [], onChange: function (data) {
                   onChange(data);
                   if (value !== data) {
-                    onAnswerChange();
+                    notifyAnswerChange(data);
                   }
                 }, questionId: question.id, values: value, mandatory: config === null || config === void 0 ? void 0 : config.mandatory });
             } });
@@ -51589,13 +51592,13 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
                 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 mapped = selectValueToSingleValue(selected);
                     onChange(mapped);
-                    onAnswerChange();
+                    notifyAnswerChange(mapped);
                   }, options: optionsToSelectItems((_d = question.options) !== null && _d !== void 0 ? _d : []), required: config === null || config === void 0 ? void 0 : config.mandatory, isSearchable: true });
               }
               return jsxRuntime.exports.jsx(SingleChoiceQuestion, { label: question.title, options: question.options || [], onChange: function (data) {
                   onChange(data);
                   if (value !== data) {
-                    onAnswerChange();
+                    notifyAnswerChange(data);
                     if (shouldAutoProgress(question)) {
                       setTimeout(function () {return submitAndMoveToNextQuestion();}, AUTO_PROGRESS_DELAY);
                     }
@@ -51607,7 +51610,7 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
               var _b = _a.field,onChange = _b.onChange,value = _b.value;
               return jsxRuntime.exports.jsx(LongTextField, { autoFocus: inputAutoFocus, onChange: function (e) {
                   onChange(e.target.value);
-                  onAnswerChange();
+                  notifyAnswerChange(e.target.value);
                 }, label: question.title, id: question.id, value: value, mandatory: config === null || config === void 0 ? void 0 : config.mandatory });
             } });
         case exports.UserQuestionType.Number:
@@ -51615,7 +51618,7 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
               var _b = _a.field,onChange = _b.onChange,value = _b.value;
               return jsxRuntime.exports.jsx(InputField, { autoFocus: inputAutoFocus, type: "number", onChange: function (e) {
                   onChange(e.target.value);
-                  onAnswerChange();
+                  notifyAnswerChange(e.target.value);
                 }, label: question.title, id: question.id, value: value, mandatory: config === null || config === void 0 ? void 0 : config.mandatory, min: getMinValueForNumberInput(config === null || config === void 0 ? void 0 : config.number), max: getMaxValueForNumberInput(config === null || config === void 0 ? void 0 : config.number) });
             } });
         case exports.UserQuestionType.ShortText:{
@@ -51632,7 +51635,7 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
                 var _b = _a.field,onChange = _b.onChange,value = _b.value,error = _a.fieldState.error;
                 return jsxRuntime.exports.jsxs(jsxRuntime.exports.Fragment, { children: [jsxRuntime.exports.jsx(InputField, { autoFocus: inputAutoFocus, type: "text", onChange: function (e) {
                       onChange(e.target.value);
-                      onAnswerChange();
+                      notifyAnswerChange(e.target.value);
                     }, label: question.title, id: question.id, value: value, mandatory: config === null || config === void 0 ? void 0 : config.mandatory }), error && jsxRuntime.exports.jsx(Text, __assign({ variant: "textSmall", color: "var(--awell-signalError100)" }, { children: error.message }))] });
               } });
           }
@@ -51646,7 +51649,7 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
               var _c = _a.field,onChange = _c.onChange,value = _c.value;
               return jsxRuntime.exports.jsx(PhoneInputField, { autoFocus: inputAutoFocus, onChange: function (e) {
                   onChange(e.target.value);
-                  onAnswerChange();
+                  notifyAnswerChange(e.target.value);
                 }, label: question.title, id: question.id, value: value !== null && value !== void 0 ? value : '', mandatory: (_b = question.questionConfig) === null || _b === void 0 ? void 0 : _b.mandatory, availableCountries: availableCountries_1, initialCountry: initialCountry_1, forceDialCode: true });
             } });
         case exports.UserQuestionType.Slider:
@@ -51663,7 +51666,7 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
               var _c = _a.field,onChange = _c.onChange,value = _c.value;
               return jsxRuntime.exports.jsx(RangeInput, { label: question.title, onChange: function (e) {
                   onChange(e.target.value);
-                  onAnswerChange();
+                  notifyAnswerChange(e.target.value);
                 }, touchTooltipLabel: (_b = labels.slider) === null || _b === void 0 ? void 0 : _b.tooltip_guide, id: question.id, sliderConfig: config === null || config === void 0 ? void 0 : config.slider, value: value === '' ? undefined : value, mandatory: config === null || config === void 0 ? void 0 : config.mandatory });
             } });
         case exports.UserQuestionType.Email:
@@ -51680,7 +51683,7 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
               var _c = _a.field,onChange = _c.onChange,value = _c.value;
               return jsxRuntime.exports.jsx(InputField, { autoFocus: inputAutoFocus, type: "email", onChange: function (e) {
                   onChange(e.target.value);
-                  onAnswerChange();
+                  notifyAnswerChange(e.target.value);
                 }, label: question.title, id: question.id, value: value, mandatory: (_b = config === null || config === void 0 ? void 0 : config.mandatory) !== null && _b !== void 0 ? _b : false, placeholder: "name@example.com" });
             } });
         case exports.UserQuestionType.Date:
@@ -51690,7 +51693,7 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
               var _b = _a.field,onChange = _b.onChange,value = _b.value;
               return jsxRuntime.exports.jsx(InputField, { autoFocus: inputAutoFocus, type: "date", label: question.title, onChange: function (e) {
                   onChange(e.target.value);
-                  onAnswerChange();
+                  notifyAnswerChange(e.target.value);
                 }, id: question.id, value: value, mandatory: config === null || config === void 0 ? void 0 : config.mandatory, min: getMinValueForDateInput(config === null || config === void 0 ? void 0 : config.date), max: getMaxValueForDateInput(config === null || config === void 0 ? void 0 : config.date) });
             } });
         case exports.UserQuestionType.Icd10Classification:
@@ -51703,7 +51706,7 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
                     noOptions: (_c = labels.select) === null || _c === void 0 ? void 0 : _c.no_options },
                   onChange: function (data) {
                     onChange(data);
-                    onAnswerChange();
+                    notifyAnswerChange(data);
                   }, type: "single", options: icdClassificationOptions !== null && icdClassificationOptions !== void 0 ? icdClassificationOptions : [], mandatory: config === null || config === void 0 ? void 0 : config.mandatory, showCount: true, filtering: true, onSearch: onIcdClassificationSearchChange, loading: optionsLoading, allowSearchAfterSelect: true, allowEmptyOptionsList: true }), jsxRuntime.exports.jsxs("span", __assign({ className: classes$b.awell_question_description }, { children: [(_d = labels.select) === null || _d === void 0 ? void 0 : _d.icd_10_catalogue_description, ' ', jsxRuntime.exports.jsx("a", __assign({ href: "https://icd.who.int/browse10/2019/en#/J00", target: "blank" }, { children: (_e = labels.select) === null || _e === void 0 ? void 0 : _e.icd_10_catalogue_link })), '.'] }))] });
             } });
         case exports.UserQuestionType.File:
@@ -51722,8 +51725,11 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
               var _e = _a.field,onControllerChange = _e.onChange,onBlur = _e.onBlur,value = _e.value,fieldError = _a.fieldState.error;
               return jsxRuntime.exports.jsx(SingleFileInputField, { id: question.id, value: custom_json_parser(value, ''), onChange: function (attachment) {
                   console.log('attachment', attachment === null || attachment === void 0 ? void 0 : attachment.contentType);
-                  onControllerChange(attachment ? JSON.stringify(attachment) : '');
-                  onAnswerChange();
+                  var attachmentValue = attachment ?
+                  JSON.stringify(attachment) :
+                  '';
+                  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 });
             } });
         case exports.UserQuestionType.Image:
@@ -51741,8 +51747,11 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
               var _b, _c, _d;
               var _e = _a.field,onControllerChange = _e.onChange,onBlur = _e.onBlur,value = _e.value,fieldError = _a.fieldState.error;
               return jsxRuntime.exports.jsx(SingleFileInputField, { id: question.id, value: custom_json_parser(value, ''), onChange: function (attachment) {
-                  onControllerChange(attachment ? JSON.stringify(attachment) : '');
-                  onAnswerChange();
+                  var attachmentValue = attachment ?
+                  JSON.stringify(attachment) :
+                  '';
+                  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 });
             } });
         case exports.UserQuestionType.Description:
@@ -52124,6 +52133,111 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
         return __assign(__assign({}, obj), (_a = {}, _a[item.id] = getDefaultValue(item), _a));
       }, {});
     };
+    var getQuestionReferenceValues = function (question) {
+      return [question.id, question.key, question.definition_id].filter(Boolean);
+    };
+    var getDependentQuestionIds = function (questions, changedQuestionId) {
+      if (!changedQuestionId) {
+        return [];
+      }
+      var changedQuestion = questions.find(function (_a) {
+        var id = _a.id;
+        return id === changedQuestionId;
+      });
+      if (!changedQuestion) {
+        return [];
+      }
+      var dependentQuestionIds = new Set();
+      var questionIdsToCheck = [changedQuestion.id];
+      var _loop_1 = function () {
+        var currentQuestionId = questionIdsToCheck.shift();
+        var currentQuestion = questions.find(function (_a) {
+          var id = _a.id;
+          return id === currentQuestionId;
+        });
+        if (!currentQuestion) {
+          return "continue";
+        }
+        var currentQuestionReferences = getQuestionReferenceValues(currentQuestion);
+        questions.forEach(function (question) {
+          var _a, _b;
+          if (question.id === changedQuestion.id ||
+          dependentQuestionIds.has(question.id)) {
+            return;
+          }
+          var dependsOnCurrentQuestion = (_b = (_a = question.rule) === null || _a === void 0 ? void 0 : _a.conditions) === null || _b === void 0 ? void 0 : _b.some(function (_a) {
+            var reference = _a.reference,reference_key = _a.reference_key;
+            return currentQuestionReferences.includes(reference !== null && reference !== void 0 ? reference : '') ||
+            currentQuestionReferences.includes(reference_key !== null && reference_key !== void 0 ? reference_key : '');
+          });
+          if (dependsOnCurrentQuestion) {
+            dependentQuestionIds.add(question.id);
+            questionIdsToCheck.push(question.id);
+          }
+        });
+      };
+      while (questionIdsToCheck.length > 0) {
+        _loop_1();
+      }
+      return Array.from(dependentQuestionIds);
+    };
+    var resetQuestionToDefault = function (formMethods, question) {
+      var defaultValue = getDefaultValue(question);
+      var currentValue = formMethods.getValues(question.id);
+      var fieldState = formMethods.getFieldState(question.id);
+      var hasNonDefaultValue = JSON.stringify(currentValue) !== JSON.stringify(defaultValue);
+      if (!fieldState.isDirty && !fieldState.isTouched && !hasNonDefaultValue) {
+        return false;
+      }
+      formMethods.resetField(question.id, { defaultValue: defaultValue });
+      return true;
+    };
+    var evaluateQuestionVisibility = function (_a) {
+      var questions = _a.questions,formMethods = _a.formMethods,evaluateDisplayConditions = _a.evaluateDisplayConditions,updateVisibilityForQuestions = _a.updateVisibilityForQuestions,change = _a.change;
+      return __awaiter(void 0, void 0, void 0, function () {
+        var dependentQuestionIds, questionsWithVisibility, attempt, dirtyValues, formValuesInput, evaluationResults, didResetHiddenAnswer;
+        var _b;
+        return __generator(this, function (_c) {
+          switch (_c.label) {
+            case 0:
+              dependentQuestionIds = getDependentQuestionIds(questions, change === null || change === void 0 ? void 0 : change.questionId);
+              dependentQuestionIds.forEach(function (questionId) {
+                var question = questions.find(function (_a) {
+                  var id = _a.id;
+                  return id === questionId;
+                });
+                if (question) {
+                  resetQuestionToDefault(formMethods, question);
+                }
+              });
+              questionsWithVisibility = [];
+              attempt = 0;
+              _c.label = 1;
+            case 1:
+              if (!(attempt <= questions.length)) return [3, 4];
+              dirtyValues = getDirtyFieldValues(formMethods);
+              formValuesInput = convertToAwellInput(__assign(__assign({}, dirtyValues), change ? (_b = {}, _b[change.questionId] = change.value, _b) : {}));
+              return [4, evaluateDisplayConditions(formValuesInput)];
+            case 2:
+              evaluationResults = _c.sent();
+              questionsWithVisibility = updateVisibilityForQuestions(questions, evaluationResults);
+              didResetHiddenAnswer = questionsWithVisibility.
+              filter(function (question) {return !question.visible;}).
+              reduce(function (didReset, question) {
+                return resetQuestionToDefault(formMethods, question) || didReset;
+              }, false);
+              if (!didResetHiddenAnswer) {
+                return [3, 4];
+              }
+              _c.label = 3;
+            case 3:
+              attempt += 1;
+              return [3, 1];
+            case 4:return [2, questionsWithVisibility.filter(function (question) {return question.visible;})];}
+
+        });
+      });
+    };
     var getValue = function (answer) {
       if (typeof answer === 'string') {
         return answer;
@@ -52372,16 +52486,19 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
       var _e = React.useState(false),formHasErrors = _e[0],setFormHasErrors = _e[1];
       var _f = React.useState(false),isSubmittingForm = _f[0],setIsSubmittingForm = _f[1];
       var _g = useValidate(),isValidE164Number = _g.isValidE164Number,validateDateResponse = _g.validateDateResponse,validateNumberResponse = _g.validateNumberResponse,validateEmailResponse = _g.validateEmailResponse,validateAttachmentsResponse = _g.validateAttachmentsResponse,validateInputValidationResponse = _g.validateInputValidationResponse;
-      var updateQuestionVisibility = React.useCallback(function () {return __awaiter(void 0, void 0, void 0, function () {
-          var formValuesInput, evaluationResults, updatedQuestions;
+      var updateQuestionVisibility = React.useCallback(function (change) {return __awaiter(void 0, void 0, void 0, function () {
+          var updatedQuestions;
           return __generator(this, function (_a) {
             switch (_a.label) {
-              case 0:
-                formValuesInput = convertToAwellInput(getDirtyFieldValues(formMethods));
-                return [4, evaluateDisplayConditions(formValuesInput)];
+              case 0:return [4, evaluateQuestionVisibility({
+                  questions: questions,
+                  formMethods: formMethods,
+                  evaluateDisplayConditions: evaluateDisplayConditions,
+                  updateVisibilityForQuestions: updateVisibilityForTraditionalForm,
+                  change: change })];
+
               case 1:
-                evaluationResults = _a.sent();
-                updatedQuestions = updateVisibilityForTraditionalForm(questions, evaluationResults).filter(function (e) {return e.visible;});
+                updatedQuestions = _a.sent();
                 setVisibleQuestions(updatedQuestions);
                 return [2, updatedQuestions];}
 
@@ -52508,17 +52625,21 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
       var _g = React.useState(true),isEvaluatingQuestionVisibility = _g[0],setIsEvaluatingQuestionVisibility = _g[1];
       var _h = React.useState(0),percentageCompleted = _h[0],setPercentageCompleted = _h[1];
       var _j = React.useState(false),isSubmittingForm = _j[0],setIsSubmittingForm = _j[1];
-      var updateQuestionVisibility = React.useCallback(function () {return __awaiter(void 0, void 0, void 0, function () {
-          var formValuesInput, evaluationResults, updatedQuestions;
+      var updateQuestionVisibility = React.useCallback(function (change) {return __awaiter(void 0, void 0, void 0, function () {
+          var updatedQuestions;
           return __generator(this, function (_a) {
             switch (_a.label) {
               case 0:
                 setIsEvaluatingQuestionVisibility(true);
-                formValuesInput = convertToAwellInput(getDirtyFieldValues(formMethods));
-                return [4, evaluateDisplayConditions(formValuesInput)];
+                return [4, evaluateQuestionVisibility({
+                  questions: questions,
+                  formMethods: formMethods,
+                  evaluateDisplayConditions: evaluateDisplayConditions,
+                  updateVisibilityForQuestions: updateVisibility,
+                  change: change })];
+
               case 1:
-                evaluationResults = _a.sent();
-                updatedQuestions = updateVisibility(questions, evaluationResults).filter(function (e) {return e.visible;});
+                updatedQuestions = _a.sent();
                 setVisibleQuestions(updatedQuestions);
                 setIsEvaluatingQuestionVisibility(false);
                 return [2, updatedQuestions];}

package/dist/types/hooks/useForm/helpers.d.ts

@@ -1,11 +1,20 @@
 import { UseFormReturn } from 'react-hook-form';
-import { Question, QuestionWithVisibility, FormError } from '../../types';
-import { AnswerValue, ErrorLabels, QuestionRuleResult } from './types';
+import { Question, QuestionWithVisibility, FormError, AnswerInput } from '../../types';
+import { AnswerChange, AnswerValue, ErrorLabels, QuestionRuleResult } from './types';
 import { CountryIso2 } from 'react-international-phone';
 import { Maybe, QuestionConfig } from '../../types/generated/types-orchestration';
 import { AttachmentsValidationErrorType, DateValidationErrorType, EmailValidationErrorType, InputValidationErrorType, NumberValidationErrorType } from '../useValidate/useValidate';
 export declare const getDefaultValue: (question: Question) => AnswerValue;
 export declare const getInitialValues: (questions: Array<Question>) => Record<string, AnswerValue>;
+export declare const getDependentQuestionIds: (questions: Array<Question>, changedQuestionId?: string) => Array<string>;
+interface EvaluateQuestionVisibilityParams {
+    questions: Array<Question>;
+    formMethods: UseFormReturn;
+    evaluateDisplayConditions: (response: Array<AnswerInput>) => Promise<Array<QuestionRuleResult>>;
+    updateVisibilityForQuestions: (questions: Array<Question>, evaluationResults: Array<QuestionRuleResult>) => Array<QuestionWithVisibility>;
+    change?: AnswerChange;
+}
+export declare const evaluateQuestionVisibility: ({ questions, formMethods, evaluateDisplayConditions, updateVisibilityForQuestions, change, }: EvaluateQuestionVisibilityParams) => Promise<Array<QuestionWithVisibility>>;
 export declare const convertToAwellInput: (formResponse: any) => {
     question_id: string;
     value: string;

package/dist/types/hooks/useForm/types.d.ts

@@ -28,6 +28,10 @@ export declare type ErrorLabels = {
     emailInvalidFormat?: string;
 };
 export declare type AnswerValue = string | number | number[] | undefined;
+export interface AnswerChange {
+    questionId: string;
+    value: unknown;
+}
 export interface FormSettingsContextProps {
     evaluateDisplayConditions: (response: Array<AnswerInput>) => Promise<Array<QuestionRuleResult>>;
     onSubmit: (response: Array<AnswerInput>) => Promise<void> | void;
@@ -38,7 +42,7 @@ export interface FormSettingsContextProps {
     onAnswersChange?: (answers: string) => void;
 }
 export interface ConversationalFormContext {
-    updateQuestionVisibility: () => void;
+    updateQuestionVisibility: (change?: AnswerChange) => void;
     submitForm: () => void;
     isSubmittingForm: boolean;
     handleGoToNextQuestion: () => void;
@@ -52,7 +56,7 @@ export interface ConversationalFormContext {
     isEvaluatingQuestionVisibility: boolean;
 }
 export interface TraditionalFormContext {
-    updateQuestionVisibility: () => void;
+    updateQuestionVisibility: (change?: AnswerChange) => void;
     submitForm: () => void;
     isSubmittingForm: boolean;
     formMethods: UseFormReturn;

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

@@ -1,5 +1,9 @@
 import { FormError, Question } from '../../types';
 import { Control, UseFormGetValues } from 'react-hook-form';
+export interface AnswerChange {
+    questionId: string;
+    value: unknown;
+}
 export interface QuestionLabels {
     yes_label: string;
     no_label: string;
@@ -22,7 +26,7 @@ export interface QuestionDataProps {
     labels: QuestionLabels;
     inputAutoFocus?: boolean;
     submitAndMoveToNextQuestion?: () => void;
-    onAnswerChange?: () => void;
+    onAnswerChange?: (change?: AnswerChange) => void;
     shouldAutoProgress?: (question: Question) => boolean;
     onFileUpload?: (file: File, configSlug?: string) => Promise<string>;
 }
@@ -34,7 +38,7 @@ export interface QuestionProps {
     labels?: QuestionLabels;
     inputAutoFocus?: boolean;
     submitAndMoveToNextQuestion?: () => void;
-    onAnswerChange?: () => void;
+    onAnswerChange?: (change?: AnswerChange) => void;
     shouldAutoProgress?: (question: Question) => boolean;
     onFileUpload?: (file: File, configSlug?: string) => Promise<string>;
 }

package/package.json

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