@greatapps/common 1.1.789 → 1.1.791

package/dist/components/account/sections/projects/ProjectRow.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/account/sections/projects/ProjectRow.tsx"],"sourcesContent":["'use client';\n\nimport { IconTrash } from '@tabler/icons-react';\nimport { useTranslations } from 'next-intl';\nimport { Button } from '../../../ui/buttons/Button';\nimport type { Project } from '../../../../modules/projects/types';\nimport { EntityAvatar } from '../shared/EntityAvatar';\nimport { RowActionsMenu, type RowActionsMenuItem } from '../shared/RowActionsMenu';\nimport { ProjectMembersStack } from './ProjectMembersStack';\n\ntype ProjectRowProps = {\n  project: Project;\n  canManage: boolean;\n  onOpen: (project: Project) => void;\n  onDelete: (project: Project) => void;\n};\n\nfunction useProjectRow({ project, canManage, onOpen, onDelete }: ProjectRowProps) {\n  const translate = useTranslations();\n\n  const menuItems: RowActionsMenuItem[] = canManage\n    ? [\n        {\n          icon: <IconTrash size={20} className=\"text-zinc-400\" />,\n          label: translate('common.account.workspace.projects.delete'),\n          onClick: () => onDelete(project),\n        },\n      ]\n    : [];\n\n  const handleOpen = () => onOpen(project);\n\n  const detailsButton = (\n    <Button\n      variant=\"secondary\"\n      className=\"h-10! shrink-0\"\n      onClick={(event) => {\n        event.stopPropagation();\n        handleOpen();\n      }}\n    >\n      {translate('common.account.workspace.projects.details')}\n    </Button>\n  );\n\n  return { menuItems, handleOpen, detailsButton };\n}\n\nexport function ProjectRow(props: ProjectRowProps) {\n  const { project } = props;\n  const { menuItems, handleOpen, detailsButton } = useProjectRow(props);\n\n  return (\n    <div\n      className=\"flex items-center gap-4 px-5 py-4 cursor-pointer hover:bg-zinc-50 transition-colors\"\n      onClick={handleOpen}\n    >\n      <EntityAvatar name={project.title} photo={project.photo} />\n      <span className=\"flex-1 min-w-0 truncate paragraph-small-semibold text-zinc-600\" title={project.title}>\n        {project.title}\n      </span>\n      <ProjectMembersStack\n        projectId={project.id}\n        totalUsers={project.total_users}\n        onSeeMore={handleOpen}\n        className=\"w-32 justify-end shrink-0\"\n      />\n      {detailsButton}\n      <div className=\"w-10 shrink-0\">\n        <RowActionsMenu items={menuItems} width={140} />\n      </div>\n    </div>\n  );\n}\n\nexport function ProjectCard(props: ProjectRowProps) {\n  const { project } = props;\n  const { menuItems, handleOpen, detailsButton } = useProjectRow(props);\n\n  return (\n    <div\n      className=\"flex flex-col gap-4 rounded-lg border border-zinc-200 bg-white px-3 py-4 cursor-pointer\"\n      onClick={handleOpen}\n    >\n      <div className=\"flex items-center gap-3 min-w-0\">\n        <EntityAvatar name={project.title} photo={project.photo} />\n        <span className=\"flex-1 min-w-0 truncate paragraph-small-semibold text-zinc-600\">{project.title}</span>\n        <RowActionsMenu items={menuItems} width={140} />\n      </div>\n      <div className=\"flex items-center justify-between gap-3\">\n        <ProjectMembersStack projectId={project.id} totalUsers={project.total_users} onSeeMore={handleOpen} />\n        {detailsButton}\n      </div>\n    </div>\n  );\n}\n"],"mappings":";AAuBgB,cA8BZ,YA9BY;AArBhB,SAAS,iBAAiB;AAC1B,SAAS,uBAAuB;AAChC,SAAS,cAAc;AAEvB,SAAS,oBAAoB;AAC7B,SAAS,sBAA+C;AACxD,SAAS,2BAA2B;AASpC,SAAS,cAAc,EAAE,SAAS,WAAW,QAAQ,SAAS,GAAoB;AAChF,QAAM,YAAY,gBAAgB;AAElC,QAAM,YAAkC,YACpC;AAAA,IACE;AAAA,MACE,MAAM,oBAAC,aAAU,MAAM,IAAI,WAAU,iBAAgB;AAAA,MACrD,OAAO,UAAU,0CAA0C;AAAA,MAC3D,SAAS,MAAM,SAAS,OAAO;AAAA,IACjC;AAAA,EACF,IACA,CAAC;AAEL,QAAM,aAAa,MAAM,OAAO,OAAO;AAEvC,QAAM,gBACJ;AAAA,IAAC;AAAA;AAAA,MACC,SAAQ;AAAA,MACR,WAAU;AAAA,MACV,SAAS,CAAC,UAAU;AAClB,cAAM,gBAAgB;AACtB,mBAAW;AAAA,MACb;AAAA,MAEC,oBAAU,2CAA2C;AAAA;AAAA,EACxD;AAGF,SAAO,EAAE,WAAW,YAAY,cAAc;AAChD;AAEO,SAAS,WAAW,OAAwB;AACjD,QAAM,EAAE,QAAQ,IAAI;AACpB,QAAM,EAAE,WAAW,YAAY,cAAc,IAAI,cAAc,KAAK;AAEpE,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAU;AAAA,MACV,SAAS;AAAA,MAET;AAAA,4BAAC,gBAAa,MAAM,QAAQ,OAAO,OAAO,QAAQ,OAAO;AAAA,QACzD,oBAAC,UAAK,WAAU,kEAAiE,OAAO,QAAQ,OAC7F,kBAAQ,OACX;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACC,WAAW,QAAQ;AAAA,YACnB,YAAY,QAAQ;AAAA,YACpB,WAAW;AAAA,YACX,WAAU;AAAA;AAAA,QACZ;AAAA,QACC;AAAA,QACD,oBAAC,SAAI,WAAU,iBACb,8BAAC,kBAAe,OAAO,WAAW,OAAO,KAAK,GAChD;AAAA;AAAA;AAAA,EACF;AAEJ;AAEO,SAAS,YAAY,OAAwB;AAClD,QAAM,EAAE,QAAQ,IAAI;AACpB,QAAM,EAAE,WAAW,YAAY,cAAc,IAAI,cAAc,KAAK;AAEpE,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAU;AAAA,MACV,SAAS;AAAA,MAET;AAAA,6BAAC,SAAI,WAAU,mCACb;AAAA,8BAAC,gBAAa,MAAM,QAAQ,OAAO,OAAO,QAAQ,OAAO;AAAA,UACzD,oBAAC,UAAK,WAAU,kEAAkE,kBAAQ,OAAM;AAAA,UAChG,oBAAC,kBAAe,OAAO,WAAW,OAAO,KAAK;AAAA,WAChD;AAAA,QACA,qBAAC,SAAI,WAAU,2CACb;AAAA,8BAAC,uBAAoB,WAAW,QAAQ,IAAI,YAAY,QAAQ,aAAa,WAAW,YAAY;AAAA,UACnG;AAAA,WACH;AAAA;AAAA;AAAA,EACF;AAEJ;","names":[]}

package/dist/components/account/sections/projects/ProjectSheet.mjs

@@ -0,0 +1,499 @@
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import {
+  useCallback,
+  useEffect,
+  useMemo,
+  useRef,
+  useState
+} from "react";
+import { useForm } from "react-hook-form";
+import { zodResolver } from "@hookform/resolvers/zod";
+import { IconChevronDown, IconChevronUp, IconSearch, IconUpload } 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 { Sheet, SheetContent, SheetFooter, SheetHeader, SheetTitle } from "../../../ui/overlay/Sheet";
+import { ImageCropModal } from "../../../widgets/ImageUpload/ImageCropModal";
+import { ACCEPTED_IMAGE_FORMATS_STRING } from "../../../../modules/images/constants/image.constants";
+import { useImageUpload } from "../../../../modules/images/hooks/use-image-upload.hook";
+import { useAccountMembers } from "../../../../modules/accounts/hooks/use-account-members.hook";
+import { useManagementPermissions } from "../../../../modules/auth/hooks/useManagementPermissions";
+import { useCreateProject } from "../../../../modules/projects/hooks/create-project.hook";
+import { useUpdateProject } from "../../../../modules/projects/hooks/update-project.hook";
+import { useAddProjectUsers } from "../../../../modules/projects/hooks/add-project-users.hook";
+import { useRemoveProjectUsers } from "../../../../modules/projects/hooks/remove-project-users.hook";
+import { useListProjectUsers } from "../../../../modules/projects/hooks/list-project-users.hook";
+import { useCancelledSubscriptionGuard } from "../../../../modules/subscriptions/hooks/use-cancelled-subscription-guard";
+import { UserProfile } from "../../../../modules/users/schema";
+import { useAuth } from "../../../../providers/auth.provider";
+import { useDebounce } from "../../../../hooks/useDebounce";
+import useIsMobile from "../../../../hooks/useIsMobile";
+import { cn } from "../../../../infra/utils/clsx";
+import { useProjectFlows } from "../../../../store/useProjectFlows";
+import { ConnectListRow } from "../shared/ConnectListRow";
+import { SectionLoadError } from "../shared/SectionLoadError";
+import { buildProjectFormSchema } from "./project-form.schema";
+const PROJECT_LOGO_CONFIG = { width: 200, height: 200, aspectRatio: 1 };
+const STORAGE_URL = process.env.NEXT_PUBLIC_STORAGE_URL || "";
+function toFormUser(user) {
+  return {
+    id: user.id,
+    name: user.name ?? "",
+    email: user.email ?? "",
+    profile: user.profile ?? UserProfile.viewer,
+    photo: user.photo ?? null
+  };
+}
+function ProjectSheetUI({
+  open,
+  title,
+  submitLabel,
+  form,
+  projectId,
+  handleClose,
+  handleSubmit,
+  isLoading,
+  readOnly = false,
+  membersLoadFailed = false,
+  onRetryMembers
+}) {
+  const translate = useTranslations();
+  const translateProfile = useTranslations("common.account.workspace.team.profiles");
+  const isMobile = useIsMobile();
+  const fileInputRef = useRef(null);
+  const usersListRef = useRef(null);
+  const [showUserSearch, setShowUserSearch] = useState(false);
+  const [failedLogoSrc, setFailedLogoSrc] = useState(null);
+  const [searchQuery, setSearchQuery] = useState("");
+  const debouncedSearch = useDebounce(searchQuery, 400);
+  const { user: currentUser } = useAuth();
+  const { data: usersOutProject, isPending: isLoadingUsers } = useAccountMembers(
+    projectId ? { name: debouncedSearch, notInProject: projectId } : { name: debouncedSearch, profiles: [UserProfile.collaborator, UserProfile.viewer] }
+  );
+  const { originalImage, showCropModal, setShowCropModal, fileName, handleFileSelect, handleCropConfirm } = useImageUpload({
+    config: PROJECT_LOGO_CONFIG,
+    onSuccess: (base64) => form.setValue("logo", base64)
+  });
+  const logo = form.watch("logo");
+  const selectedUsers = form.watch("users");
+  const availableUsers = (usersOutProject?.users ?? []).filter(
+    (user) => !selectedUsers.some((selected) => selected.id === user.id)
+  );
+  const handleFileChange = (event) => {
+    const file = event.target.files?.[0];
+    if (!file) return;
+    handleFileSelect(file);
+    event.target.value = "";
+  };
+  const addUser = (user) => {
+    const current = form.getValues("users");
+    if (current.some((selected) => selected.id === user.id)) return;
+    form.setValue("users", [...current, toFormUser(user)]);
+    setTimeout(() => {
+      usersListRef.current?.scrollTo({ top: usersListRef.current.scrollHeight, behavior: "smooth" });
+    }, 50);
+  };
+  const removeUser = (userId) => {
+    form.setValue(
+      "users",
+      form.getValues("users").filter((user) => user.id !== userId)
+    );
+  };
+  const canRemove = (userId, profile) => {
+    if (readOnly) return false;
+    if (!currentUser) return false;
+    if (currentUser.id === userId) return false;
+    if (currentUser.profile !== UserProfile.owner && currentUser.profile !== UserProfile.admin) return false;
+    if (profile === UserProfile.owner || profile === UserProfile.admin) return false;
+    return true;
+  };
+  const fixedUsers = selectedUsers.filter((user) => !canRemove(user.id, user.profile));
+  const removableUsers = selectedUsers.filter((user) => canRemove(user.id, user.profile));
+  const sortedUsers = [...fixedUsers, ...removableUsers];
+  const rawLogoSrc = logo ? logo.startsWith("data:") ? logo : `${STORAGE_URL}/${logo}` : null;
+  const logoSrc = rawLogoSrc && failedLogoSrc !== rawLogoSrc ? rawLogoSrc : null;
+  return /* @__PURE__ */ jsx(Sheet, { open, onOpenChange: handleClose, children: /* @__PURE__ */ jsxs(
+    SheetContent,
+    {
+      side: isMobile ? "bottom" : "right",
+      className: cn(
+        isMobile ? "h-dvh w-full max-w-full rounded-none pt-[env(safe-area-inset-top)] pb-[env(safe-area-inset-bottom)]" : "h-screen max-w-120! w-120!",
+        "data-[state=open]:max-h-none data-[state=open]:h-dvh overflow-hidden"
+      ),
+      children: [
+        /* @__PURE__ */ jsx(SheetHeader, { className: "border-b border-zinc-200", children: /* @__PURE__ */ jsx(SheetTitle, { className: "text-zinc-950 paragraph-medium-semibold", children: title }) }),
+        /* @__PURE__ */ jsxs("form", { onSubmit: handleSubmit, className: "flex flex-col flex-1 min-h-0", children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-6 px-5 pb-5 overflow-y-auto [scrollbar-width:auto] [&::-webkit-scrollbar]:w-1.5 [&::-webkit-scrollbar-track]:bg-transparent [&::-webkit-scrollbar-thumb]:rounded-full [&::-webkit-scrollbar-thumb]:bg-zinc-300 flex-1 min-h-0", children: [
+            /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
+              /* @__PURE__ */ jsx(
+                "input",
+                {
+                  type: "file",
+                  ref: fileInputRef,
+                  onChange: handleFileChange,
+                  accept: ACCEPTED_IMAGE_FORMATS_STRING,
+                  className: "hidden"
+                }
+              ),
+              logoSrc ? (
+                // eslint-disable-next-line @next/next/no-img-element
+                /* @__PURE__ */ jsx(
+                  "img",
+                  {
+                    alt: translate("common.account.workspace.projects.sheet.projectName"),
+                    src: logoSrc,
+                    className: cn("size-12 rounded-full object-cover shrink-0", !readOnly && "cursor-pointer"),
+                    onClick: readOnly ? void 0 : () => fileInputRef.current?.click(),
+                    onError: () => setFailedLogoSrc(logoSrc)
+                  }
+                )
+              ) : /* @__PURE__ */ jsx(
+                "div",
+                {
+                  className: cn(
+                    "flex items-center justify-center size-12 shrink-0 rounded-full bg-zinc-50 border border-zinc-200 text-zinc-400 border-dashed",
+                    !readOnly && "cursor-pointer hover:bg-zinc-100 transition-colors"
+                  ),
+                  onClick: readOnly ? void 0 : () => fileInputRef.current?.click(),
+                  children: /* @__PURE__ */ jsx(IconUpload, { size: 16 })
+                }
+              ),
+              !readOnly && /* @__PURE__ */ jsxs(
+                Button,
+                {
+                  variant: "secondary",
+                  className: "h-8!",
+                  type: "button",
+                  onClick: () => fileInputRef.current?.click(),
+                  children: [
+                    /* @__PURE__ */ jsx(IconUpload, { size: 16 }),
+                    translate("common.account.workspace.projects.sheet.changeLogo")
+                  ]
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsx(
+              FormField,
+              {
+                label: translate("common.account.workspace.projects.sheet.projectName"),
+                placeholder: translate("common.account.workspace.projects.sheet.namePlaceholder"),
+                error: !!form.formState.errors.name,
+                errorMessage: form.formState.errors.name?.message,
+                ...form.register("name"),
+                disabled: readOnly
+              }
+            ),
+            /* @__PURE__ */ jsx(Separator, {}),
+            /* @__PURE__ */ jsx("span", { className: "text-zinc-950 paragraph-medium-semibold", children: translate("common.account.workspace.projects.sheet.selectUsers") }),
+            /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-3", children: [
+              membersLoadFailed && onRetryMembers && /* @__PURE__ */ jsx(
+                SectionLoadError,
+                {
+                  message: translate("common.account.workspace.loadFailed"),
+                  onRetry: onRetryMembers
+                }
+              ),
+              sortedUsers.length > 0 && /* @__PURE__ */ jsx(
+                "div",
+                {
+                  ref: usersListRef,
+                  className: "flex flex-col border border-zinc-200 rounded-lg overflow-hidden max-h-73 overflow-y-auto [scrollbar-width:auto] [&::-webkit-scrollbar]:w-1.5 [&::-webkit-scrollbar-track]:bg-transparent [&::-webkit-scrollbar-thumb]:rounded-full [&::-webkit-scrollbar-thumb]:bg-zinc-300",
+                  children: sortedUsers.map((user, index) => /* @__PURE__ */ jsx(
+                    ConnectListRow,
+                    {
+                      photo: user.photo,
+                      name: user.name,
+                      badge: translateProfile(user.profile),
+                      variant: "selected",
+                      hideBorder: index === sortedUsers.length - 1,
+                      onAction: () => removeUser(user.id),
+                      showAction: canRemove(user.id, user.profile)
+                    },
+                    user.id
+                  ))
+                }
+              ),
+              !readOnly && /* @__PURE__ */ jsx("div", { className: "flex justify-center", children: /* @__PURE__ */ jsxs(
+                Button,
+                {
+                  variant: "ghost",
+                  className: "h-10! text-zinc-600",
+                  type: "button",
+                  onClick: () => setShowUserSearch((previous) => !previous),
+                  children: [
+                    translate("common.account.workspace.projects.sheet.connectAnotherUser"),
+                    showUserSearch ? /* @__PURE__ */ jsx(IconChevronUp, { size: 20 }) : /* @__PURE__ */ jsx(IconChevronDown, { size: 20 })
+                  ]
+                }
+              ) }),
+              showUserSearch && !readOnly && /* @__PURE__ */ jsxs(Fragment, { children: [
+                /* @__PURE__ */ jsx(
+                  FormField,
+                  {
+                    placeholder: translate("common.account.workspace.projects.sheet.searchUsers"),
+                    leftIcon: IconSearch,
+                    classnameContainer: "h-10!",
+                    value: searchQuery,
+                    onChange: (event) => setSearchQuery(event.target.value),
+                    onKeyDown: (event) => event.key === "Enter" && event.preventDefault()
+                  }
+                ),
+                isLoadingUsers ? /* @__PURE__ */ jsx("div", { className: "flex flex-col border border-zinc-200 rounded-lg overflow-hidden", children: Array.from({ length: 3 }).map((_, index) => /* @__PURE__ */ jsxs(
+                  "div",
+                  {
+                    className: cn(
+                      "px-4 py-4 flex items-center justify-between w-full gap-4",
+                      index < 2 && "border-b border-zinc-200"
+                    ),
+                    children: [
+                      /* @__PURE__ */ jsx("div", { className: "size-8 rounded-full bg-zinc-200 animate-pulse shrink-0" }),
+                      /* @__PURE__ */ jsx("div", { className: "flex items-center gap-2 flex-1 min-w-0", children: /* @__PURE__ */ jsx("div", { className: "h-4 w-24 bg-zinc-200 rounded animate-pulse" }) }),
+                      /* @__PURE__ */ jsx("div", { className: "h-10 w-[100px] bg-zinc-100 rounded-lg animate-pulse shrink-0" })
+                    ]
+                  },
+                  index
+                )) }) : availableUsers.length === 0 ? /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center py-8 text-zinc-400 paragraph-small-regular", children: debouncedSearch ? translate("common.account.workspace.projects.sheet.noUsersFound") : translate("common.account.workspace.projects.sheet.allUsersAdded") }) : /* @__PURE__ */ jsx("div", { className: "flex flex-col border border-zinc-200 rounded-lg overflow-hidden max-h-65 overflow-y-auto [scrollbar-width:auto] [&::-webkit-scrollbar]:w-1.5 [&::-webkit-scrollbar-track]:bg-transparent [&::-webkit-scrollbar-thumb]:rounded-full [&::-webkit-scrollbar-thumb]:bg-zinc-300", children: availableUsers.map((user, index) => /* @__PURE__ */ jsx(
+                  ConnectListRow,
+                  {
+                    photo: user.photo,
+                    name: user.name,
+                    variant: "default",
+                    hideBorder: index === availableUsers.length - 1,
+                    onAction: () => addUser(user)
+                  },
+                  user.id
+                )) })
+              ] })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxs(SheetFooter, { className: "flex-row items-center justify-between border-t border-zinc-200", children: [
+            /* @__PURE__ */ jsx(Button, { variant: "secondary", className: "h-10!", type: "button", onClick: handleClose, children: readOnly ? translate("common.actions.close") : translate("common.actions.cancel") }),
+            !readOnly && /* @__PURE__ */ jsx(Button, { className: "h-10!", type: "submit", loading: isLoading, children: submitLabel })
+          ] })
+        ] }),
+        originalImage && /* @__PURE__ */ jsx(
+          ImageCropModal,
+          {
+            open: showCropModal,
+            onOpenChange: setShowCropModal,
+            imageSrc: originalImage,
+            aspectRatio: PROJECT_LOGO_CONFIG.aspectRatio,
+            onConfirm: handleCropConfirm,
+            minWidth: PROJECT_LOGO_CONFIG.width,
+            minHeight: PROJECT_LOGO_CONFIG.height,
+            fileName,
+            onSelectAnother: () => fileInputRef.current?.click()
+          }
+        )
+      ]
+    }
+  ) });
+}
+function CreateProjectSheet({ open, onClose }) {
+  const translate = useTranslations();
+  const createProject = useCreateProject();
+  const { guardAction } = useCancelledSubscriptionGuard();
+  const { data: adminUsers, refetch: refetchAdminUsers } = useAccountMembers({
+    profiles: [UserProfile.owner, UserProfile.admin]
+  });
+  const projectSchema = useMemo(
+    () => buildProjectFormSchema(translate("common.account.workspace.projects.form.nameRequired")),
+    [translate]
+  );
+  const form = useForm({
+    resolver: zodResolver(projectSchema),
+    defaultValues: { name: "", logo: null, users: [] }
+  });
+  const handleClose = useCallback(() => {
+    form.reset({ name: "", logo: null, users: [] });
+    onClose();
+  }, [form, onClose]);
+  const handleSubmit = form.handleSubmit(async (data) => {
+    if (!guardAction()) return;
+    try {
+      await createProject.mutateAsync({
+        title: data.name,
+        photo: data.logo ?? void 0,
+        users: data.users.map((user) => user.id)
+      });
+      toast.custom((toastId) => /* @__PURE__ */ jsx(
+        Toast,
+        {
+          variant: "success",
+          message: translate("common.account.workspace.projects.sheet.created", { name: data.name }),
+          toastId
+        }
+      ));
+      handleClose();
+    } catch (error) {
+      toast.custom((toastId) => /* @__PURE__ */ jsx(
+        Toast,
+        {
+          variant: "error",
+          message: error instanceof Error ? error.message : translate("common.account.workspace.projects.sheet.createError"),
+          toastId
+        }
+      ));
+    }
+  });
+  useEffect(() => {
+    form.reset({ name: "", logo: null, users: (adminUsers?.users ?? []).map(toFormUser) });
+    refetchAdminUsers();
+  }, []);
+  useEffect(() => {
+    if (!adminUsers?.users) return;
+    form.setValue("users", adminUsers.users.map(toFormUser));
+  }, [adminUsers, form]);
+  return /* @__PURE__ */ jsx(
+    ProjectSheetUI,
+    {
+      open,
+      title: translate("common.account.workspace.projects.sheet.addProject"),
+      submitLabel: translate("common.account.workspace.projects.sheet.addProject"),
+      form,
+      handleClose,
+      handleSubmit,
+      isLoading: createProject.isPending
+    }
+  );
+}
+function EditProjectSheet({
+  open,
+  project,
+  onClose
+}) {
+  const translate = useTranslations();
+  const { isOwnerOrAdmin: canManageUsers } = useManagementPermissions();
+  const projectId = project.id;
+  const { data, hasNextPage, isFetchingNextPage, isError, fetchNextPage, refetch } = useListProjectUsers(projectId);
+  const projectUsers = useMemo(() => data?.pages.flatMap((page) => page.data) ?? [], [data]);
+  useEffect(() => {
+    if (hasNextPage && !isFetchingNextPage && !isError) fetchNextPage();
+  }, [hasNextPage, isFetchingNextPage, isError, fetchNextPage]);
+  const updateProject = useUpdateProject();
+  const addProjectUsers = useAddProjectUsers();
+  const removeProjectUsers = useRemoveProjectUsers();
+  const { guardAction } = useCancelledSubscriptionGuard();
+  const projectSchema = useMemo(
+    () => buildProjectFormSchema(translate("common.account.workspace.projects.form.nameRequired")),
+    [translate]
+  );
+  const form = useForm({
+    resolver: zodResolver(projectSchema),
+    defaultValues: { name: project.title, logo: project.photo ?? null, users: [] }
+  });
+  const seededPagesRef = useRef(0);
+  useEffect(() => {
+    const pages = data?.pages ?? [];
+    if (pages.length <= seededPagesRef.current) return;
+    const arrived = pages.slice(seededPagesRef.current).flatMap((page) => page.data);
+    seededPagesRef.current = pages.length;
+    form.setValue("users", [
+      ...form.getValues("users"),
+      ...arrived.map(
+        (user) => toFormUser({
+          id: user.id_user,
+          name: user.name ?? "",
+          email: user.email ?? "",
+          profile: user.profile,
+          photo: user.photo ?? null
+        })
+      )
+    ]);
+  }, [data, form]);
+  const handleSubmit = form.handleSubmit(async (data2) => {
+    if (!canManageUsers) return;
+    if (!guardAction()) return;
+    try {
+      await updateProject.mutateAsync({
+        projectId,
+        data: { title: data2.name, photo: data2.logo ?? void 0 }
+      });
+    } catch (error) {
+      toast.custom((toastId) => /* @__PURE__ */ jsx(
+        Toast,
+        {
+          variant: "error",
+          message: error instanceof Error ? error.message : translate("common.account.workspace.projects.sheet.updateError"),
+          toastId
+        }
+      ));
+      return;
+    }
+    const originalIds = new Set(projectUsers.map((user) => user.id_user));
+    const currentIds = new Set(data2.users.map((user) => user.id));
+    const toAdd = data2.users.filter((user) => !originalIds.has(user.id)).map((user) => user.id);
+    const toRemove = [...originalIds].filter((id) => !currentIds.has(id));
+    try {
+      await Promise.all([
+        toAdd.length ? addProjectUsers.mutateAsync({ projectId, userIds: toAdd }) : null,
+        toRemove.length ? removeProjectUsers.mutateAsync({ projectId, userIds: toRemove }) : null
+      ]);
+    } catch (error) {
+      toast.custom((toastId) => /* @__PURE__ */ jsx(
+        Toast,
+        {
+          variant: "error",
+          message: error instanceof Error ? error.message : translate("common.account.workspace.projects.sheet.updateError"),
+          toastId
+        }
+      ));
+      return;
+    }
+    toast.custom((toastId) => /* @__PURE__ */ jsx(
+      Toast,
+      {
+        variant: "success",
+        message: translate("common.account.workspace.projects.sheet.changesSaved"),
+        toastId
+      }
+    ));
+    onClose();
+  });
+  return /* @__PURE__ */ jsx(
+    ProjectSheetUI,
+    {
+      open,
+      title: form.watch("name") || project.title,
+      submitLabel: translate("common.account.workspace.projects.sheet.saveChanges"),
+      form,
+      projectId,
+      handleClose: onClose,
+      handleSubmit,
+      isLoading: updateProject.isPending || addProjectUsers.isPending || removeProjectUsers.isPending,
+      readOnly: !canManageUsers,
+      membersLoadFailed: isError,
+      onRetryMembers: refetch
+    }
+  );
+}
+function ProjectSheet() {
+  const sheet = useProjectFlows((state) => state.sheet);
+  const closeProjectSheet = useProjectFlows((state) => state.closeProjectSheet);
+  const [lastSheet, setLastSheet] = useState(sheet);
+  useEffect(() => {
+    if (sheet) setLastSheet(sheet);
+  }, [sheet]);
+  if (!lastSheet) return null;
+  const open = !!sheet;
+  if (lastSheet.mode === "details") {
+    return /* @__PURE__ */ jsx(
+      EditProjectSheet,
+      {
+        open,
+        project: lastSheet.project,
+        onClose: closeProjectSheet
+      },
+      `details-${lastSheet.project.id}`
+    );
+  }
+  return /* @__PURE__ */ jsx(CreateProjectSheet, { open, onClose: closeProjectSheet }, "create");
+}
+export {
+  ProjectSheet
+};
+//# sourceMappingURL=ProjectSheet.mjs.map

package/dist/components/account/sections/projects/ProjectSheet.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/account/sections/projects/ProjectSheet.tsx"],"sourcesContent":["'use client';\n\nimport {\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n  type ChangeEvent,\n  type FormEventHandler,\n} from 'react';\nimport { useForm, type UseFormReturn } from 'react-hook-form';\nimport { zodResolver } from '@hookform/resolvers/zod';\nimport { IconChevronDown, IconChevronUp, IconSearch, IconUpload } 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 { Sheet, SheetContent, SheetFooter, SheetHeader, SheetTitle } from '../../../ui/overlay/Sheet';\nimport { ImageCropModal } from '../../../widgets/ImageUpload/ImageCropModal';\nimport { ACCEPTED_IMAGE_FORMATS_STRING } from '../../../../modules/images/constants/image.constants';\nimport { useImageUpload } from '../../../../modules/images/hooks/use-image-upload.hook';\nimport { useAccountMembers } from '../../../../modules/accounts/hooks/use-account-members.hook';\nimport { useManagementPermissions } from '../../../../modules/auth/hooks/useManagementPermissions';\nimport { useCreateProject } from '../../../../modules/projects/hooks/create-project.hook';\nimport { useUpdateProject } from '../../../../modules/projects/hooks/update-project.hook';\nimport { useAddProjectUsers } from '../../../../modules/projects/hooks/add-project-users.hook';\nimport { useRemoveProjectUsers } from '../../../../modules/projects/hooks/remove-project-users.hook';\nimport { useListProjectUsers } from '../../../../modules/projects/hooks/list-project-users.hook';\nimport { useCancelledSubscriptionGuard } from '../../../../modules/subscriptions/hooks/use-cancelled-subscription-guard';\nimport { UserProfile, type User } from '../../../../modules/users/schema';\nimport type { Project } from '../../../../modules/projects/types';\nimport { useAuth } from '../../../../providers/auth.provider';\nimport { useDebounce } from '../../../../hooks/useDebounce';\nimport useIsMobile from '../../../../hooks/useIsMobile';\nimport { cn } from '../../../../infra/utils/clsx';\nimport { useProjectFlows, type ProjectSheetState } from '../../../../store/useProjectFlows';\nimport { ConnectListRow } from '../shared/ConnectListRow';\nimport { SectionLoadError } from '../shared/SectionLoadError';\nimport { buildProjectFormSchema, type ProjectFormData, type ProjectFormUser } from './project-form.schema';\n\nconst PROJECT_LOGO_CONFIG = { width: 200, height: 200, aspectRatio: 1 };\n\nconst STORAGE_URL = process.env.NEXT_PUBLIC_STORAGE_URL || '';\n\nfunction toFormUser(user: Pick<User, 'id' | 'name' | 'email' | 'profile' | 'photo'>): ProjectFormUser {\n  return {\n    id: user.id,\n    name: user.name ?? '',\n    email: user.email ?? '',\n    profile: user.profile ?? UserProfile.viewer,\n    photo: user.photo ?? null,\n  };\n}\n\ntype ProjectSheetUIProps = {\n  open: boolean;\n  title: string;\n  submitLabel: string;\n  projectId?: number;\n  form: UseFormReturn<ProjectFormData>;\n  handleClose: () => void;\n  handleSubmit: FormEventHandler;\n  isLoading: boolean;\n  readOnly?: boolean;\n  membersLoadFailed?: boolean;\n  onRetryMembers?: () => void;\n};\n\nfunction ProjectSheetUI({\n  open,\n  title,\n  submitLabel,\n  form,\n  projectId,\n  handleClose,\n  handleSubmit,\n  isLoading,\n  readOnly = false,\n  membersLoadFailed = false,\n  onRetryMembers,\n}: ProjectSheetUIProps) {\n  const translate = useTranslations();\n  const translateProfile = useTranslations('common.account.workspace.team.profiles');\n  const isMobile = useIsMobile();\n  const fileInputRef = useRef<HTMLInputElement>(null);\n  const usersListRef = useRef<HTMLDivElement>(null);\n  const [showUserSearch, setShowUserSearch] = useState(false);\n  const [failedLogoSrc, setFailedLogoSrc] = useState<string | null>(null);\n  const [searchQuery, setSearchQuery] = useState('');\n  const debouncedSearch = useDebounce(searchQuery, 400);\n\n  const { user: currentUser } = useAuth();\n  const { data: usersOutProject, isPending: isLoadingUsers } = useAccountMembers(\n    projectId\n      ? { name: debouncedSearch, notInProject: projectId }\n      : { name: debouncedSearch, profiles: [UserProfile.collaborator, UserProfile.viewer] }\n  );\n\n  const { originalImage, showCropModal, setShowCropModal, fileName, handleFileSelect, handleCropConfirm } =\n    useImageUpload({\n      config: PROJECT_LOGO_CONFIG,\n      onSuccess: (base64) => form.setValue('logo', base64),\n    });\n\n  const logo = form.watch('logo');\n  const selectedUsers = form.watch('users');\n  const availableUsers = (usersOutProject?.users ?? []).filter(\n    (user) => !selectedUsers.some((selected) => selected.id === user.id)\n  );\n\n  const handleFileChange = (event: ChangeEvent<HTMLInputElement>) => {\n    const file = event.target.files?.[0];\n    if (!file) return;\n    handleFileSelect(file);\n    event.target.value = '';\n  };\n\n  const addUser = (user: User) => {\n    const current = form.getValues('users');\n    if (current.some((selected) => selected.id === user.id)) return;\n\n    form.setValue('users', [...current, toFormUser(user)]);\n    setTimeout(() => {\n      usersListRef.current?.scrollTo({ top: usersListRef.current.scrollHeight, behavior: 'smooth' });\n    }, 50);\n  };\n\n  const removeUser = (userId: number) => {\n    form.setValue(\n      'users',\n      form.getValues('users').filter((user) => user.id !== userId)\n    );\n  };\n\n  /** Proprietário e administrador ficam fixos no projeto; o próprio usuário não se remove. */\n  const canRemove = (userId: number, profile: UserProfile): boolean => {\n    if (readOnly) return false;\n    if (!currentUser) return false;\n    if (currentUser.id === userId) return false;\n    if (currentUser.profile !== UserProfile.owner && currentUser.profile !== UserProfile.admin) return false;\n    if (profile === UserProfile.owner || profile === UserProfile.admin) return false;\n\n    return true;\n  };\n\n  const fixedUsers = selectedUsers.filter((user) => !canRemove(user.id, user.profile));\n  const removableUsers = selectedUsers.filter((user) => canRemove(user.id, user.profile));\n  const sortedUsers = [...fixedUsers, ...removableUsers];\n\n  const rawLogoSrc = logo ? (logo.startsWith('data:') ? logo : `${STORAGE_URL}/${logo}`) : null;\n  // Logo que não carrega cai no placeholder de upload, em vez da imagem quebrada.\n  const logoSrc = rawLogoSrc && failedLogoSrc !== rawLogoSrc ? rawLogoSrc : null;\n\n  return (\n    <Sheet open={open} onOpenChange={handleClose}>\n      <SheetContent\n        side={isMobile ? 'bottom' : 'right'}\n        className={cn(\n          isMobile\n            ? 'h-dvh w-full max-w-full rounded-none pt-[env(safe-area-inset-top)] pb-[env(safe-area-inset-bottom)]'\n            : 'h-screen max-w-120! w-120!',\n          'data-[state=open]:max-h-none data-[state=open]:h-dvh overflow-hidden'\n        )}\n      >\n        <SheetHeader className=\"border-b border-zinc-200\">\n          <SheetTitle className=\"text-zinc-950 paragraph-medium-semibold\">{title}</SheetTitle>\n        </SheetHeader>\n\n        <form onSubmit={handleSubmit} className=\"flex flex-col flex-1 min-h-0\">\n          <div className=\"flex flex-col gap-6 px-5 pb-5 overflow-y-auto [scrollbar-width:auto] [&::-webkit-scrollbar]:w-1.5 [&::-webkit-scrollbar-track]:bg-transparent [&::-webkit-scrollbar-thumb]:rounded-full [&::-webkit-scrollbar-thumb]:bg-zinc-300 flex-1 min-h-0\">\n            <div className=\"flex items-center gap-3\">\n              <input\n                type=\"file\"\n                ref={fileInputRef}\n                onChange={handleFileChange}\n                accept={ACCEPTED_IMAGE_FORMATS_STRING}\n                className=\"hidden\"\n              />\n              {logoSrc ? (\n                // eslint-disable-next-line @next/next/no-img-element\n                <img\n                  alt={translate('common.account.workspace.projects.sheet.projectName')}\n                  src={logoSrc}\n                  className={cn('size-12 rounded-full object-cover shrink-0', !readOnly && 'cursor-pointer')}\n                  onClick={readOnly ? undefined : () => fileInputRef.current?.click()}\n                  onError={() => setFailedLogoSrc(logoSrc)}\n                />\n              ) : (\n                <div\n                  className={cn(\n                    'flex items-center justify-center size-12 shrink-0 rounded-full bg-zinc-50 border border-zinc-200 text-zinc-400 border-dashed',\n                    !readOnly && 'cursor-pointer hover:bg-zinc-100 transition-colors'\n                  )}\n                  onClick={readOnly ? undefined : () => fileInputRef.current?.click()}\n                >\n                  <IconUpload size={16} />\n                </div>\n              )}\n              {!readOnly && (\n                <Button\n                  variant=\"secondary\"\n                  className=\"h-8!\"\n                  type=\"button\"\n                  onClick={() => fileInputRef.current?.click()}\n                >\n                  <IconUpload size={16} />\n                  {translate('common.account.workspace.projects.sheet.changeLogo')}\n                </Button>\n              )}\n            </div>\n\n            <FormField\n              label={translate('common.account.workspace.projects.sheet.projectName')}\n              placeholder={translate('common.account.workspace.projects.sheet.namePlaceholder')}\n              error={!!form.formState.errors.name}\n              errorMessage={form.formState.errors.name?.message}\n              {...form.register('name')}\n              disabled={readOnly}\n            />\n\n            <Separator />\n\n            <span className=\"text-zinc-950 paragraph-medium-semibold\">\n              {translate('common.account.workspace.projects.sheet.selectUsers')}\n            </span>\n\n            <div className=\"flex flex-col gap-3\">\n              {membersLoadFailed && onRetryMembers && (\n                <SectionLoadError\n                  message={translate('common.account.workspace.loadFailed')}\n                  onRetry={onRetryMembers}\n                />\n              )}\n\n              {sortedUsers.length > 0 && (\n                <div\n                  ref={usersListRef}\n                  className=\"flex flex-col border border-zinc-200 rounded-lg overflow-hidden max-h-73 overflow-y-auto [scrollbar-width:auto] [&::-webkit-scrollbar]:w-1.5 [&::-webkit-scrollbar-track]:bg-transparent [&::-webkit-scrollbar-thumb]:rounded-full [&::-webkit-scrollbar-thumb]:bg-zinc-300\"\n                >\n                  {sortedUsers.map((user, index) => (\n                    <ConnectListRow\n                      key={user.id}\n                      photo={user.photo}\n                      name={user.name}\n                      badge={translateProfile(user.profile)}\n                      variant=\"selected\"\n                      hideBorder={index === sortedUsers.length - 1}\n                      onAction={() => removeUser(user.id)}\n                      showAction={canRemove(user.id, user.profile)}\n                    />\n                  ))}\n                </div>\n              )}\n\n              {!readOnly && (\n                <div className=\"flex justify-center\">\n                  <Button\n                    variant=\"ghost\"\n                    className=\"h-10! text-zinc-600\"\n                    type=\"button\"\n                    onClick={() => setShowUserSearch((previous) => !previous)}\n                  >\n                    {translate('common.account.workspace.projects.sheet.connectAnotherUser')}\n                    {showUserSearch ? <IconChevronUp size={20} /> : <IconChevronDown size={20} />}\n                  </Button>\n                </div>\n              )}\n\n              {showUserSearch && !readOnly && (\n                <>\n                  <FormField\n                    placeholder={translate('common.account.workspace.projects.sheet.searchUsers')}\n                    leftIcon={IconSearch}\n                    classnameContainer=\"h-10!\"\n                    value={searchQuery}\n                    onChange={(event) => setSearchQuery(event.target.value)}\n                    onKeyDown={(event) => event.key === 'Enter' && event.preventDefault()}\n                  />\n                  {isLoadingUsers ? (\n                    <div className=\"flex flex-col border border-zinc-200 rounded-lg overflow-hidden\">\n                      {Array.from({ length: 3 }).map((_, index) => (\n                        <div\n                          key={index}\n                          className={cn(\n                            'px-4 py-4 flex items-center justify-between w-full gap-4',\n                            index < 2 && 'border-b border-zinc-200'\n                          )}\n                        >\n                          <div className=\"size-8 rounded-full bg-zinc-200 animate-pulse shrink-0\" />\n                          <div className=\"flex items-center gap-2 flex-1 min-w-0\">\n                            <div className=\"h-4 w-24 bg-zinc-200 rounded animate-pulse\" />\n                          </div>\n                          <div className=\"h-10 w-[100px] bg-zinc-100 rounded-lg animate-pulse shrink-0\" />\n                        </div>\n                      ))}\n                    </div>\n                  ) : availableUsers.length === 0 ? (\n                    <div className=\"flex items-center justify-center py-8 text-zinc-400 paragraph-small-regular\">\n                      {debouncedSearch\n                        ? translate('common.account.workspace.projects.sheet.noUsersFound')\n                        : translate('common.account.workspace.projects.sheet.allUsersAdded')}\n                    </div>\n                  ) : (\n                    <div className=\"flex flex-col border border-zinc-200 rounded-lg overflow-hidden max-h-65 overflow-y-auto [scrollbar-width:auto] [&::-webkit-scrollbar]:w-1.5 [&::-webkit-scrollbar-track]:bg-transparent [&::-webkit-scrollbar-thumb]:rounded-full [&::-webkit-scrollbar-thumb]:bg-zinc-300\">\n                      {availableUsers.map((user, index) => (\n                        <ConnectListRow\n                          key={user.id}\n                          photo={user.photo}\n                          name={user.name}\n                          variant=\"default\"\n                          hideBorder={index === availableUsers.length - 1}\n                          onAction={() => addUser(user)}\n                        />\n                      ))}\n                    </div>\n                  )}\n                </>\n              )}\n            </div>\n          </div>\n\n          <SheetFooter className=\"flex-row items-center justify-between border-t border-zinc-200\">\n            <Button variant=\"secondary\" className=\"h-10!\" type=\"button\" onClick={handleClose}>\n              {readOnly ? translate('common.actions.close') : translate('common.actions.cancel')}\n            </Button>\n            {!readOnly && (\n              <Button className=\"h-10!\" type=\"submit\" loading={isLoading}>\n                {submitLabel}\n              </Button>\n            )}\n          </SheetFooter>\n        </form>\n\n        {/* Modal de crop (trata internamente a variante \"imagem muito pequena\"). */}\n        {originalImage && (\n          <ImageCropModal\n            open={showCropModal}\n            onOpenChange={setShowCropModal}\n            imageSrc={originalImage}\n            aspectRatio={PROJECT_LOGO_CONFIG.aspectRatio}\n            onConfirm={handleCropConfirm}\n            minWidth={PROJECT_LOGO_CONFIG.width}\n            minHeight={PROJECT_LOGO_CONFIG.height}\n            fileName={fileName}\n            onSelectAnother={() => fileInputRef.current?.click()}\n          />\n        )}\n      </SheetContent>\n    </Sheet>\n  );\n}\n\nfunction CreateProjectSheet({ open, onClose }: { open: boolean; onClose: () => void }) {\n  const translate = useTranslations();\n  const createProject = useCreateProject();\n  const { guardAction } = useCancelledSubscriptionGuard();\n\n  // Proprietários e administradores entram no projeto por padrão, como na tela de projetos.\n  const { data: adminUsers, refetch: refetchAdminUsers } = useAccountMembers({\n    profiles: [UserProfile.owner, UserProfile.admin],\n  });\n\n  const projectSchema = useMemo(\n    () => buildProjectFormSchema(translate('common.account.workspace.projects.form.nameRequired')),\n    [translate]\n  );\n\n  const form = useForm<ProjectFormData>({\n    resolver: zodResolver(projectSchema),\n    defaultValues: { name: '', logo: null, users: [] },\n  });\n\n  const handleClose = useCallback(() => {\n    form.reset({ name: '', logo: null, users: [] });\n    onClose();\n  }, [form, onClose]);\n\n  const handleSubmit = form.handleSubmit(async (data) => {\n    if (!guardAction()) return;\n\n    try {\n      await createProject.mutateAsync({\n        title: data.name,\n        photo: data.logo ?? undefined,\n        users: data.users.map((user) => user.id),\n      });\n      toast.custom((toastId) => (\n        <Toast\n          variant=\"success\"\n          message={translate('common.account.workspace.projects.sheet.created', { name: data.name })}\n          toastId={toastId}\n        />\n      ));\n      handleClose();\n    } catch (error) {\n      toast.custom((toastId) => (\n        <Toast\n          variant=\"error\"\n          message={\n            error instanceof Error\n              ? error.message\n              : translate('common.account.workspace.projects.sheet.createError')\n          }\n          toastId={toastId}\n        />\n      ));\n    }\n  });\n\n  useEffect(() => {\n    form.reset({ name: '', logo: null, users: (adminUsers?.users ?? []).map(toFormUser) });\n    refetchAdminUsers();\n    // Roda na montagem: o sheet é remontado a cada abertura pela `key` em ProjectSheet.\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  useEffect(() => {\n    if (!adminUsers?.users) return;\n    form.setValue('users', adminUsers.users.map(toFormUser));\n  }, [adminUsers, form]);\n\n  return (\n    <ProjectSheetUI\n      open={open}\n      title={translate('common.account.workspace.projects.sheet.addProject')}\n      submitLabel={translate('common.account.workspace.projects.sheet.addProject')}\n      form={form}\n      handleClose={handleClose}\n      handleSubmit={handleSubmit}\n      isLoading={createProject.isPending}\n    />\n  );\n}\n\nfunction EditProjectSheet({\n  open,\n  project,\n  onClose,\n}: {\n  open: boolean;\n  project: Project;\n  onClose: () => void;\n}) {\n  const translate = useTranslations();\n  const { isOwnerOrAdmin: canManageUsers } = useManagementPermissions();\n  const projectId = project.id;\n\n  const { data, hasNextPage, isFetchingNextPage, isError, fetchNextPage, refetch } =\n    useListProjectUsers(projectId);\n  const projectUsers = useMemo(() => data?.pages.flatMap((page) => page.data) ?? [], [data]);\n\n  // A lista precisa mostrar todos os membros, não só a primeira página.\n  useEffect(() => {\n    if (hasNextPage && !isFetchingNextPage && !isError) fetchNextPage();\n  }, [hasNextPage, isFetchingNextPage, isError, fetchNextPage]);\n\n  const updateProject = useUpdateProject();\n  const addProjectUsers = useAddProjectUsers();\n  const removeProjectUsers = useRemoveProjectUsers();\n  const { guardAction } = useCancelledSubscriptionGuard();\n\n  const projectSchema = useMemo(\n    () => buildProjectFormSchema(translate('common.account.workspace.projects.form.nameRequired')),\n    [translate]\n  );\n\n  const form = useForm<ProjectFormData>({\n    resolver: zodResolver(projectSchema),\n    defaultValues: { name: project.title, logo: project.photo ?? null, users: [] },\n  });\n\n  const seededPagesRef = useRef(0);\n\n  useEffect(() => {\n    const pages = data?.pages ?? [];\n    if (pages.length <= seededPagesRef.current) return;\n\n    const arrived = pages.slice(seededPagesRef.current).flatMap((page) => page.data);\n    seededPagesRef.current = pages.length;\n\n    form.setValue('users', [\n      ...form.getValues('users'),\n      ...arrived.map((user) =>\n        toFormUser({\n          id: user.id_user,\n          name: user.name ?? '',\n          email: user.email ?? '',\n          profile: user.profile,\n          photo: user.photo ?? null,\n        })\n      ),\n    ]);\n  }, [data, form]);\n\n  const handleSubmit = form.handleSubmit(async (data) => {\n    if (!canManageUsers) return;\n    if (!guardAction()) return;\n\n    try {\n      await updateProject.mutateAsync({\n        projectId,\n        data: { title: data.name, photo: data.logo ?? undefined },\n      });\n    } catch (error) {\n      toast.custom((toastId) => (\n        <Toast\n          variant=\"error\"\n          message={\n            error instanceof Error\n              ? error.message\n              : translate('common.account.workspace.projects.sheet.updateError')\n          }\n          toastId={toastId}\n        />\n      ));\n      return;\n    }\n\n    const originalIds = new Set(projectUsers.map((user) => user.id_user));\n    const currentIds = new Set(data.users.map((user) => user.id));\n    const toAdd = data.users.filter((user) => !originalIds.has(user.id)).map((user) => user.id);\n    const toRemove = [...originalIds].filter((id) => !currentIds.has(id));\n\n    try {\n      await Promise.all([\n        toAdd.length ? addProjectUsers.mutateAsync({ projectId, userIds: toAdd }) : null,\n        toRemove.length ? removeProjectUsers.mutateAsync({ projectId, userIds: toRemove }) : null,\n      ]);\n    } catch (error) {\n      toast.custom((toastId) => (\n        <Toast\n          variant=\"error\"\n          message={\n            error instanceof Error\n              ? error.message\n              : translate('common.account.workspace.projects.sheet.updateError')\n          }\n          toastId={toastId}\n        />\n      ));\n      return;\n    }\n\n    toast.custom((toastId) => (\n      <Toast\n        variant=\"success\"\n        message={translate('common.account.workspace.projects.sheet.changesSaved')}\n        toastId={toastId}\n      />\n    ));\n    onClose();\n  });\n\n  return (\n    <ProjectSheetUI\n      open={open}\n      title={form.watch('name') || project.title}\n      submitLabel={translate('common.account.workspace.projects.sheet.saveChanges')}\n      form={form}\n      projectId={projectId}\n      handleClose={onClose}\n      handleSubmit={handleSubmit}\n      isLoading={updateProject.isPending || addProjectUsers.isPending || removeProjectUsers.isPending}\n      readOnly={!canManageUsers}\n      membersLoadFailed={isError}\n      onRetryMembers={refetch}\n    />\n  );\n}\n\n/**\n * Sheet de criação e de detalhes do projeto, aberto por cima do modal Minha conta.\n * Mantém o último estado enquanto fecha para não perder o conteúdo durante a animação.\n */\nexport function ProjectSheet() {\n  const sheet = useProjectFlows((state) => state.sheet);\n  const closeProjectSheet = useProjectFlows((state) => state.closeProjectSheet);\n  const [lastSheet, setLastSheet] = useState<ProjectSheetState>(sheet);\n\n  useEffect(() => {\n    if (sheet) setLastSheet(sheet);\n  }, [sheet]);\n\n  if (!lastSheet) return null;\n\n  const open = !!sheet;\n\n  if (lastSheet.mode === 'details') {\n    return (\n      <EditProjectSheet\n        key={`details-${lastSheet.project.id}`}\n        open={open}\n        project={lastSheet.project}\n        onClose={closeProjectSheet}\n      />\n    );\n  }\n\n  return <CreateProjectSheet key=\"create\" open={open} onClose={closeProjectSheet} />;\n}\n"],"mappings":"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","names":["data"]}

package/dist/components/account/sections/projects/ProjectsDisabledModal.mjs

@@ -0,0 +1,55 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { IconAlertTriangle } from "@tabler/icons-react";
+import { useTranslations } from "next-intl";
+import { Button } from "../../../ui/buttons/Button";
+import { Separator } from "../../../ui/data-display/Separator";
+import {
+  Dialog,
+  DialogContent,
+  DialogDescription,
+  DialogHeader,
+  DialogTitle
+} from "../../../ui/overlay/Dialog";
+import { useManagementPermissions } from "../../../../modules/auth/hooks/useManagementPermissions";
+import { useProjectFlows } from "../../../../store/useProjectFlows";
+import useSubscriptionActions from "../../hooks/useSubscriptionActions";
+function ProjectsDisabledModal() {
+  const translate = useTranslations();
+  const { isOwnerOrAdmin } = useManagementPermissions();
+  const isOpen = useProjectFlows((state) => state.isProjectsDisabledOpen);
+  const closeProjectsDisabled = useProjectFlows((state) => state.closeProjectsDisabled);
+  const subscriptionActions = useSubscriptionActions();
+  const handleUpgrade = () => {
+    closeProjectsDisabled();
+    subscriptionActions.choosePlan();
+  };
+  return /* @__PURE__ */ jsx(Dialog, { open: isOpen, onOpenChange: (nextOpen) => !nextOpen && closeProjectsDisabled(), children: /* @__PURE__ */ jsxs(
+    DialogContent,
+    {
+      onOpenAutoFocus: (event) => event.preventDefault(),
+      className: "flex flex-col p-0 gap-0 md:w-[410px]! lg:w-[410px]! max-w-[410px]! max-[410px]:w-[calc(100%-32px)] duration-0!",
+      children: [
+        /* @__PURE__ */ jsxs(DialogHeader, { className: "gap-3 text-left p-5", children: [
+          /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center w-10 h-10 bg-gray-100 rounded-lg", children: /* @__PURE__ */ jsx(IconAlertTriangle, { size: 20, className: "text-gray-950" }) }),
+          /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2", children: [
+            /* @__PURE__ */ jsx(DialogTitle, { className: "paragraph-medium-semibold text-zinc-950", children: translate("common.account.workspace.projects.disabledModal.title") }),
+            /* @__PURE__ */ jsx(DialogDescription, { className: "paragraph-small-regular text-zinc-600", asChild: true, children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-3", children: [
+              /* @__PURE__ */ jsx("p", { children: translate("common.account.workspace.projects.disabledModal.description1") }),
+              /* @__PURE__ */ jsx("p", { children: translate("common.account.workspace.projects.disabledModal.description2") })
+            ] }) })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsx(Separator, {}),
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 p-5", children: [
+          isOwnerOrAdmin && /* @__PURE__ */ jsx(Button, { className: "h-10! transition-colors", onClick: handleUpgrade, children: translate("common.account.workspace.projects.disabledModal.upgrade") }),
+          /* @__PURE__ */ jsx(Button, { variant: "secondary", className: "h-10! transition-colors", onClick: closeProjectsDisabled, children: translate("common.actions.cancel") })
+        ] })
+      ]
+    }
+  ) });
+}
+export {
+  ProjectsDisabledModal
+};
+//# sourceMappingURL=ProjectsDisabledModal.mjs.map