@awell-health/ui-library 0.1.105 → 0.1.107

package/dist/index.css

@@ -6696,7 +6696,8 @@ html {
   width: 100%;
   z-index: 1;
   background: #fff;
-  transition: visibility 0s linear 0.2s, opacity 0.2s linear;
+  transition: opacity 0.3s ease-in-out;
+  opacity: 1;
 }
 @media (min-width: 640px) {
   .awell__hostedPageFooter_footer .awell__hostedPageFooter_scrollHint {
@@ -6705,14 +6706,10 @@ html {
   }
 }
 .awell__hostedPageFooter_footer .awell__hostedPageFooter_scrollHint.awell__hostedPageFooter_visible {
-  visibility: visible;
   opacity: 1;
-  transition-delay: 0s;
 }
 .awell__hostedPageFooter_footer .awell__hostedPageFooter_scrollHint.awell__hostedPageFooter_hidden {
-  visibility: hidden;
   opacity: 0;
-  transition: visibility 0s linear 0.2s, opacity 0.2s linear;
 }
 @import 'https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap';
 :root {
@@ -8284,32 +8281,6 @@ html {
 .awell__form_trademark.awell__form_conversational {
   padding-top: var(--awell-spacing-4);
 }
-
-/* Overlay for the opacity gradient */
-.awell__form_scroll_hint_overlay {
-  position: fixed;
-  bottom: 50px;
-  left: 0;
-  width: 100%;
-  height: 50px;
-  background: linear-gradient(to bottom, transparent, var(--awell-neutralLight10) 50%);
-  pointer-events: none; /* Prevent interaction */
-  transition: top 0.5s ease-in-out;
-}
-
-.awell__form_scroll_indicator_wrapper {
-  position: fixed;
-  right: 1vw;
-  bottom: 30vh;
-  z-index: 1001;
-  pointer-events: none;
-  transition: opacity 0.3s ease-in-out;
-}
-@media (min-width: 1024px) {
-  .awell__form_scroll_indicator_wrapper {
-    right: 20vw;
-  }
-}
 @import 'https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap';
 :root {
   --awell-accent100: #fdb833;

package/dist/index.js

@@ -48545,10 +48545,22 @@ var     Kr=[{
 
     var HostedPageFooter = function (_a) {
       var children = _a.children,_b = _a.showScrollHint,showScrollHint = _b === void 0 ? false : _b,_c = _a.fixPosition,fixPosition = _c === void 0 ? false : _c;
+      var scrollIndicatorRef = React.useRef(null);
+      React.useEffect(function () {
+        var handleScroll = function () {
+          if (scrollIndicatorRef.current) {
+            var _a = document.documentElement,scrollTop = _a.scrollTop,scrollHeight = _a.scrollHeight,clientHeight = _a.clientHeight;
+            var isAtBottom = scrollTop + clientHeight >= scrollHeight - 1;
+            scrollIndicatorRef.current.classList.toggle(classes$7.hidden, isAtBottom);
+          }
+        };
+        window.addEventListener('scroll', handleScroll);
+        return function () {return window.removeEventListener('scroll', handleScroll);};
+      }, []);
       var footerClass = fixPosition ?
       "".concat(classes$7.footer, " ").concat(classes$7.fixed) :
       classes$7.footer;
-      return jsxRuntime.exports.jsxs("footer", __assign({ className: footerClass }, { children: [jsxRuntime.exports.jsx("div", __assign({ className: "".concat(classes$7.scrollHint, " ").concat(showScrollHint ? classes$7.visible : classes$7.hidden), id: "awell__form_scrollhint" }, { children: jsxRuntime.exports.jsx(ScrollIndicator, {}) })), children] }));
+      return jsxRuntime.exports.jsxs("footer", __assign({ className: footerClass }, { children: [showScrollHint && jsxRuntime.exports.jsx("div", __assign({ ref: scrollIndicatorRef, className: "".concat(classes$7.scrollHint, " ").concat(classes$7.visible), id: "awell__scroll_hint" }, { children: jsxRuntime.exports.jsx(ScrollIndicator, {}) })), children] }));
     };
 
     var classes$6 = {"container":"awell__checklist_container","awell_checklist":"awell__checklist_awell_checklist","title":"awell__checklist_title","checklist":"awell__checklist_checklist","checkboxListFormControl":"awell__checklist_checkboxListFormControl","button_wrapper":"awell__checklist_button_wrapper"};
@@ -48579,7 +48591,7 @@ var     Kr=[{
       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, __assign({ showScrollHint: showScrollHint }, { 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","scroll_hint_overlay":"awell__form_scroll_hint_overlay","scroll_indicator_wrapper":"awell__form_scroll_indicator_wrapper"};
+    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 useClickOutsideNotifier = function (_a) {
       var ref = _a.ref,clickOutsideHandler = _a.clickOutsideHandler;
@@ -49414,24 +49426,6 @@ var     Kr=[{
 
     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 scrollHintOverlayRef = React.useRef(null);
-      var scrollIndicatorRef = React.useRef(null);
-      React.useEffect(function () {
-        var handleScroll = function () {
-          if (scrollHintOverlayRef.current) {
-            var _a = document.documentElement,scrollTop = _a.scrollTop,scrollHeight = _a.scrollHeight,clientHeight = _a.clientHeight;
-            var isAtBottom = scrollTop + clientHeight >= scrollHeight - 1;
-            scrollHintOverlayRef.current.style.top = isAtBottom ? '100%' : 'auto';
-          }
-          if (scrollIndicatorRef.current) {
-            var _b = document.documentElement,scrollTop = _b.scrollTop,scrollHeight = _b.scrollHeight,clientHeight = _b.clientHeight;
-            var isAtBottom = scrollTop + clientHeight >= scrollHeight - 1;
-            scrollIndicatorRef.current.style.opacity = isAtBottom ? '0' : '1';
-          }
-        };
-        window.addEventListener('scroll', handleScroll);
-        return function () {return window.removeEventListener('scroll', handleScroll);};
-      }, []);
       var _c = useTheme(),updateLayoutMode = _c.updateLayoutMode,resetLayoutMode = _c.resetLayoutMode;
       var _d = useTraditionalForm({
         questions: form.questions,
@@ -49450,7 +49444,7 @@ var     Kr=[{
       });
       return jsxRuntime.exports.jsxs("div", __assign({ style: { height: '100%' } }, { 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("div", { ref: scrollHintOverlayRef, className: classes$4.scroll_hint_overlay }), jsxRuntime.exports.jsx("div", __assign({ ref: scrollIndicatorRef, className: classes$4.scroll_indicator_wrapper }, { children: jsxRuntime.exports.jsx(ScrollIndicator, {}) })), jsxRuntime.exports.jsx(HostedPageFooter, __assign({ showScrollHint: false, 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 }, 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({ showScrollHint: true, 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/package.json

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