@oxyhq/services 22.8.7 → 22.10.0

package/lib/module/ui/screens/AccountMembersScreen.js

@@ -1,22 +1,22 @@
 "use strict";
 
 import { useCallback, useMemo, useState } from 'react';
-import { View, ScrollView, TouchableOpacity, ActivityIndicator, Platform, KeyboardAvoidingView } from 'react-native';
+import { View, TouchableOpacity, ActivityIndicator } from 'react-native';
 import { Ionicons } from '@expo/vector-icons';
 import { useQuery, useMutation, useQueryClient } from '@tanstack/react-query';
-import { toast, Dialog, useDialogControl } from '@oxyhq/bloom';
+import { toast } from '@oxyhq/bloom';
+import { surfaces } from '@oxyhq/bloom/surfaces';
 import { useTheme } from '@oxyhq/bloom/theme';
-import { H1, Text } from '@oxyhq/bloom/typography';
+import { Text } from '@oxyhq/bloom/typography';
 import { Button } from '@oxyhq/bloom/button';
 import { TextField, TextFieldInput } from '@oxyhq/bloom/text-field';
 import { Divider } from '@oxyhq/bloom/divider';
-import { logger as loggerUtil } from '@oxyhq/core';
-import Header from "../components/Header.js";
 import { useOxy } from "../context/OxyContext.js";
 import { useI18n } from "../hooks/useI18n.js";
+import { useSurfaceHeader } from "../hooks/useSurfaceHeader.js";
 
 /** Roles assignable via invite / role change — everything except `owner`. */
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 const ASSIGNABLE_ROLES = ['admin', 'editor', 'developer', 'billing', 'viewer'];
 const errorMessage = (error, fallback) => error instanceof Error && error.message ? error.message : fallback;
 const isUserNotFound = error => {
@@ -39,6 +39,10 @@ const AccountMembersScreen = ({
   const {
     t
   } = useI18n();
+  useSurfaceHeader({
+    title: t('accounts.members.title') || 'Members',
+    subtitle: t('accounts.members.subtitle') || 'People with access to this account.'
+  });
   const {
     oxyServices,
     canUsePrivateApi
@@ -141,10 +145,6 @@ const AccountMembersScreen = ({
       toast.error(errorMessage(error, t('accounts.members.toasts.transferFailed') || 'Failed to transfer ownership'));
     }
   });
-  const [memberToRemove, setMemberToRemove] = useState(null);
-  const [memberToPromote, setMemberToPromote] = useState(null);
-  const removeDialog = useDialogControl();
-  const transferDialog = useDialogControl();
   const handleInvite = useCallback(() => {
     const usernameOrEmail = inviteIdentifier.trim();
     if (!usernameOrEmail) {
@@ -166,298 +166,230 @@ const AccountMembersScreen = ({
       role
     });
   }, [updateMutation]);
-  const confirmRemove = useCallback(member => {
-    setMemberToRemove(member);
-    removeDialog.open();
-  }, [removeDialog]);
-  const confirmTransfer = useCallback(member => {
-    setMemberToPromote(member);
-    transferDialog.open();
-  }, [transferDialog]);
-  const title = t('accounts.members.title') || 'Members';
+  const confirmRemove = useCallback(async member => {
+    const confirmed = await surfaces.confirm({
+      title: t('accounts.members.removeConfirm.title') || 'Remove member',
+      message: t('accounts.members.removeConfirm.description') || 'Remove this member from the account? They will lose all access.',
+      confirmLabel: t('accounts.members.actions.remove') || 'Remove',
+      cancelLabel: t('common.cancel') || 'Cancel',
+      destructive: true
+    });
+    if (confirmed) removeMutation.mutate(member._id);
+  }, [removeMutation, t]);
+  const confirmTransfer = useCallback(async member => {
+    const confirmed = await surfaces.confirm({
+      title: t('accounts.members.transferConfirm.title') || 'Transfer ownership',
+      message: t('accounts.members.transferConfirm.description') || 'Transfer ownership of this account to this member? You will be demoted to admin. This cannot be undone.',
+      confirmLabel: t('accounts.members.actions.transfer') || 'Transfer ownership',
+      cancelLabel: t('common.cancel') || 'Cancel',
+      destructive: true
+    });
+    if (confirmed) transferMutation.mutate(member.memberUserId);
+  }, [transferMutation, t]);
   if (!id) {
-    return /*#__PURE__*/_jsxs(View, {
-      className: "flex-1 bg-bg",
-      children: [/*#__PURE__*/_jsx(Header, {
-        title: title,
-        onBack: goBack,
-        onClose: onClose,
-        showBackButton: true,
-        showCloseButton: true,
-        elevation: "subtle"
-      }), /*#__PURE__*/_jsx(View, {
-        className: "flex-1 items-center justify-center px-screen-margin",
+    return /*#__PURE__*/_jsx(_Fragment, {
+      children: /*#__PURE__*/_jsx(View, {
+        className: "items-center justify-center px-screen-margin py-space-40",
         children: /*#__PURE__*/_jsx(Text, {
           className: "text-body font-body text-text-secondary text-center",
           children: t('accounts.members.errors.missingAccount') || 'No account selected.'
         })
-      })]
+      })
     });
   }
   return /*#__PURE__*/_jsxs(View, {
-    className: "flex-1 bg-bg",
-    children: [/*#__PURE__*/_jsx(Header, {
-      title: title,
-      onBack: goBack,
-      onClose: onClose,
-      showBackButton: true,
-      showCloseButton: true,
-      elevation: "subtle"
-    }), /*#__PURE__*/_jsx(KeyboardAvoidingView, {
-      className: "flex-1",
-      behavior: Platform.OS === 'ios' ? 'padding' : undefined,
-      keyboardVerticalOffset: Platform.OS === 'ios' ? 88 : 0,
-      children: /*#__PURE__*/_jsxs(ScrollView, {
-        className: "flex-1",
-        contentContainerClassName: "px-screen-margin pt-space-24 pb-space-32 gap-space-24",
-        showsVerticalScrollIndicator: false,
-        keyboardShouldPersistTaps: "handled",
-        children: [/*#__PURE__*/_jsxs(View, {
-          className: "gap-space-8",
-          children: [/*#__PURE__*/_jsx(H1, {
-            className: "text-headerBold font-headerBold text-text",
-            children: title
-          }), /*#__PURE__*/_jsx(Text, {
-            className: "text-body font-body text-text-secondary",
-            children: t('accounts.members.subtitle') || 'People with access to this account.'
-          })]
-        }), !accountQuery.isLoading && !canRead ? /*#__PURE__*/_jsx(Text, {
-          className: "text-body font-body text-text-secondary text-center py-space-24",
-          children: t('accounts.members.errors.noPermission') || 'You do not have permission to view members.'
-        }) : null, canInvite ? /*#__PURE__*/_jsxs(View, {
-          className: "gap-space-12 p-space-16 rounded-radius-20 bg-fill",
-          children: [/*#__PURE__*/_jsx(Text, {
-            className: "text-body font-bodyBold text-text",
-            children: t('accounts.members.invite.title') || 'Add a member'
-          }), /*#__PURE__*/_jsx(TextField, {
-            isInvalid: !!inviteError,
-            children: /*#__PURE__*/_jsx(TextFieldInput, {
-              floatingLabel: true,
-              label: t('accounts.members.invite.identifierLabel') || 'Username or email',
-              value: inviteIdentifier,
-              onChangeText: value => {
-                setInviteIdentifier(value);
-                if (inviteError) setInviteError(null);
-              },
-              isInvalid: !!inviteError,
-              autoCapitalize: "none",
-              autoCorrect: false,
-              autoComplete: "off"
-            })
-          }), inviteError ? /*#__PURE__*/_jsx(Text, {
-            className: "text-caption font-caption px-space-4",
+    className: "px-screen-margin pt-space-16 pb-space-32 gap-space-24",
+    children: [!accountQuery.isLoading && !canRead ? /*#__PURE__*/_jsx(Text, {
+      className: "text-body font-body text-text-secondary text-center py-space-24",
+      children: t('accounts.members.errors.noPermission') || 'You do not have permission to view members.'
+    }) : null, canInvite ? /*#__PURE__*/_jsxs(View, {
+      className: "gap-space-12 p-space-16 rounded-radius-20 bg-fill",
+      children: [/*#__PURE__*/_jsx(Text, {
+        className: "text-body font-bodyBold text-text",
+        children: t('accounts.members.invite.title') || 'Add a member'
+      }), /*#__PURE__*/_jsx(TextField, {
+        isInvalid: !!inviteError,
+        children: /*#__PURE__*/_jsx(TextFieldInput, {
+          floatingLabel: true,
+          label: t('accounts.members.invite.identifierLabel') || 'Username or email',
+          value: inviteIdentifier,
+          onChangeText: value => {
+            setInviteIdentifier(value);
+            if (inviteError) setInviteError(null);
+          },
+          isInvalid: !!inviteError,
+          autoCapitalize: "none",
+          autoCorrect: false,
+          autoComplete: "off"
+        })
+      }), inviteError ? /*#__PURE__*/_jsx(Text, {
+        className: "text-caption font-caption px-space-4",
+        style: {
+          color: colors.negative
+        },
+        children: inviteError
+      }) : null, /*#__PURE__*/_jsx(Text, {
+        className: "text-caption font-caption text-text-secondary px-space-4",
+        children: t('accounts.members.invite.roleLabel') || 'Role'
+      }), /*#__PURE__*/_jsx(View, {
+        className: "flex-row flex-wrap gap-space-8",
+        children: ASSIGNABLE_ROLES.map(role => {
+          const selected = role === inviteRole;
+          return /*#__PURE__*/_jsx(TouchableOpacity, {
+            accessibilityRole: "radio",
+            accessibilityState: {
+              selected
+            },
+            accessibilityLabel: roleLabel(role),
+            onPress: () => setInviteRole(role),
+            activeOpacity: 0.7,
+            className: "px-space-12 py-space-8 rounded-radius-full",
             style: {
-              color: colors.negative
+              backgroundColor: selected ? colors.primary : colors.card,
+              borderWidth: 1,
+              borderColor: selected ? colors.primary : colors.border
             },
-            children: inviteError
-          }) : null, /*#__PURE__*/_jsx(Text, {
-            className: "text-caption font-caption text-text-secondary px-space-4",
-            children: t('accounts.members.invite.roleLabel') || 'Role'
-          }), /*#__PURE__*/_jsx(View, {
-            className: "flex-row flex-wrap gap-space-8",
-            children: ASSIGNABLE_ROLES.map(role => {
-              const selected = role === inviteRole;
-              return /*#__PURE__*/_jsx(TouchableOpacity, {
-                accessibilityRole: "radio",
-                accessibilityState: {
-                  selected
-                },
-                accessibilityLabel: roleLabel(role),
-                onPress: () => setInviteRole(role),
-                activeOpacity: 0.7,
-                className: "px-space-12 py-space-8 rounded-radius-full",
-                style: {
-                  backgroundColor: selected ? colors.primary : colors.card,
-                  borderWidth: 1,
-                  borderColor: selected ? colors.primary : colors.border
-                },
-                children: /*#__PURE__*/_jsx(Text, {
-                  className: "text-caption font-bodyBold",
+            children: /*#__PURE__*/_jsx(Text, {
+              className: "text-caption font-bodyBold",
+              style: {
+                color: selected ? colors.background : colors.text
+              },
+              children: roleLabel(role)
+            })
+          }, role);
+        })
+      }), /*#__PURE__*/_jsx(Button, {
+        variant: "primary",
+        onPress: handleInvite,
+        disabled: inviteMutation.isPending || !inviteIdentifier.trim(),
+        loading: inviteMutation.isPending,
+        accessibilityLabel: t('accounts.members.invite.submit') || 'Add member',
+        className: "w-full",
+        children: t('accounts.members.invite.submit') || 'Add member'
+      })]
+    }) : null, canRead ? /*#__PURE__*/_jsx(View, {
+      className: "gap-space-8",
+      children: membersQuery.isLoading ? /*#__PURE__*/_jsx(View, {
+        className: "items-center py-space-24",
+        children: /*#__PURE__*/_jsx(ActivityIndicator, {
+          color: colors.primary
+        })
+      }) : members.length === 0 ? /*#__PURE__*/_jsx(Text, {
+        className: "text-body font-body text-text-secondary text-center py-space-24",
+        children: t('accounts.members.empty') || 'No members yet.'
+      }) : /*#__PURE__*/_jsx(View, {
+        className: "rounded-radius-20 bg-fill overflow-hidden",
+        children: members.map((member, index) => {
+          const isOwner = member.role === 'owner';
+          const isLastOwner = isOwner && ownerCount <= 1;
+          const canEditThisRole = canUpdate && !isOwner;
+          const canRemoveThisMember = canRemove && !isLastOwner && (!isOwner || canTransfer);
+          const canTransferToThis = canTransfer && !isOwner && member.status === 'active';
+          return /*#__PURE__*/_jsxs(View, {
+            children: [index > 0 ? /*#__PURE__*/_jsx(Divider, {
+              color: colors.border,
+              spacing: 0
+            }) : null, /*#__PURE__*/_jsxs(View, {
+              className: "p-space-16 gap-space-8",
+              children: [/*#__PURE__*/_jsxs(View, {
+                className: "flex-row items-center gap-space-8",
+                children: [/*#__PURE__*/_jsx(Text, {
+                  className: "text-body font-bodyBold text-text flex-1",
+                  numberOfLines: 1,
+                  children: member.memberUserId
+                }), isOwner ? /*#__PURE__*/_jsx(View, {
+                  className: "px-space-8 py-space-4 rounded-radius-full",
                   style: {
-                    color: selected ? colors.background : colors.text
+                    backgroundColor: colors.primarySubtle
                   },
-                  children: roleLabel(role)
-                })
-              }, role);
-            })
-          }), /*#__PURE__*/_jsx(Button, {
-            variant: "primary",
-            onPress: handleInvite,
-            disabled: inviteMutation.isPending || !inviteIdentifier.trim(),
-            loading: inviteMutation.isPending,
-            accessibilityLabel: t('accounts.members.invite.submit') || 'Add member',
-            className: "w-full",
-            children: t('accounts.members.invite.submit') || 'Add member'
-          })]
-        }) : null, canRead ? /*#__PURE__*/_jsx(View, {
-          className: "gap-space-8",
-          children: membersQuery.isLoading ? /*#__PURE__*/_jsx(View, {
-            className: "items-center py-space-24",
-            children: /*#__PURE__*/_jsx(ActivityIndicator, {
-              color: colors.primary
-            })
-          }) : members.length === 0 ? /*#__PURE__*/_jsx(Text, {
-            className: "text-body font-body text-text-secondary text-center py-space-24",
-            children: t('accounts.members.empty') || 'No members yet.'
-          }) : /*#__PURE__*/_jsx(View, {
-            className: "rounded-radius-20 bg-fill overflow-hidden",
-            children: members.map((member, index) => {
-              const isOwner = member.role === 'owner';
-              const isLastOwner = isOwner && ownerCount <= 1;
-              const canEditThisRole = canUpdate && !isOwner;
-              const canRemoveThisMember = canRemove && !isLastOwner && (!isOwner || canTransfer);
-              const canTransferToThis = canTransfer && !isOwner && member.status === 'active';
-              return /*#__PURE__*/_jsxs(View, {
-                children: [index > 0 ? /*#__PURE__*/_jsx(Divider, {
-                  color: colors.border,
-                  spacing: 0
-                }) : null, /*#__PURE__*/_jsxs(View, {
-                  className: "p-space-16 gap-space-8",
-                  children: [/*#__PURE__*/_jsxs(View, {
-                    className: "flex-row items-center gap-space-8",
-                    children: [/*#__PURE__*/_jsx(Text, {
-                      className: "text-body font-bodyBold text-text flex-1",
-                      numberOfLines: 1,
-                      children: member.memberUserId
-                    }), isOwner ? /*#__PURE__*/_jsx(View, {
-                      className: "px-space-8 py-space-4 rounded-radius-full",
-                      style: {
-                        backgroundColor: colors.primarySubtle
-                      },
-                      children: /*#__PURE__*/_jsx(Text, {
-                        className: "text-caption font-bodyBold",
-                        style: {
-                          color: colors.primary
-                        },
-                        children: roleLabel('owner')
-                      })
-                    }) : null, member.status !== 'active' ? /*#__PURE__*/_jsx(View, {
-                      className: "px-space-8 py-space-4 rounded-radius-full",
+                  children: /*#__PURE__*/_jsx(Text, {
+                    className: "text-caption font-bodyBold",
+                    style: {
+                      color: colors.primary
+                    },
+                    children: roleLabel('owner')
+                  })
+                }) : null, member.status !== 'active' ? /*#__PURE__*/_jsx(View, {
+                  className: "px-space-8 py-space-4 rounded-radius-full",
+                  style: {
+                    backgroundColor: colors.card
+                  },
+                  children: /*#__PURE__*/_jsx(Text, {
+                    className: "text-caption font-caption capitalize text-text-secondary",
+                    children: member.status
+                  })
+                }) : null]
+              }), canEditThisRole ? /*#__PURE__*/_jsx(View, {
+                className: "flex-row flex-wrap gap-space-8",
+                children: ASSIGNABLE_ROLES.map(role => {
+                  const selected = role === member.role;
+                  return /*#__PURE__*/_jsx(TouchableOpacity, {
+                    accessibilityRole: "radio",
+                    accessibilityState: {
+                      selected
+                    },
+                    accessibilityLabel: roleLabel(role),
+                    onPress: () => handleChangeRole(member, role),
+                    disabled: updateMutation.isPending,
+                    activeOpacity: 0.7,
+                    className: "px-space-12 py-space-4 rounded-radius-full",
+                    style: {
+                      backgroundColor: selected ? colors.primary : colors.card,
+                      borderWidth: 1,
+                      borderColor: selected ? colors.primary : colors.border
+                    },
+                    children: /*#__PURE__*/_jsx(Text, {
+                      className: "text-caption font-bodyBold",
                       style: {
-                        backgroundColor: colors.card
+                        color: selected ? colors.background : colors.text
                       },
-                      children: /*#__PURE__*/_jsx(Text, {
-                        className: "text-caption font-caption capitalize text-text-secondary",
-                        children: member.status
-                      })
-                    }) : null]
-                  }), canEditThisRole ? /*#__PURE__*/_jsx(View, {
-                    className: "flex-row flex-wrap gap-space-8",
-                    children: ASSIGNABLE_ROLES.map(role => {
-                      const selected = role === member.role;
-                      return /*#__PURE__*/_jsx(TouchableOpacity, {
-                        accessibilityRole: "radio",
-                        accessibilityState: {
-                          selected
-                        },
-                        accessibilityLabel: roleLabel(role),
-                        onPress: () => handleChangeRole(member, role),
-                        disabled: updateMutation.isPending,
-                        activeOpacity: 0.7,
-                        className: "px-space-12 py-space-4 rounded-radius-full",
-                        style: {
-                          backgroundColor: selected ? colors.primary : colors.card,
-                          borderWidth: 1,
-                          borderColor: selected ? colors.primary : colors.border
-                        },
-                        children: /*#__PURE__*/_jsx(Text, {
-                          className: "text-caption font-bodyBold",
-                          style: {
-                            color: selected ? colors.background : colors.text
-                          },
-                          children: roleLabel(role)
-                        })
-                      }, role);
+                      children: roleLabel(role)
                     })
-                  }) : !isOwner ? /*#__PURE__*/_jsx(Text, {
-                    className: "text-caption font-caption text-text-secondary",
-                    children: roleLabel(member.role)
-                  }) : null, canTransferToThis || canRemoveThisMember ? /*#__PURE__*/_jsxs(View, {
-                    className: "flex-row gap-space-16 pt-space-4",
-                    children: [canTransferToThis ? /*#__PURE__*/_jsxs(TouchableOpacity, {
-                      accessibilityRole: "button",
-                      accessibilityLabel: t('accounts.members.actions.transfer') || 'Transfer ownership',
-                      onPress: () => confirmTransfer(member),
-                      activeOpacity: 0.7,
-                      className: "flex-row items-center gap-space-4",
-                      children: [/*#__PURE__*/_jsx(Ionicons, {
-                        name: "swap-horizontal-outline",
-                        size: 16,
-                        color: colors.icon
-                      }), /*#__PURE__*/_jsx(Text, {
-                        className: "text-caption font-bodyBold text-text-secondary",
-                        children: t('accounts.members.actions.transfer') || 'Transfer ownership'
-                      })]
-                    }) : null, canRemoveThisMember ? /*#__PURE__*/_jsxs(TouchableOpacity, {
-                      accessibilityRole: "button",
-                      accessibilityLabel: t('accounts.members.actions.remove') || 'Remove member',
-                      onPress: () => confirmRemove(member),
-                      activeOpacity: 0.7,
-                      className: "flex-row items-center gap-space-4",
-                      children: [/*#__PURE__*/_jsx(Ionicons, {
-                        name: "trash-outline",
-                        size: 16,
-                        color: colors.error
-                      }), /*#__PURE__*/_jsx(Text, {
-                        className: "text-caption font-bodyBold",
-                        style: {
-                          color: colors.error
-                        },
-                        children: t('accounts.members.actions.remove') || 'Remove'
-                      })]
-                    }) : null]
-                  }) : null]
-                })]
-              }, member._id);
-            })
-          })
-        }) : null]
+                  }, role);
+                })
+              }) : !isOwner ? /*#__PURE__*/_jsx(Text, {
+                className: "text-caption font-caption text-text-secondary",
+                children: roleLabel(member.role)
+              }) : null, canTransferToThis || canRemoveThisMember ? /*#__PURE__*/_jsxs(View, {
+                className: "flex-row gap-space-16 pt-space-4",
+                children: [canTransferToThis ? /*#__PURE__*/_jsxs(TouchableOpacity, {
+                  accessibilityRole: "button",
+                  accessibilityLabel: t('accounts.members.actions.transfer') || 'Transfer ownership',
+                  onPress: () => confirmTransfer(member),
+                  activeOpacity: 0.7,
+                  className: "flex-row items-center gap-space-4",
+                  children: [/*#__PURE__*/_jsx(Ionicons, {
+                    name: "swap-horizontal-outline",
+                    size: 16,
+                    color: colors.icon
+                  }), /*#__PURE__*/_jsx(Text, {
+                    className: "text-caption font-bodyBold text-text-secondary",
+                    children: t('accounts.members.actions.transfer') || 'Transfer ownership'
+                  })]
+                }) : null, canRemoveThisMember ? /*#__PURE__*/_jsxs(TouchableOpacity, {
+                  accessibilityRole: "button",
+                  accessibilityLabel: t('accounts.members.actions.remove') || 'Remove member',
+                  onPress: () => confirmRemove(member),
+                  activeOpacity: 0.7,
+                  className: "flex-row items-center gap-space-4",
+                  children: [/*#__PURE__*/_jsx(Ionicons, {
+                    name: "trash-outline",
+                    size: 16,
+                    color: colors.error
+                  }), /*#__PURE__*/_jsx(Text, {
+                    className: "text-caption font-bodyBold",
+                    style: {
+                      color: colors.error
+                    },
+                    children: t('accounts.members.actions.remove') || 'Remove'
+                  })]
+                }) : null]
+              }) : null]
+            })]
+          }, member._id);
+        })
       })
-    }), /*#__PURE__*/_jsx(Dialog, {
-      control: removeDialog,
-      title: t('accounts.members.removeConfirm.title') || 'Remove member',
-      description: t('accounts.members.removeConfirm.description') || 'Remove this member from the account? They will lose all access.',
-      actions: [{
-        label: t('accounts.members.actions.remove') || 'Remove',
-        color: 'destructive',
-        onPress: () => {
-          const target = memberToRemove;
-          setMemberToRemove(null);
-          if (target) {
-            removeMutation.mutate(target._id);
-          } else {
-            loggerUtil.debug('Remove confirmed with no pending member', {
-              component: 'AccountMembersScreen'
-            });
-          }
-        }
-      }, {
-        label: t('common.cancel') || 'Cancel',
-        color: 'cancel'
-      }]
-    }), /*#__PURE__*/_jsx(Dialog, {
-      control: transferDialog,
-      title: t('accounts.members.transferConfirm.title') || 'Transfer ownership',
-      description: t('accounts.members.transferConfirm.description') || 'Transfer ownership of this account to this member? You will be demoted to admin. This cannot be undone.',
-      actions: [{
-        label: t('accounts.members.actions.transfer') || 'Transfer ownership',
-        color: 'destructive',
-        onPress: () => {
-          const target = memberToPromote;
-          setMemberToPromote(null);
-          if (target) {
-            transferMutation.mutate(target.memberUserId);
-          } else {
-            loggerUtil.debug('Transfer confirmed with no pending member', {
-              component: 'AccountMembersScreen'
-            });
-          }
-        }
-      }, {
-        label: t('common.cancel') || 'Cancel',
-        color: 'cancel'
-      }]
-    })]
+    }) : null]
   });
 };
 export default AccountMembersScreen;