@greatapps/common 1.1.789 → 1.1.791

package/dist/components/account/sections/team/DeleteUserModal.mjs

@@ -0,0 +1,116 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { IconTrash, IconX } from "@tabler/icons-react";
+import { useTranslations } from "next-intl";
+import { toast } from "sonner";
+import { Button } from "../../../ui/buttons/Button";
+import { Separator } from "../../../ui/data-display/Separator";
+import { Toast } from "../../../ui/feedback/Toast";
+import { FormField } from "../../../ui/form/FormField";
+import {
+  Dialog,
+  DialogContent,
+  DialogDescription,
+  DialogHeader,
+  DialogTitle
+} from "../../../ui/overlay/Dialog";
+import { useDeleteConfirmation } from "../../../../modules/cards/hooks/delete-confirmation.hook";
+import { useDeleteAccountUser } from "../../../../modules/accounts/hooks/useAccountManagement";
+import { useTeamFlows } from "../../../../store/useTeamFlows";
+function DeleteUserModal() {
+  const translate = useTranslations();
+  const translateModal = useTranslations("common.account.workspace.team.deleteModal");
+  const userToDelete = useTeamFlows((state) => state.userToDelete);
+  const closeDeleteUser = useTeamFlows((state) => state.closeDeleteUser);
+  const deleteAccountUser = useDeleteAccountUser();
+  const { form, isValidConfirmation, resetConfirmation } = useDeleteConfirmation({
+    confirmWord: translateModal("deleteWord")
+  });
+  const handleClose = () => {
+    resetConfirmation();
+    closeDeleteUser();
+  };
+  const onSubmit = async () => {
+    if (!userToDelete) return;
+    try {
+      await deleteAccountUser.mutateAsync(userToDelete.id);
+    } catch (error) {
+      toast.custom(
+        (toastId) => /* @__PURE__ */ jsx(
+          Toast,
+          {
+            toastId,
+            variant: "error",
+            message: error instanceof Error ? error.message : translateModal("deleteError")
+          }
+        ),
+        { duration: 5e3 }
+      );
+      return;
+    }
+    const userEmail = userToDelete.email;
+    resetConfirmation();
+    closeDeleteUser();
+    toast.custom(
+      (toastId) => /* @__PURE__ */ jsx(Toast, { toastId, children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3 flex-1 min-w-0", children: [
+        /* @__PURE__ */ jsx("p", { className: "flex-1 text-zinc-600 paragraph-small-medium", children: translateModal("deleted", { userEmail }) }),
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            variant: "ghost",
+            className: "size-8 rounded-full shrink-0",
+            onClick: () => toast.dismiss(toastId),
+            children: /* @__PURE__ */ jsx(IconX, { size: 18 })
+          }
+        )
+      ] }) }),
+      { duration: 5e3 }
+    );
+  };
+  return /* @__PURE__ */ jsx(Dialog, { open: !!userToDelete, onOpenChange: handleClose, children: /* @__PURE__ */ jsx(DialogContent, { className: "flex flex-col p-0! gap-0! max-w-[calc(100%-2rem)]! w-full sm:max-w-[400px]! lg:max-w-[410px]! rounded-lg border", children: /* @__PURE__ */ jsxs("form", { onSubmit: form.handleSubmit(onSubmit), className: "flex flex-col", children: [
+    /* @__PURE__ */ jsxs(DialogHeader, { className: "gap-4 text-left p-4 lg:p-5 pb-0 lg:pb-0", children: [
+      /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center w-fit bg-red-50 rounded-lg p-2.5", children: /* @__PURE__ */ jsx(IconTrash, { size: 20, className: "text-red-500" }) }),
+      /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2", children: [
+        /* @__PURE__ */ jsx(DialogTitle, { className: "paragraph-medium-semibold text-zinc-950", children: translateModal("title") }),
+        /* @__PURE__ */ jsx(DialogDescription, { className: "paragraph-small-regular text-zinc-600", children: translateModal("description", { userName: userToDelete?.name ?? "" }) })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: "px-4 lg:px-5 py-5", children: /* @__PURE__ */ jsx(
+      FormField,
+      {
+        label: translateModal("typeDelete"),
+        required: true,
+        placeholder: translateModal("deleteWord"),
+        ...form.register("confirmText")
+      }
+    ) }),
+    /* @__PURE__ */ jsx(Separator, {}),
+    /* @__PURE__ */ jsxs("div", { className: "flex flex-row items-center gap-2 p-4 lg:p-5", children: [
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          type: "submit",
+          disabled: !isValidConfirmation,
+          loading: form.formState.isSubmitting,
+          className: "h-10! flex-1",
+          children: form.formState.isSubmitting ? translateModal("deletingUser") : translateModal("deleteUser")
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          type: "button",
+          variant: "secondary",
+          className: "h-10! flex-1",
+          onClick: handleClose,
+          disabled: form.formState.isSubmitting,
+          children: translate("common.actions.cancel")
+        }
+      )
+    ] })
+  ] }) }) });
+}
+export {
+  DeleteUserModal
+};
+//# sourceMappingURL=DeleteUserModal.mjs.map

package/dist/components/account/sections/team/DeleteUserModal.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/account/sections/team/DeleteUserModal.tsx"],"sourcesContent":["'use client';\n\nimport { IconTrash, IconX } from '@tabler/icons-react';\nimport { useTranslations } from 'next-intl';\nimport { toast } from 'sonner';\nimport { Button } from '../../../ui/buttons/Button';\nimport { Separator } from '../../../ui/data-display/Separator';\nimport { Toast } from '../../../ui/feedback/Toast';\nimport { FormField } from '../../../ui/form/FormField';\nimport {\n  Dialog,\n  DialogContent,\n  DialogDescription,\n  DialogHeader,\n  DialogTitle,\n} from '../../../ui/overlay/Dialog';\nimport { useDeleteConfirmation } from '../../../../modules/cards/hooks/delete-confirmation.hook';\nimport { useDeleteAccountUser } from '../../../../modules/accounts/hooks/useAccountManagement';\nimport { useTeamFlows } from '../../../../store/useTeamFlows';\n\n/** Exclusão de usuário da conta, confirmada digitando EXCLUIR. */\nexport function DeleteUserModal() {\n  const translate = useTranslations();\n  const translateModal = useTranslations('common.account.workspace.team.deleteModal');\n  const userToDelete = useTeamFlows((state) => state.userToDelete);\n  const closeDeleteUser = useTeamFlows((state) => state.closeDeleteUser);\n  const deleteAccountUser = useDeleteAccountUser();\n\n  const { form, isValidConfirmation, resetConfirmation } = useDeleteConfirmation({\n    confirmWord: translateModal('deleteWord'),\n  });\n\n  const handleClose = () => {\n    resetConfirmation();\n    closeDeleteUser();\n  };\n\n  const onSubmit = async () => {\n    if (!userToDelete) return;\n\n    try {\n      await deleteAccountUser.mutateAsync(userToDelete.id);\n    } catch (error) {\n      toast.custom(\n        (toastId) => (\n          <Toast\n            toastId={toastId}\n            variant=\"error\"\n            message={error instanceof Error ? error.message : translateModal('deleteError')}\n          />\n        ),\n        { duration: 5000 }\n      );\n      return;\n    }\n\n    const userEmail = userToDelete.email;\n    resetConfirmation();\n    closeDeleteUser();\n\n    toast.custom(\n      (toastId) => (\n        <Toast toastId={toastId}>\n          <div className=\"flex items-center gap-3 flex-1 min-w-0\">\n            <p className=\"flex-1 text-zinc-600 paragraph-small-medium\">\n              {translateModal('deleted', { userEmail })}\n            </p>\n            <Button\n              variant=\"ghost\"\n              className=\"size-8 rounded-full shrink-0\"\n              onClick={() => toast.dismiss(toastId)}\n            >\n              <IconX size={18} />\n            </Button>\n          </div>\n        </Toast>\n      ),\n      { duration: 5000 }\n    );\n  };\n\n  return (\n    <Dialog open={!!userToDelete} onOpenChange={handleClose}>\n      <DialogContent className=\"flex flex-col p-0! gap-0! max-w-[calc(100%-2rem)]! w-full sm:max-w-[400px]! lg:max-w-[410px]! rounded-lg border\">\n        <form onSubmit={form.handleSubmit(onSubmit)} className=\"flex flex-col\">\n          <DialogHeader className=\"gap-4 text-left p-4 lg:p-5 pb-0 lg:pb-0\">\n            <div className=\"flex items-center justify-center w-fit bg-red-50 rounded-lg p-2.5\">\n              <IconTrash size={20} className=\"text-red-500\" />\n            </div>\n            <div className=\"flex flex-col gap-2\">\n              <DialogTitle className=\"paragraph-medium-semibold text-zinc-950\">\n                {translateModal('title')}\n              </DialogTitle>\n              <DialogDescription className=\"paragraph-small-regular text-zinc-600\">\n                {translateModal('description', { userName: userToDelete?.name ?? '' })}\n              </DialogDescription>\n            </div>\n          </DialogHeader>\n\n          <div className=\"px-4 lg:px-5 py-5\">\n            <FormField\n              label={translateModal('typeDelete')}\n              required\n              placeholder={translateModal('deleteWord')}\n              {...form.register('confirmText')}\n            />\n          </div>\n\n          <Separator />\n\n          <div className=\"flex flex-row items-center gap-2 p-4 lg:p-5\">\n            <Button\n              type=\"submit\"\n              disabled={!isValidConfirmation}\n              loading={form.formState.isSubmitting}\n              className=\"h-10! flex-1\"\n            >\n              {form.formState.isSubmitting ? translateModal('deletingUser') : translateModal('deleteUser')}\n            </Button>\n            <Button\n              type=\"button\"\n              variant=\"secondary\"\n              className=\"h-10! flex-1\"\n              onClick={handleClose}\n              disabled={form.formState.isSubmitting}\n            >\n              {translate('common.actions.cancel')}\n            </Button>\n          </div>\n        </form>\n      </DialogContent>\n    </Dialog>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/components/account/sections/team/TeamFlows.mjs

@@ -0,0 +1,14 @@
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { DeleteUserModal } from "./DeleteUserModal";
+import { UserSheet } from "./UserSheet";
+function TeamFlows() {
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(UserSheet, {}),
+    /* @__PURE__ */ jsx(DeleteUserModal, {})
+  ] });
+}
+export {
+  TeamFlows
+};
+//# sourceMappingURL=TeamFlows.mjs.map

package/dist/components/account/sections/team/TeamFlows.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/account/sections/team/TeamFlows.tsx"],"sourcesContent":["'use client';\n\nimport { DeleteUserModal } from './DeleteUserModal';\nimport { UserSheet } from './UserSheet';\n\n/** Fluxos da aba Minha equipe, abertos por cima do modal Minha conta. */\nexport function TeamFlows() {\n  return (\n    <>\n      <UserSheet />\n      <DeleteUserModal />\n    </>\n  );\n}\n"],"mappings":";AAQI,mBACE,KADF;AANJ,SAAS,uBAAuB;AAChC,SAAS,iBAAiB;AAGnB,SAAS,YAAY;AAC1B,SACE,iCACE;AAAA,wBAAC,aAAU;AAAA,IACX,oBAAC,mBAAgB;AAAA,KACnB;AAEJ;","names":[]}

package/dist/components/account/sections/team/TeamMemberRow.mjs

@@ -0,0 +1,99 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { IconPencil, IconShieldCheck, IconTrash } from "@tabler/icons-react";
+import { useTranslations } from "next-intl";
+import { Button } from "../../../ui/buttons/Button";
+import { Tooltip, TooltipContent, TooltipTrigger } from "../../../ui/overlay/Tooltip";
+import { useAuth } from "../../../../providers/auth.provider";
+import { useManagementPermissions } from "../../../../modules/auth/hooks/useManagementPermissions";
+import { UserProfile } from "../../../../modules/users/schema";
+import { EntityAvatar } from "../shared/EntityAvatar";
+import { RowActionsMenu } from "../shared/RowActionsMenu";
+import { StatusBadge } from "../shared/StatusBadge";
+function useTeamMemberRow({ member, onEdit, onDelete }) {
+  const translate = useTranslations();
+  const translateProfile = useTranslations("common.account.workspace.team.profiles");
+  const { user: currentUser } = useAuth();
+  const { profile: currentProfile, isOwnerOrAdmin: canManage } = useManagementPermissions();
+  const isAdmin = member.profile === UserProfile.admin || member.profile === UserProfile.owner;
+  const isSelf = currentUser?.id === member.id;
+  const canDelete = !isSelf && (currentProfile === UserProfile.owner || currentProfile === UserProfile.admin && member.profile !== UserProfile.owner);
+  const deleteItem = {
+    icon: /* @__PURE__ */ jsx(IconTrash, { size: 20, className: "text-zinc-400" }),
+    label: translate("common.account.workspace.team.delete"),
+    onClick: () => onDelete(member)
+  };
+  const menuItems = canManage ? [
+    {
+      icon: /* @__PURE__ */ jsx(IconPencil, { size: 20, className: "text-zinc-400" }),
+      label: translate("common.account.workspace.team.edit"),
+      onClick: () => onEdit(member)
+    },
+    ...canDelete ? [deleteItem] : []
+  ] : [];
+  const handleRowClick = (event) => {
+    if (!currentProfile) return;
+    if (event.target.closest("[data-row-actions]")) return;
+    onEdit(member);
+  };
+  const fullName = [member.name, member.last_name].filter(Boolean).join(" ");
+  const projectsLabel = member.total_projects === 0 ? translate("common.account.workspace.team.noProjects") : member.total_projects === 1 ? translate("common.account.workspace.team.inProject", { total: String(member.total_projects) }) : translate("common.account.workspace.team.inProjects", { total: String(member.total_projects) });
+  const projectsBadge = /* @__PURE__ */ jsx(StatusBadge, { children: projectsLabel });
+  const projectsInfo = member.projects?.length > 0 ? /* @__PURE__ */ jsxs(Tooltip, { children: [
+    /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: projectsBadge }),
+    /* @__PURE__ */ jsx(TooltipContent, { children: /* @__PURE__ */ jsx("p", { className: "paragraph-xsmall-medium max-w-65 whitespace-pre-line", children: member.projects.slice(0, 5).map((project) => project.title).join("\n") }) })
+  ] }) : projectsBadge;
+  const identity = /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3 min-w-0", children: [
+    /* @__PURE__ */ jsx(EntityAvatar, { name: member.name, photo: member.photo, initials: member.initials }),
+    /* @__PURE__ */ jsx("span", { className: "paragraph-small-semibold text-zinc-600 truncate", title: fullName, children: fullName }),
+    isAdmin && /* @__PURE__ */ jsx(IconShieldCheck, { size: 16, className: "text-zinc-400 shrink-0" }),
+    /* @__PURE__ */ jsx(StatusBadge, { className: "bg-white border-zinc-200 text-zinc-600 shrink-0", children: translateProfile(member.profile) })
+  ] });
+  return { canManage, canDelete, deleteItem, menuItems, handleRowClick, identity, projectsInfo, translate };
+}
+function TeamMemberRow(props) {
+  const { member } = props;
+  const { menuItems, handleRowClick, identity, projectsInfo } = useTeamMemberRow(props);
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      onClick: handleRowClick,
+      className: "flex items-center gap-4 px-5 py-4 cursor-pointer hover:bg-zinc-50 transition-colors",
+      children: [
+        /* @__PURE__ */ jsx("div", { className: "flex-1 min-w-0", children: identity }),
+        /* @__PURE__ */ jsx("span", { className: "w-64 shrink-0 truncate paragraph-small-regular text-zinc-600", title: member.email, children: member.email }),
+        /* @__PURE__ */ jsx("div", { className: "w-36 shrink-0 flex justify-center", children: projectsInfo }),
+        /* @__PURE__ */ jsx("div", { className: "w-10 shrink-0", "data-row-actions": true, children: /* @__PURE__ */ jsx(RowActionsMenu, { items: menuItems }) })
+      ]
+    }
+  );
+}
+function TeamMemberCard(props) {
+  const { member, onEdit } = props;
+  const { canManage, canDelete, deleteItem, handleRowClick, identity, projectsInfo, translate } = useTeamMemberRow(props);
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      onClick: handleRowClick,
+      className: "flex flex-col gap-4 cursor-pointer rounded-lg border border-zinc-200 bg-white px-3 py-4",
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-3", children: [
+          identity,
+          /* @__PURE__ */ jsx("div", { "data-row-actions": true, children: /* @__PURE__ */ jsx(RowActionsMenu, { items: canManage && canDelete ? [deleteItem] : [] }) })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "flex items-end justify-between gap-3", children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2 min-w-0", children: [
+            /* @__PURE__ */ jsx("span", { className: "paragraph-small-regular text-zinc-600 truncate", children: member.email }),
+            /* @__PURE__ */ jsx("div", { children: projectsInfo })
+          ] }),
+          canManage && /* @__PURE__ */ jsx(Button, { className: "h-10! shrink-0", variant: "secondary", "data-row-actions": true, onClick: () => onEdit(member), children: translate("common.account.workspace.team.edit") })
+        ] })
+      ]
+    }
+  );
+}
+export {
+  TeamMemberCard,
+  TeamMemberRow
+};
+//# sourceMappingURL=TeamMemberRow.mjs.map

package/dist/components/account/sections/team/TeamMemberRow.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/account/sections/team/TeamMemberRow.tsx"],"sourcesContent":["'use client';\n\nimport type { MouseEvent } from 'react';\nimport { IconPencil, IconShieldCheck, IconTrash } from '@tabler/icons-react';\nimport { useTranslations } from 'next-intl';\nimport { Button } from '../../../ui/buttons/Button';\nimport { Tooltip, TooltipContent, TooltipTrigger } from '../../../ui/overlay/Tooltip';\nimport { useAuth } from '../../../../providers/auth.provider';\nimport { useManagementPermissions } from '../../../../modules/auth/hooks/useManagementPermissions';\nimport { UserProfile, type User } from '../../../../modules/users/schema';\nimport { EntityAvatar } from '../shared/EntityAvatar';\nimport { RowActionsMenu, type RowActionsMenuItem } from '../shared/RowActionsMenu';\nimport { StatusBadge } from '../shared/StatusBadge';\n\ntype TeamMemberRowProps = {\n  member: User;\n  onEdit: (member: User) => void;\n  onDelete: (member: User) => void;\n};\n\nfunction useTeamMemberRow({ member, onEdit, onDelete }: TeamMemberRowProps) {\n  const translate = useTranslations();\n  const translateProfile = useTranslations('common.account.workspace.team.profiles');\n  const { user: currentUser } = useAuth();\n  const { profile: currentProfile, isOwnerOrAdmin: canManage } = useManagementPermissions();\n\n  const isAdmin = member.profile === UserProfile.admin || member.profile === UserProfile.owner;\n  const isSelf = currentUser?.id === member.id;\n  const canDelete =\n    !isSelf &&\n    (currentProfile === UserProfile.owner ||\n      (currentProfile === UserProfile.admin && member.profile !== UserProfile.owner));\n\n  const deleteItem: RowActionsMenuItem = {\n    icon: <IconTrash size={20} className=\"text-zinc-400\" />,\n    label: translate('common.account.workspace.team.delete'),\n    onClick: () => onDelete(member),\n  };\n  const menuItems: RowActionsMenuItem[] = canManage\n    ? [\n        {\n          icon: <IconPencil size={20} className=\"text-zinc-400\" />,\n          label: translate('common.account.workspace.team.edit'),\n          onClick: () => onEdit(member),\n        },\n        ...(canDelete ? [deleteItem] : []),\n      ]\n    : [];\n\n  // Collaborator/viewer abrem o usuário em modo leitura clicando na linha, sem o menu de ações.\n  const handleRowClick = (event: MouseEvent<HTMLDivElement>) => {\n    if (!currentProfile) return;\n    if ((event.target as HTMLElement).closest('[data-row-actions]')) return;\n    onEdit(member);\n  };\n\n  const fullName = [member.name, member.last_name].filter(Boolean).join(' ');\n\n  const projectsLabel =\n    member.total_projects === 0\n      ? translate('common.account.workspace.team.noProjects')\n      : member.total_projects === 1\n        ? translate('common.account.workspace.team.inProject', { total: String(member.total_projects) })\n        : translate('common.account.workspace.team.inProjects', { total: String(member.total_projects) });\n\n  const projectsBadge = <StatusBadge>{projectsLabel}</StatusBadge>;\n\n  const projectsInfo =\n    member.projects?.length > 0 ? (\n      <Tooltip>\n        <TooltipTrigger asChild>{projectsBadge}</TooltipTrigger>\n        <TooltipContent>\n          <p className=\"paragraph-xsmall-medium max-w-65 whitespace-pre-line\">\n            {member.projects\n              .slice(0, 5)\n              .map((project) => project.title)\n              .join('\\n')}\n          </p>\n        </TooltipContent>\n      </Tooltip>\n    ) : (\n      projectsBadge\n    );\n\n  const identity = (\n    <div className=\"flex items-center gap-3 min-w-0\">\n      <EntityAvatar name={member.name} photo={member.photo} initials={member.initials} />\n      <span className=\"paragraph-small-semibold text-zinc-600 truncate\" title={fullName}>\n        {fullName}\n      </span>\n      {isAdmin && <IconShieldCheck size={16} className=\"text-zinc-400 shrink-0\" />}\n      <StatusBadge className=\"bg-white border-zinc-200 text-zinc-600 shrink-0\">\n        {translateProfile(member.profile)}\n      </StatusBadge>\n    </div>\n  );\n\n  return { canManage, canDelete, deleteItem, menuItems, handleRowClick, identity, projectsInfo, translate };\n}\n\nexport function TeamMemberRow(props: TeamMemberRowProps) {\n  const { member } = props;\n  const { menuItems, handleRowClick, identity, projectsInfo } = useTeamMemberRow(props);\n\n  return (\n    <div\n      onClick={handleRowClick}\n      className=\"flex items-center gap-4 px-5 py-4 cursor-pointer hover:bg-zinc-50 transition-colors\"\n    >\n      <div className=\"flex-1 min-w-0\">{identity}</div>\n      <span className=\"w-64 shrink-0 truncate paragraph-small-regular text-zinc-600\" title={member.email}>\n        {member.email}\n      </span>\n      <div className=\"w-36 shrink-0 flex justify-center\">{projectsInfo}</div>\n      <div className=\"w-10 shrink-0\" data-row-actions>\n        <RowActionsMenu items={menuItems} />\n      </div>\n    </div>\n  );\n}\n\nexport function TeamMemberCard(props: TeamMemberRowProps) {\n  const { member, onEdit } = props;\n  const { canManage, canDelete, deleteItem, handleRowClick, identity, projectsInfo, translate } =\n    useTeamMemberRow(props);\n\n  return (\n    <div\n      onClick={handleRowClick}\n      className=\"flex flex-col gap-4 cursor-pointer rounded-lg border border-zinc-200 bg-white px-3 py-4\"\n    >\n      <div className=\"flex items-center justify-between gap-3\">\n        {identity}\n        <div data-row-actions>\n          <RowActionsMenu items={canManage && canDelete ? [deleteItem] : []} />\n        </div>\n      </div>\n      <div className=\"flex items-end justify-between gap-3\">\n        <div className=\"flex flex-col gap-2 min-w-0\">\n          <span className=\"paragraph-small-regular text-zinc-600 truncate\">{member.email}</span>\n          <div>{projectsInfo}</div>\n        </div>\n        {canManage && (\n          <Button className=\"h-10! shrink-0\" variant=\"secondary\" data-row-actions onClick={() => onEdit(member)}>\n            {translate('common.account.workspace.team.edit')}\n          </Button>\n        )}\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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","names":[]}