@awell-health/ui-library 0.1.84 → 0.1.86

package/dist/index.js

@@ -34823,6 +34823,14 @@ Check the top-level render call using <` + t + ">.");
           setFilteredOptions(options);
         }
       }, [options]);
+      React.useEffect(function () {
+        if (isOpen) {
+          var container = document.getElementById('ahp_main_content_with_scroll_hint');
+          if (container) {
+            container.scrollTo({ top: container.scrollHeight, behavior: 'smooth' });
+          }
+        }
+      }, [isOpen]);
       var toggleDropdown = React.useCallback(function () {
         setIsOpen(!isOpen);
       }, [isOpen]);
@@ -37308,22 +37316,34 @@ Check the top-level render call using <` + t + ">.");
         value: value,
         hideSpaceAfterDialCode: true,
         countries: countries,
-        forceDialCode: forceDialCode }),
+        forceDialCode: forceDialCode,
+        onPhoneUpdate: function (phone) {
+          onChange({ target: { value: phone } });
+        } }),
       phone = _d.phone,handlePhoneValueChange = _d.handlePhoneValueChange,inputRef = _d.inputRef,country = _d.country,setCountry = _d.setCountry;
       var handleInputChange = function (e) {
         handlePhoneValueChange(e);
-        onChange(e);
       };
       var handleCountrySelect = function (_a) {
         var iso2 = _a.iso2;
         setCountry(iso2);
       };
+      var onPaste = function (e) {
+        var _a;
+        var phoneNumber = (_a = e.clipboardData.getData('text')) !== null && _a !== void 0 ? _a : '';
+        if (phoneNumber.includes('+')) {
+          if (inputRef.current) {
+            inputRef.current.value = '';
+            inputRef.current.dispatchEvent(new Event('change'));
+          }
+        }
+      };
       return jsxRuntime.exports.jsxs("div", __assign({ className: classes$9.awell_input_field_wrapper }, { children: [jsxRuntime.exports.jsx(QuestionLabel, { htmlFor: id, label: label, mandatory: mandatory }), jsxRuntime.exports.jsxs("div", __assign({ className: classes$9.awell_phone_input_field_container }, { children: [jsxRuntime.exports.jsx(build.exports.CountrySelector, { countries: countries, selectedCountry: country, onSelect: handleCountrySelect, buttonStyle: {
               border: 0,
               height: 42,
               marginRight: 2,
               backgroundColor: 'transparent' } }),
-          jsxRuntime.exports.jsx("input", __assign({}, props, { type: "tel", id: id, ref: inputRef, className: classes$9.awell_input_field, placeholder: placeholder, onChange: handleInputChange, "data-1p-ignore": true, value: phone, "data-testid": "input-".concat(id), dir: "ltr" }))] }))] }));
+          jsxRuntime.exports.jsx("input", __assign({}, props, { type: "tel", id: id, ref: inputRef, className: classes$9.awell_input_field, placeholder: placeholder, onChange: handleInputChange, "data-1p-ignore": true, value: phone, "data-testid": "input-".concat(id), dir: "ltr", onPaste: onPaste }))] }))] }));
     };
     PhoneInputField.displayName = 'PhoneInputField';
 
@@ -42252,9 +42272,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: 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.
+      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 }, 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 }))] })) }))] });
+                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.84",
+  "version": "0.1.86",
   "description": "UI components to integrate with Awell Health",
   "repository": {
     "type": "git",