@thecb/components 7.10.1-beta.3 → 7.10.1-beta.5

package/dist/index.esm.js

@@ -47196,25 +47196,6 @@ var fallbackValues$M = {
   modalLinkHoverFocus: modalLinkHoverFocus$2
 };
 
-/* 
-  Hook that takes an ID selector for an element on the screen
-  And optionally values for top position, left position, smooth behavior
-  Finds element on screen and scrolls it to the provided coordinates
-
-  (string, number, number, boolean) => undefined;
-*/
-var useScrollTo = function useScrollTo(id) {
-  var top = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
-  var left = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 0;
-  var smooth = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;
-  var scrollItem = document.getElementById(id);
-  scrollItem === null || scrollItem === void 0 ? void 0 : scrollItem.scrollTo({
-    top: top,
-    left: left,
-    smooth: smooth
-  });
-};
-
 var TermsAndConditionsModal = function TermsAndConditionsModal(_ref) {
   var link = _ref.link,
       _ref$title = _ref.title,
@@ -47234,8 +47215,7 @@ var TermsAndConditionsModal = function TermsAndConditionsModal(_ref) {
       return toggleOpen(false);
     },
     showModal: function showModal() {
-      toggleOpen(true);
-      useScrollTo("terms-body-text", 0, 0, false);
+      return toggleOpen(true);
     },
     modalHeaderText: title,
     modalBodyText: /*#__PURE__*/React.createElement(Box, {
@@ -48641,6 +48621,43 @@ var generateShadows = function generateShadows(baseColorRGB) {
   };
 };
 
+/* 
+  Hook that takes an ID selector for an element on the screen
+  And optionally values for top position, left position, smooth behavior
+  Finds element on screen and scrolls it to the provided coordinates
+
+  (string, number, number, string, number) => undefined;
+*/
+var useScrollTo = function useScrollTo(id) {
+  var top = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
+  var left = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 0;
+  var behavior = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : "auto";
+  var delay = arguments.length > 4 ? arguments[4] : undefined;
+  var scrollItem;
+
+  if (delay) {
+    setTimeout(function () {
+      var _scrollItem;
+
+      scrollItem = document.getElementById(id);
+      (_scrollItem = scrollItem) === null || _scrollItem === void 0 ? void 0 : _scrollItem.scrollTo({
+        top: top,
+        left: left,
+        behavior: behavior
+      });
+    }, delay);
+  } else {
+    var _scrollItem2;
+
+    scrollItem = document.getElementById(id);
+    (_scrollItem2 = scrollItem) === null || _scrollItem2 === void 0 ? void 0 : _scrollItem2.scrollTo({
+      top: top,
+      left: left,
+      behavior: behavior
+    });
+  }
+};
+
 var TermsAndConditionsControlV2 = function TermsAndConditionsControlV2(_ref) {
   var _ref$showCheckbox = _ref.showCheckbox,
       showCheckbox = _ref$showCheckbox === void 0 ? true : _ref$showCheckbox,
@@ -48674,6 +48691,15 @@ var TermsAndConditionsControlV2 = function TermsAndConditionsControlV2(_ref) {
       toggleShowTerms = _useState2[1];
 
   var standardBoxShadow = generateShadows().standard.base;
+
+  var toggleTerms = function toggleTerms(termsOpen) {
+    toggleShowTerms(termsOpen);
+
+    if (termsOpen) {
+      useScrollTo("terms-body-text", 0, 0, "smooth", 100);
+    }
+  };
+
   return /*#__PURE__*/React.createElement(Box, {
     padding: displayInline ? "0" : "1.5rem",
     minWidth: displayInline ? "0" : "100%",
@@ -48709,7 +48735,7 @@ var TermsAndConditionsControlV2 = function TermsAndConditionsControlV2(_ref) {
     link: linkText,
     terms: terms,
     isOpen: showTerms,
-    toggleOpen: toggleShowTerms,
+    toggleOpen: toggleTerms,
     linkVariant: modalVariant,
     title: modalTitle
   })), showCheckbox && hasError && /*#__PURE__*/React.createElement(Text$1, {