@awell-health/ui-library 0.1.73 → 0.1.75

package/dist/index.css

@@ -186,6 +186,8 @@ html {
   /* 56px */
   --spacing-16: 4rem;
   /* 64px */
+  --spacing-18: 4.5rem;
+  /* 72px */
   --spacing-20: 5rem;
   /* 80px */
   --spacing-24: 6rem;
@@ -640,6 +642,8 @@ html {
   /* 56px */
   --spacing-16: 4rem;
   /* 64px */
+  --spacing-18: 4.5rem;
+  /* 72px */
   --spacing-20: 5rem;
   /* 80px */
   --spacing-24: 6rem;
@@ -1372,6 +1376,8 @@ html {
   /* 56px */
   --spacing-16: 4rem;
   /* 64px */
+  --spacing-18: 4.5rem;
+  /* 72px */
   --spacing-20: 5rem;
   /* 80px */
   --spacing-24: 6rem;
@@ -1852,6 +1858,8 @@ html {
   /* 56px */
   --spacing-16: 4rem;
   /* 64px */
+  --spacing-18: 4.5rem;
+  /* 72px */
   --spacing-20: 5rem;
   /* 80px */
   --spacing-24: 6rem;
@@ -2400,6 +2408,8 @@ html {
   /* 56px */
   --spacing-16: 4rem;
   /* 64px */
+  --spacing-18: 4.5rem;
+  /* 72px */
   --spacing-20: 5rem;
   /* 80px */
   --spacing-24: 6rem;
@@ -2773,6 +2783,8 @@ html {
   /* 56px */
   --spacing-16: 4rem;
   /* 64px */
+  --spacing-18: 4.5rem;
+  /* 72px */
   --spacing-20: 5rem;
   /* 80px */
   --spacing-24: 6rem;
@@ -3158,6 +3170,8 @@ html {
   /* 56px */
   --spacing-16: 4rem;
   /* 64px */
+  --spacing-18: 4.5rem;
+  /* 72px */
   --spacing-20: 5rem;
   /* 80px */
   --spacing-24: 6rem;
@@ -3684,6 +3698,8 @@ html {
   /* 56px */
   --spacing-16: 4rem;
   /* 64px */
+  --spacing-18: 4.5rem;
+  /* 72px */
   --spacing-20: 5rem;
   /* 80px */
   --spacing-24: 6rem;
@@ -4042,6 +4058,8 @@ html {
   /* 56px */
   --spacing-16: 4rem;
   /* 64px */
+  --spacing-18: 4.5rem;
+  /* 72px */
   --spacing-20: 5rem;
   /* 80px */
   --spacing-24: 6rem;
@@ -4426,6 +4444,8 @@ html {
   /* 56px */
   --spacing-16: 4rem;
   /* 64px */
+  --spacing-18: 4.5rem;
+  /* 72px */
   --spacing-20: 5rem;
   /* 80px */
   --spacing-24: 6rem;
@@ -4977,6 +4997,8 @@ html {
   /* 56px */
   --spacing-16: 4rem;
   /* 64px */
+  --spacing-18: 4.5rem;
+  /* 72px */
   --spacing-20: 5rem;
   /* 80px */
   --spacing-24: 6rem;
@@ -5602,6 +5624,8 @@ html {
   /* 56px */
   --spacing-16: 4rem;
   /* 64px */
+  --spacing-18: 4.5rem;
+  /* 72px */
   --spacing-20: 5rem;
   /* 80px */
   --spacing-24: 6rem;
@@ -6103,6 +6127,8 @@ html {
   /* 56px */
   --spacing-16: 4rem;
   /* 64px */
+  --spacing-18: 4.5rem;
+  /* 72px */
   --spacing-20: 5rem;
   /* 80px */
   --spacing-24: 6rem;
@@ -6438,6 +6464,8 @@ html {
   /* 56px */
   --spacing-16: 4rem;
   /* 64px */
+  --spacing-18: 4.5rem;
+  /* 72px */
   --spacing-20: 5rem;
   /* 80px */
   --spacing-24: 6rem;
@@ -6815,6 +6843,8 @@ html {
   /* 56px */
   --spacing-16: 4rem;
   /* 64px */
+  --spacing-18: 4.5rem;
+  /* 72px */
   --spacing-20: 5rem;
   /* 80px */
   --spacing-24: 6rem;
@@ -7188,6 +7218,8 @@ html {
   /* 56px */
   --spacing-16: 4rem;
   /* 64px */
+  --spacing-18: 4.5rem;
+  /* 72px */
   --spacing-20: 5rem;
   /* 80px */
   --spacing-24: 6rem;
@@ -7557,6 +7589,8 @@ html {
   /* 56px */
   --spacing-16: 4rem;
   /* 64px */
+  --spacing-18: 4.5rem;
+  /* 72px */
   --spacing-20: 5rem;
   /* 80px */
   --spacing-24: 6rem;
@@ -7966,6 +8000,8 @@ html {
   /* 56px */
   --spacing-16: 4rem;
   /* 64px */
+  --spacing-18: 4.5rem;
+  /* 72px */
   --spacing-20: 5rem;
   /* 80px */
   --spacing-24: 6rem;
@@ -8175,10 +8211,6 @@ html {
   margin: 0 auto;
 }
 
-.awell__form_traditional_form {
-  margin-bottom: 0px;
-}
-
 .awell__form_traditional_form_question {
   margin-bottom: var(--awell-spacing-8);
 }
@@ -8194,9 +8226,6 @@ html {
     font-size: var(--font-size-sm);
   }
 }
-.awell__form_trademark.awell__form_traditional {
-  padding-bottom: var(--awell-spacing-6);
-}
 .awell__form_trademark.awell__form_conversational {
   padding-top: var(--awell-spacing-4);
 }
@@ -8207,8 +8236,8 @@ html {
   bottom: 50px;
   left: 0;
   width: 100%;
-  height: 70px;
-  background: linear-gradient(to bottom, transparent, var(--awell-neutralLight10) 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;
 }
@@ -8400,6 +8429,8 @@ html {
   /* 56px */
   --spacing-16: 4rem;
   /* 64px */
+  --spacing-18: 4.5rem;
+  /* 72px */
   --spacing-20: 5rem;
   /* 80px */
   --spacing-24: 6rem;
@@ -8755,6 +8786,8 @@ html {
   /* 56px */
   --spacing-16: 4rem;
   /* 64px */
+  --spacing-18: 4.5rem;
+  /* 72px */
   --spacing-20: 5rem;
   /* 80px */
   --spacing-24: 6rem;
@@ -9125,6 +9158,8 @@ html {
   /* 56px */
   --spacing-16: 4rem;
   /* 64px */
+  --spacing-18: 4.5rem;
+  /* 72px */
   --spacing-20: 5rem;
   /* 80px */
   --spacing-24: 6rem;
@@ -9480,6 +9515,8 @@ html {
   /* 56px */
   --spacing-16: 4rem;
   /* 64px */
+  --spacing-18: 4.5rem;
+  /* 72px */
   --spacing-20: 5rem;
   /* 80px */
   --spacing-24: 6rem;
@@ -9877,6 +9914,8 @@ html {
   /* 56px */
   --spacing-16: 4rem;
   /* 64px */
+  --spacing-18: 4.5rem;
+  /* 72px */
   --spacing-20: 5rem;
   /* 80px */
   --spacing-24: 6rem;

package/dist/index.js

@@ -37807,7 +37807,7 @@ Check the top-level render call using <` + t + ">.");
       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":"awell__form_traditional_form","traditional_form_question":"awell__form_traditional_form_question","trademark":"awell__form_trademark","traditional":"awell__form_traditional","conversational":"awell__form_conversational","scroll_hint_overlay":"awell__form_scroll_hint_overlay"};
+    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"};
 
     var useClickOutsideNotifier = function (_a) {
       var ref = _a.ref,clickOutsideHandler = _a.clickOutsideHandler;
@@ -38381,6 +38381,8 @@ Check the top-level render call using <` + t + ">.");
             (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 }, 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, __assign({ showScrollHint: showScrollHint }, { 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;
       var scrollHintOverlayRef = React.useRef(null);
@@ -38388,7 +38390,7 @@ Check the top-level render call using <` + t + ">.");
         var handleScroll = function () {
           if (scrollHintOverlayRef.current) {
             var _a = document.documentElement,scrollTop = _a.scrollTop,scrollHeight = _a.scrollHeight,clientHeight = _a.clientHeight;
-            var isAtBottom = scrollTop + clientHeight >= scrollHeight;
+            var isAtBottom = scrollTop + clientHeight >= scrollHeight - 1;
             scrollHintOverlayRef.current.style.top = isAtBottom ? '100%' : 'auto';
           }
         };
@@ -38411,9 +38413,9 @@ Check the top-level render call using <` + t + ">.");
           resetLayoutMode();
         };
       }, []);
-      return jsxRuntime.exports.jsxs("div", { children: [jsxRuntime.exports.jsx("main", __assign({ id: "ahp_main_content_with_scroll_hint", className: "".concat(layoutClasses.main_content, " ").concat(classes$4.traditional_form) }, { children: jsxRuntime.exports.jsxs("div", __assign({ className: "".concat(classes$4.container, " ").concat(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.
+      return jsxRuntime.exports.jsxs("div", { 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 }, visibleQuestion.id) }), visibleQuestion.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("div", { ref: scrollHintOverlayRef, className: classes$4.scroll_hint_overlay }), 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 }, 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(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 }))] })) }))] });
     };
 
     var WizardForm = ConversationalForm;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@awell-health/ui-library",
-  "version": "0.1.73",
+  "version": "0.1.75",
   "description": "UI components to integrate with Awell Health",
   "repository": {
     "type": "git",
@@ -47,6 +47,7 @@
     "@calcom/embed-react": "^1.5.1",
     "@heroicons/react": "^2.1.3",
     "cloudinary-core": "^2.13.0",
+    "clsx": "^2.1.1",
     "date-fns": "^2.29.1",
     "dompurify": "^2.4.0",
     "dotenv": "^16.3.1",