@royaloperahouse/chord 2.8.1-a-development → 2.8.2-a-development

package/dist/chord.cjs.development.js

@@ -11448,6 +11448,7 @@ var SignUpForm = function SignUpForm(_ref3) {
       isLoggedIn = _ref3$isLoggedIn === void 0 ? false : _ref3$isLoggedIn,
       _ref3$isMobile = _ref3.isMobile,
       isMobile = _ref3$isMobile === void 0 ? false : _ref3$isMobile;
+  var formRef = React.useRef(null);
 
   var _useState = React.useState({}),
       errors = _useState[0],
@@ -11559,6 +11560,13 @@ var SignUpForm = function SignUpForm(_ref3) {
     };
   }();
 
+  var handleAnchorClick = function handleAnchorClick(e) {
+    var _formRef$current;
+
+    e.preventDefault();
+    (_formRef$current = formRef.current) == null ? void 0 : _formRef$current.requestSubmit();
+  };
+
   return /*#__PURE__*/React__default.createElement(GridItem, {
     columnStartDesktop: 3,
     columnSpanDesktop: 12,
@@ -11566,6 +11574,7 @@ var SignUpForm = function SignUpForm(_ref3) {
     columnSpanDevice: 12
   }, /*#__PURE__*/React__default.createElement(Form, {
     noValidate: true,
+    ref: formRef,
     onSubmit: handleFormSubmit
   }, !isLoggedIn && /*#__PURE__*/React__default.createElement(FieldsWrapper, null, /*#__PURE__*/React__default.createElement(TextField, {
     label: "First name",
@@ -11623,11 +11632,13 @@ var SignUpForm = function SignUpForm(_ref3) {
     type: "submit"
   }, /*#__PURE__*/React__default.createElement(PrimaryButton, {
     href: "#",
+    onClick: handleAnchorClick,
     bgColor: themeToColor(theme)
   }, "Sign up"))) : /*#__PURE__*/React__default.createElement(FormFooterWrapper, null, /*#__PURE__*/React__default.createElement(ButtonWrapper$3, {
     type: "submit"
   }, /*#__PURE__*/React__default.createElement(PrimaryButton, {
     href: "#",
+    onClick: handleAnchorClick,
     bgColor: themeToColor(theme)
   }, "Sign up")), /*#__PURE__*/React__default.createElement(CTALinkWrapper, {
     href: ctaPrivacy.link