@asantemedia-org/edwardsvacuum-design-system 1.6.9 → 1.6.10

package/dist/index.esm.js

@@ -736,6 +736,9 @@ var QrForm = function (props) {
   var _d = useState(false);
     _d[0];
     var setShowErrors = _d[1];
+  var _e = useState([]);
+    _e[0];
+    var setGlobalErrors = _e[1];
   var i18n = props;
   useEffect(function () {
     var initialValues = {};
@@ -809,19 +812,45 @@ var QrForm = function (props) {
   };
   var handleSubmit = function (ev) {
     return __awaiter(void 0, void 0, void 0, function () {
-      return __generator(this, function (_a) {
-        ev.preventDefault();
-        setShowErrors(true); // Attempting to submit, so show errors
-        if (validatePage(currentPage)) {
-          if (props.onSubmit) {
-            props.onSubmit(formValues);
-          } else {
+      var result, _a, fieldErrors, globalErrors, err_1;
+      return __generator(this, function (_b) {
+        switch (_b.label) {
+          case 0:
+            ev.preventDefault();
+            setShowErrors(true);
+            setGlobalErrors([]);
+            setErrors({});
+            if (!validatePage(currentPage)) {
+              console.log("Form has local validation errors.");
+              return [2 /*return*/];
+            }
+            _b.label = 1;
+          case 1:
+            _b.trys.push([1, 5,, 6]);
+            if (!props.onSubmit) return [3 /*break*/, 3];
+            return [4 /*yield*/, Promise.all([props.onSubmit(formValues)])];
+          case 2:
+            result = _b.sent()[0];
+            if (result && result.errors) {
+              _a = result.errors, fieldErrors = _a.fieldErrors, globalErrors = _a.globalErrors;
+              if (fieldErrors) setErrors(fieldErrors);
+              if (globalErrors) setGlobalErrors(globalErrors);
+              return [2 /*return*/];
+            }
+            return [3 /*break*/, 4];
+          case 3:
             console.log("Form submitted with values:", formValues);
-          }
-        } else {
-          console.log("Form has errors on the current page, cannot submit.");
+            _b.label = 4;
+          case 4:
+            return [3 /*break*/, 6];
+          case 5:
+            err_1 = _b.sent();
+            console.error("Submit failed:", err_1);
+            setGlobalErrors(["An unexpected error occurred while submitting."]);
+            return [3 /*break*/, 6];
+          case 6:
+            return [2 /*return*/];
         }
-        return [2 /*return*/];
       });
     });
   };
@@ -874,15 +903,28 @@ var QrForm = function (props) {
     className: "qr-form-page ".concat(currentPage === 2 ? 'active' : ''),
     "data-page": "2"
   }, /*#__PURE__*/React.createElement(QrFormField, {
+    key: "family-name",
+    type: "text",
+    name: "family-name",
+    label: "Last-name",
+    value: formValues['family-name']
+  }), /*#__PURE__*/React.createElement(QrFormField, {
+    key: "firstname",
     type: "text",
-    name: "first-name",
+    name: "firstname",
     label: "First Name",
-    value: formValues['first-name'],
+    value: formValues['firstname']
+  }), /*#__PURE__*/React.createElement(QrFormField, {
+    key: "email",
+    type: "email",
+    name: "email",
+    label: "Email",
+    value: formValues['email'],
     onChange: function (e) {
-      return handleChange('first-name', e.target.value);
+      return handleChange('email', e.target.value);
     },
-    hasError: errors['first-name'],
-    errorMessage: "first name is a required field",
+    hasError: errors['email'],
+    errorMessage: "Email is a required field",
     required: true
   }), /*#__PURE__*/React.createElement("button", {
     className: "qr-form-nav",