@royaloperahouse/chord 2.8.0-b-development → 2.8.0-c-development

package/dist/chord.esm.js

@@ -11328,7 +11328,7 @@ var DropdownWrapper = /*#__PURE__*/styled.div(_templateObject13$2 || (_templateO
   return isOpen ? '180deg' : '0deg';
 });
 var HiddenInstructions = /*#__PURE__*/styled.div(_templateObject14$2 || (_templateObject14$2 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  position: absolute;\n  width: 1px;\n  height: 1px;\n  padding: 0;\n  margin: -1px;\n  overflow: hidden;\n  clip-path: inset(50%);\n  white-space: nowrap;\n  border: 0;\n"])));
-var SignUpHeader = /*#__PURE__*/styled(Grid)(_templateObject15$1 || (_templateObject15$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  grid-column: 1 / -1;\n"])));
+var SignUpHeader = /*#__PURE__*/styled(Grid)(_templateObject15$1 || (_templateObject15$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  grid-column: 1 / -1;\n  row-gap: 0;\n"])));
 
 var regex = {
   signInEmail: /^(([^<>()[\]\\.,;:\s@"]+(\.[^<>()[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/,
@@ -11433,22 +11433,16 @@ var SignUpForm = function SignUpForm(_ref3) {
       theme = _ref3.theme,
       isSuccess = _ref3.isSuccess,
       setIsSuccess = _ref3.setIsSuccess,
+      formValues = _ref3.formValues,
+      setFormValues = _ref3.setFormValues,
       _ref3$isLoggedIn = _ref3.isLoggedIn,
       isLoggedIn = _ref3$isLoggedIn === void 0 ? false : _ref3$isLoggedIn,
       _ref3$isMobile = _ref3.isMobile,
       isMobile = _ref3$isMobile === void 0 ? false : _ref3$isMobile;
 
-  var _useState = useState({
-    firstName: '',
-    lastName: '',
-    email: ''
-  }),
-      formValues = _useState[0],
-      setFormValues = _useState[1];
-
-  var _useState2 = useState({}),
-      errors = _useState2[0],
-      setErrors = _useState2[1];
+  var _useState = useState({}),
+      errors = _useState[0],
+      setErrors = _useState[1];
 
   var handleChange = function handleChange(field) {
     return function (e) {
@@ -11644,14 +11638,32 @@ var SignUpFormComponent = function SignUpFormComponent(_ref5) {
   var signUpInstructionsId = 'sign-up-instructions';
   var isMobile = useMobile();
 
+  var _useState2 = useState(false),
+      isSuccess = _useState2[0],
+      setIsSuccess = _useState2[1];
+
   var _useState3 = useState(false),
-      isSuccess = _useState3[0],
-      setIsSuccess = _useState3[1];
+      dropdownOpen = _useState3[0],
+      setDropdownOpen = _useState3[1];
 
-  var _useState4 = useState(false),
-      dropdownOpen = _useState4[0],
-      setDropdownOpen = _useState4[1];
+  var successRef = useRef(null);
 
+  var _useState4 = useState({
+    firstName: '',
+    lastName: '',
+    email: ''
+  }),
+      formValues = _useState4[0],
+      setFormValues = _useState4[1];
+
+  useEffect(function () {
+    if (isMobile && !isLoggedIn && isSuccess && successRef.current) {
+      successRef.current.scrollIntoView({
+        behavior: 'smooth',
+        block: 'center'
+      });
+    }
+  }, [isSuccess]);
   return /*#__PURE__*/React__default.createElement(Wrapper$8, {
     theme: themeToColor(theme)
   }, /*#__PURE__*/React__default.createElement(SignUpFormWrapper, null, isMobile && !isLoggedIn && !isSuccess ? /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(HiddenInstructions, {
@@ -11693,13 +11705,17 @@ var SignUpFormComponent = function SignUpFormComponent(_ref5) {
     isSuccess: isSuccess,
     setIsSuccess: setIsSuccess,
     isLoggedIn: isLoggedIn,
-    isMobile: isMobile
-  })) : /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(SignUpTitle, {
+    isMobile: isMobile,
+    formValues: formValues,
+    setFormValues: setFormValues
+  })) : /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(SignUpHeader, {
+    ref: successRef
+  }, /*#__PURE__*/React__default.createElement(SignUpTitle, {
     title: isSuccess ? submittedState.title : initialState.title,
     isMobile: isMobile
   }), /*#__PURE__*/React__default.createElement(SignUpMessage, {
     message: isSuccess ? submittedState.message : initialState.message
-  }), !isSuccess && /*#__PURE__*/React__default.createElement(SignUpForm, {
+  })), !isSuccess && /*#__PURE__*/React__default.createElement(SignUpForm, {
     submitHandler: submitHandler,
     errorMessage: errorMessage,
     ctaPrivacy: ctaPrivacy,
@@ -11707,7 +11723,9 @@ var SignUpFormComponent = function SignUpFormComponent(_ref5) {
     isSuccess: isSuccess,
     setIsSuccess: setIsSuccess,
     isLoggedIn: isLoggedIn,
-    isMobile: isMobile
+    isMobile: isMobile,
+    formValues: formValues,
+    setFormValues: setFormValues
   }))));
 };