@bigbinary/neeto-team-members-frontend 3.2.0 → 3.2.1

package/dist/index.cjs.js

@@ -2413,20 +2413,16 @@ var ChangeProfile = function ChangeProfile(_ref) {
             })]
           })]
         }), /*#__PURE__*/jsxRuntime.jsx(Pane__default["default"].Footer, {
-          className: "flex items-center space-x-2",
           children: /*#__PURE__*/jsxRuntime.jsx(ActionBlock__default["default"], {
+            isSubmitting: isUpdatingProfile || isUploading,
             cancelButtonProps: {
               "data-test-id": "ntm-profile-cancel-button",
               "data-cy": "ntm-profile-cancel-button",
-              disabled: false,
-              style: "text",
-              className: "ml-2",
               onClick: onClose
             },
             submitButtonProps: {
               "data-cy": "ntm-profile-submit-button",
-              "data-test-id": "ntm-profile-save-changes-button",
-              loading: isUpdatingProfile || isUploading
+              "data-test-id": "ntm-profile-save-changes-button"
             }
           })
         })]
@@ -4461,9 +4457,9 @@ var ManageRoles = function ManageRoles(_ref) {
   var isReadOnly = selectedRole.kind === "system";
   var isDisabled = ADMIN_ROLES.includes(selectedRole.name) && isReadOnly;
   return /*#__PURE__*/jsxRuntime.jsxs(Pane__default["default"], {
-    initialFocusRef: inputReference,
     isOpen: isOpen,
     onClose: onClose,
+    initialFocusRef: inputReference,
     children: [/*#__PURE__*/jsxRuntime.jsx(Pane__default["default"].Header, {
       children: /*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
         "data-cy": "ntm-add-role-title",
@@ -4510,20 +4506,17 @@ var ManageRoles = function ManageRoles(_ref) {
               })]
             })
           }), /*#__PURE__*/jsxRuntime.jsx(Pane__default["default"].Footer, {
-            children: /*#__PURE__*/jsxRuntime.jsxs("div", {
+            children: /*#__PURE__*/jsxRuntime.jsx(ActionBlock__default["default"], {
+              isSubmitting: isSubmitting,
               className: "ntm-roles-pane__footer",
-              children: [/*#__PURE__*/jsxRuntime.jsx(Button__default["default"], {
-                "data-cy": "ntm-add-role-submit-button",
-                disabled: !dirty || isSubmitting || isDisabled,
-                label: t("neetoTeamMembers.buttons.saveChanges"),
-                loading: isSubmitting,
-                type: "submit"
-              }), /*#__PURE__*/jsxRuntime.jsx(Button__default["default"], {
+              cancelButtonProps: {
                 "data-cy": "ntm-add-role-cancel-button",
-                label: t("neetoTeamMembers.buttons.cancel"),
-                style: "text",
                 onClick: onClose
-              })]
+              },
+              submitButtonProps: {
+                "data-cy": "ntm-add-role-submit-button",
+                disabled: isSubmitting || isDisabled || !dirty
+              }
             })
           })]
         });
@@ -9167,8 +9160,7 @@ var ManageMember = function ManageMember(_ref) {
       },
       children: function children(_ref5) {
         var _manageMemberComponen2, _manageMemberComponen3;
-        var values = _ref5.values,
-          dirty = _ref5.dirty;
+        var values = _ref5.values;
         var emails = values.emails,
           role = values.role;
         formikValues.current = values;
@@ -9187,23 +9179,21 @@ var ManageMember = function ManageMember(_ref) {
                 completedCount: progress === null || progress === void 0 ? void 0 : progress.completedCount
               })
             }), renderFormPage(currentPage, emails, role)]
-          })), /*#__PURE__*/jsxRuntime.jsxs(Component.Footer, _objectSpread$1(_objectSpread$1({}, manageMemberComponentConfig.footerProps), {}, {
+          })), /*#__PURE__*/jsxRuntime.jsx(Component.Footer, _objectSpread$1(_objectSpread$1({}, manageMemberComponentConfig.footerProps), {}, {
             className: classnames__default["default"](["ntm-members-form__footer", (_manageMemberComponen3 = manageMemberComponentConfig.footerProps) === null || _manageMemberComponen3 === void 0 ? void 0 : _manageMemberComponen3.className]),
-            children: [/*#__PURE__*/jsxRuntime.jsx(Button__default["default"], {
-              loading: isSubmitting || isCreationStatusPollingEnabled,
-              style: "primary",
-              type: "submit",
-              "data-cy": isLastPage ? "ntm-manage-member-submit-button" : "ntm-manage-member-continue-button",
-              disabled: !dirty || isSubmitting || isCreationStatusPollingEnabled,
-              label: isLastPage ? t("neetoTeamMembers.buttons.saveChanges") : t("neetoTeamMembers.buttons.continue")
-            }), /*#__PURE__*/jsxRuntime.jsx(Button__default["default"], {
-              "data-cy": "ntm-manage-member-cancel-button",
-              label: t("neetoTeamMembers.buttons.cancel"),
-              style: "text",
-              onClick: function onClick() {
-                return handleClose(false);
+            children: /*#__PURE__*/jsxRuntime.jsx(ActionBlock__default["default"], {
+              isSubmitting: isSubmitting || isCreationStatusPollingEnabled,
+              cancelButtonProps: {
+                "data-cy": "ntm-manage-member-cancel-button",
+                onClick: function onClick() {
+                  return handleClose(false);
+                }
+              },
+              submitButtonProps: {
+                "data-cy": isLastPage ? "ntm-manage-member-submit-button" : "ntm-manage-member-continue-button",
+                label: isLastPage ? t("neetoTeamMembers.buttons.saveChanges") : t("neetoTeamMembers.buttons.continue")
               }
-            })]
+            })
           }))]
         });
       }