@awell-health/ui-library 0.1.139 → 0.1.141

package/dist/index.css

@@ -8253,12 +8253,20 @@ html {
   justify-content: space-between;
   align-items: center;
   width: 100%;
-  padding-bottom: var(--awell-spacing-6);
   max-width: var(--awell-activity-form-max-width);
   padding: var(--awell-activity-form-padding);
   margin: 0 auto;
 }
 
+.awell__form_traditional_form {
+  padding-bottom: calc(var(--awell-mobile-footer-height) + var(--awell-spacing-24));
+}
+@media (min-width: 640px) {
+  .awell__form_traditional_form {
+    padding-bottom: calc(var(--awell-footer-height) + var(--awell-spacing-24));
+  }
+}
+
 .awell__form_traditional_form_question {
   margin-bottom: var(--awell-spacing-8);
 }

package/dist/index.js

@@ -51877,7 +51877,7 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
       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("article", __assign({ className: "".concat(classes$5.awell_message, " ").concat(classes$5.container) }, { children: [jsxRuntime.exports.jsx("div", __assign({ className: classes$5.message_title }, { children: subject })), jsxRuntime.exports.jsx("div", __assign({ className: classes$5.content }, { children: jsxRuntime.exports.jsx(RichTextViewer, { content: cleanContent }) })), jsxRuntime.exports.jsxs("div", __assign({ className: classes$5.attachmentList }, { children: [jsxRuntime.exports.jsx(AttachmentList, { attachments: attachments, icon: attachmentIcon, labels: attachmentLabels }), children] }))] })) })), jsxRuntime.exports.jsx(HostedPageFooter, { children: jsxRuntime.exports.jsx("div", __assign({ className: "".concat(classes$5.button_wrapper, " ").concat(classes$5.container) }, { children: jsxRuntime.exports.jsx(Button, __assign({ "data-cy": "markMessageAsReadButton", variant: "secondary", onClick: onMessageRead }, { children: buttonLabels.readMessage })) })) })] });
     };
 
-    var classes$4 = {"container":"awell__form_container","traditional_container":"awell__form_traditional_container","awell_wizard_form":"awell__form_awell_wizard_form","form_progress":"awell__form_form_progress","loadingContainer":"awell__form_loadingContainer","title":"awell__form_title","wizard_form":"awell__form_wizard_form","conversational_button_wrapper":"awell__form_conversational_button_wrapper","traditional_button_wrapper":"awell__form_traditional_button_wrapper","traditional_form_question":"awell__form_traditional_form_question","trademark":"awell__form_trademark","conversational":"awell__form_conversational"};
+    var classes$4 = {"container":"awell__form_container","traditional_container":"awell__form_traditional_container","awell_wizard_form":"awell__form_awell_wizard_form","form_progress":"awell__form_form_progress","loadingContainer":"awell__form_loadingContainer","title":"awell__form_title","wizard_form":"awell__form_wizard_form","conversational_button_wrapper":"awell__form_conversational_button_wrapper","traditional_button_wrapper":"awell__form_traditional_button_wrapper","traditional_form":"awell__form_traditional_form","traditional_form_question":"awell__form_traditional_form_question","trademark":"awell__form_trademark","conversational":"awell__form_conversational"};
 
     var useClickOutsideNotifier = function (_a) {
       var ref = _a.ref,clickOutsideHandler = _a.clickOutsideHandler;
@@ -52373,15 +52373,44 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
       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 questionsWithVisibility, attempt, formValuesInput, evaluationResults, didResetHiddenAnswer, updatedQuestions;
           return __generator(this, function (_a) {
             switch (_a.label) {
               case 0:
+                questionsWithVisibility = [];
+                attempt = 0;
+                _a.label = 1;
+              case 1:
+                if (!(attempt <= questions.length)) return [3, 4];
                 formValuesInput = convertToAwellInput(getDirtyFieldValues(formMethods));
                 return [4, evaluateDisplayConditions(formValuesInput)];
-              case 1:
+              case 2:
                 evaluationResults = _a.sent();
-                updatedQuestions = updateVisibilityForTraditionalForm(questions, evaluationResults).filter(function (e) {return e.visible;});
+                questionsWithVisibility = updateVisibilityForTraditionalForm(questions, evaluationResults);
+                didResetHiddenAnswer = questionsWithVisibility.
+                filter(function (question) {return !question.visible;}).
+                reduce(function (didReset, 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 didReset;
+                  }
+                  formMethods.resetField(question.id, { defaultValue: defaultValue });
+                  return true;
+                }, false);
+                if (!didResetHiddenAnswer) {
+                  return [3, 4];
+                }
+                _a.label = 3;
+              case 3:
+                attempt += 1;
+                return [3, 1];
+              case 4:
+                updatedQuestions = questionsWithVisibility.filter(function (e) {return e.visible;});
                 setVisibleQuestions(updatedQuestions);
                 return [2, updatedQuestions];}
 
@@ -52509,16 +52538,45 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
       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 questionsWithVisibility, attempt, formValuesInput, evaluationResults, didResetHiddenAnswer, updatedQuestions;
           return __generator(this, function (_a) {
             switch (_a.label) {
               case 0:
                 setIsEvaluatingQuestionVisibility(true);
+                questionsWithVisibility = [];
+                attempt = 0;
+                _a.label = 1;
+              case 1:
+                if (!(attempt <= questions.length)) return [3, 4];
                 formValuesInput = convertToAwellInput(getDirtyFieldValues(formMethods));
                 return [4, evaluateDisplayConditions(formValuesInput)];
-              case 1:
+              case 2:
                 evaluationResults = _a.sent();
-                updatedQuestions = updateVisibility(questions, evaluationResults).filter(function (e) {return e.visible;});
+                questionsWithVisibility = updateVisibility(questions, evaluationResults);
+                didResetHiddenAnswer = questionsWithVisibility.
+                filter(function (question) {return !question.visible;}).
+                reduce(function (didReset, 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 didReset;
+                  }
+                  formMethods.resetField(question.id, { defaultValue: defaultValue });
+                  return true;
+                }, false);
+                if (!didResetHiddenAnswer) {
+                  return [3, 4];
+                }
+                _a.label = 3;
+              case 3:
+                attempt += 1;
+                return [3, 1];
+              case 4:
+                updatedQuestions = questionsWithVisibility.filter(function (e) {return e.visible;});
                 setVisibleQuestions(updatedQuestions);
                 setIsEvaluatingQuestionVisibility(false);
                 return [2, updatedQuestions];}

package/package.json

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