npm - @greatapps/common - Versions diffs - 1.1.789 → 1.1.791 - Mend

@greatapps/common 1.1.789 → 1.1.791

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (785) hide show

package/dist/components/account/sections/MyProfileSection.mjs CHANGED Viewed

@@ -1,25 +1,38 @@
 "use client";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { useState, useRef } from "react";
+import { useEffect, useMemo, useState, useRef } from "react";
 import Image from "next/image";
 import { useTranslations } from "next-intl";
-import { useForm } from "react-hook-form";
+import { FormProvider, useForm } from "react-hook-form";
 import { zodResolver } from "@hookform/resolvers/zod";
 import { toast } from "sonner";
-import { IconUpload, IconTrash } from "@tabler/icons-react";
+import { IconBell, IconStack2, IconTrash, IconUpload, IconUser } from "@tabler/icons-react";
 import { ACCEPTED_IMAGE_FORMATS_STRING } from "../../../modules/images/constants/image.constants";
 import { Button } from "../../ui/buttons/Button";
 import { Separator } from "../../ui/data-display/Separator";
+import { Tabs, TabsContent, TabsList, TabsTrigger } from "../../ui/data-display/Tabs";
 import { Toast } from "../../ui/feedback/Toast";
 import { FormField } from "../../ui/form/FormField";
 import { SelectField } from "../../ui/form/SelectField";
 import PhoneInput from "../../ui/form/PhoneInput";
 import { useAuth } from "../../../providers/auth.provider";
-import { myProfileSchema } from "../../../utils/validators/account";
+import { useManagementPermissions } from "../../../modules/auth/hooks/useManagementPermissions";
 import { useUpdateAccountUser } from "../../../modules/accounts/hooks/useAccountManagement";
+import { cn } from "../../../infra/utils/clsx";
 import { GENDER_OPTIONS } from "../constants";
 import { ChangePhoneModal } from "./ChangePhoneModal";
 import { ChangeEmailModal } from "./ChangeEmailModal";
+import { NotificationsStep } from "./team/steps/NotificationsStep";
+import { ProjectSelectionStep } from "./team/steps/ProjectSelectionStep";
+import { FormSection } from "./shared/FormSection";
+import { buildUserFormDefaults, buildUserFormSchema } from "./team/user-form.schema";
+const TAB_PADDING = "px-4 py-5 lg:px-8 lg:py-6";
+const tabContentClasses = cn(
+  "flex-1 min-h-0 overflow-y-auto overscroll-contain pb-24 lg:pb-28",
+  "[scrollbar-width:auto] [&::-webkit-scrollbar]:w-1.5 [&::-webkit-scrollbar-track]:bg-transparent",
+  "[&::-webkit-scrollbar-thumb]:rounded-full [&::-webkit-scrollbar-thumb]:bg-zinc-300"
+);
+const tabTriggerClasses = "cursor-pointer gap-2 px-3 py-4";
 function MyProfileSection({ onClose, storageUrl }) {
   const translate = useTranslations();
   const genderOptions = GENDER_OPTIONS.map((option) => ({
@@ -29,20 +42,24 @@ function MyProfileSection({ onClose, storageUrl }) {
     )
   }));
   const { user } = useAuth();
+  const { isOwnerOrAdmin } = useManagementPermissions();
   const updateAccountUser = useUpdateAccountUser();
   const fileInputRef = useRef(null);
   const [selectedPhoto, setSelectedPhoto] = useState(null);
   const [photoRemoved, setPhotoRemoved] = useState(false);
   const [changePhoneOpen, setChangePhoneOpen] = useState(false);
   const [changeEmailOpen, setChangeEmailOpen] = useState(false);
+  const profileFormSchema = useMemo(
+    () => buildUserFormSchema({
+      required: translate("common.validations.required"),
+      invalidEmail: translate("common.validations.invalidEmail")
+    }),
+    [translate]
+  );
   const form = useForm({
-    resolver: zodResolver(myProfileSchema),
+    resolver: zodResolver(profileFormSchema),
     mode: "onChange",
-    defaultValues: {
-      name: user?.name ?? "",
-      last_name: user?.last_name ?? "",
-      gender: GENDER_OPTIONS.find((g) => g.apiValue === user?.gender)?.value ?? ""
-    }
+    defaultValues: buildUserFormDefaults(user ?? void 0)
   });
   const {
     register,
@@ -51,6 +68,9 @@ function MyProfileSection({ onClose, storageUrl }) {
     setValue,
     formState: { errors, isSubmitting }
   } = form;
+  useEffect(() => {
+    if (user) form.reset(buildUserFormDefaults(user));
+  }, [user?.id]);
   const baseStorageUrl = storageUrl ?? process.env.NEXT_PUBLIC_STORAGE_URL ?? "";
   const avatarPreview = selectedPhoto ? URL.createObjectURL(selectedPhoto) : !photoRemoved && user?.photo ? `${baseStorageUrl}/${user.photo}` : null;
   const handlePhotoChange = (e) => {
@@ -68,8 +88,10 @@ function MyProfileSection({ onClose, storageUrl }) {
     try {
       await updateAccountUser.mutateAsync({
         name: data.name,
-        last_name: data.last_name,
-        gender: GENDER_OPTIONS.find((g) => g.value === data.gender)?.apiValue,
+        last_name: data.lastName,
+        gender: data.gender,
+        receive_sms: data.receiveSms,
+        receive_email: data.receiveEmail,
         ...selectedPhoto ? { photo: selectedPhoto } : {},
         ...photoRemoved ? { photo: "" } : {}
       });
@@ -97,7 +119,7 @@ function MyProfileSection({ onClose, storageUrl }) {
     }
   };
   return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsxs("form", { onSubmit: handleSubmit(onSubmit), className: "lg:h-full lg:flex lg:flex-col", children: [
+    /* @__PURE__ */ jsx(FormProvider, { ...form, children: /* @__PURE__ */ jsxs("form", { onSubmit: handleSubmit(onSubmit), className: "flex flex-col h-full", children: [
       /* @__PURE__ */ jsx(
         "input",
         {
@@ -108,144 +130,172 @@ function MyProfileSection({ onClose, storageUrl }) {
           onChange: handlePhotoChange
         }
       ),
-      /* @__PURE__ */ jsxs("div", { className: "absolute inset-0 overflow-y-auto overscroll-contain px-4 pb-20 lg:p-5 lg:static lg:flex-1 lg:min-h-0 lg:overscroll-auto flex flex-col gap-5 lg:gap-6", children: [
-        /* @__PURE__ */ jsx("span", { className: "paragraph-medium-semibold text-gray-950 hidden lg:block", children: translate("common.account.profile.title") }),
-        /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-5", children: [
-          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-4", children: [
-            avatarPreview ? /* @__PURE__ */ jsx(
-              Image,
-              {
-                src: avatarPreview,
-                alt: translate("common.account.profile.avatarAlt"),
-                width: 48,
-                height: 48,
-                className: "size-12 rounded-full object-cover cursor-pointer",
-                onClick: () => fileInputRef.current?.click()
-              }
-            ) : /* @__PURE__ */ jsx(
-              "div",
-              {
-                className: "size-12 rounded-full bg-gray-50 border border-dashed border-gray-200 flex items-center justify-center cursor-pointer",
-                onClick: () => fileInputRef.current?.click(),
-                children: /* @__PURE__ */ jsx(IconUpload, { size: 20, className: "text-gray-400" })
-              }
-            ),
-            avatarPreview ? /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-              /* @__PURE__ */ jsx(
-                Button,
+      /* @__PURE__ */ jsxs(Tabs, { defaultValue: "information", className: "flex flex-col flex-1 min-h-0 gap-0", children: [
+        /* @__PURE__ */ jsxs(TabsList, { className: "shrink-0 mt-1.5 px-1 lg:px-5 overflow-x-auto scrollbar-hide", children: [
+          /* @__PURE__ */ jsxs(TabsTrigger, { className: tabTriggerClasses, value: "information", children: [
+            /* @__PURE__ */ jsx(IconUser, { size: 16 }),
+            translate("common.account.workspace.team.sheet.tabInformation")
+          ] }),
+          /* @__PURE__ */ jsxs(TabsTrigger, { className: tabTriggerClasses, value: "projects", children: [
+            /* @__PURE__ */ jsx(IconStack2, { size: 16 }),
+            translate("common.account.workspace.team.sheet.tabProjects")
+          ] }),
+          /* @__PURE__ */ jsxs(TabsTrigger, { className: tabTriggerClasses, value: "notifications", children: [
+            /* @__PURE__ */ jsx(IconBell, { size: 16 }),
+            translate("common.account.workspace.team.sheet.tabNotifications")
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs(
+          TabsContent,
+          {
+            value: "information",
+            className: cn(tabContentClasses, TAB_PADDING, "flex flex-col gap-6 lg:gap-8"),
+            children: [
+              /* @__PURE__ */ jsxs(
+                FormSection,
                 {
-                  variant: "secondary",
-                  className: "w-fit h-8!",
-                  type: "button",
-                  onClick: () => fileInputRef.current?.click(),
-                  children: translate("common.account.profile.changePhoto")
+                  title: translate("common.account.profile.yourData"),
+                  description: translate("common.account.profile.yourDataDescription"),
+                  children: [
+                    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-4", children: [
+                      avatarPreview ? /* @__PURE__ */ jsx(
+                        Image,
+                        {
+                          src: avatarPreview,
+                          alt: translate("common.account.profile.avatarAlt"),
+                          width: 48,
+                          height: 48,
+                          className: "size-12 rounded-full object-cover cursor-pointer",
+                          onClick: () => fileInputRef.current?.click()
+                        }
+                      ) : /* @__PURE__ */ jsx(
+                        "div",
+                        {
+                          className: "size-12 rounded-full bg-gray-50 border border-dashed border-gray-200 flex items-center justify-center cursor-pointer",
+                          onClick: () => fileInputRef.current?.click(),
+                          children: /* @__PURE__ */ jsx(IconUpload, { size: 20, className: "text-gray-400" })
+                        }
+                      ),
+                      avatarPreview ? /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", children: [
+                        /* @__PURE__ */ jsx(
+                          Button,
+                          {
+                            variant: "secondary",
+                            className: "w-fit h-8!",
+                            type: "button",
+                            onClick: () => fileInputRef.current?.click(),
+                            children: translate("common.account.profile.changePhoto")
+                          }
+                        ),
+                        /* @__PURE__ */ jsx(Button, { type: "button", variant: "ghost", className: "size-8! p-0", onClick: handleRemovePhoto, children: /* @__PURE__ */ jsx(IconTrash, { size: 16, className: "text-gray-500" }) })
+                      ] }) : /* @__PURE__ */ jsx(
+                        Button,
+                        {
+                          variant: "secondary",
+                          className: "w-fit h-8!",
+                          type: "button",
+                          onClick: () => fileInputRef.current?.click(),
+                          children: translate("common.account.profile.changePhoto")
+                        }
+                      )
+                    ] }),
+                    /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-4", children: [
+                      /* @__PURE__ */ jsxs("div", { className: "flex gap-4", children: [
+                        /* @__PURE__ */ jsx(
+                          FormField,
+                          {
+                            label: translate("common.account.profile.name"),
+                            placeholder: translate("common.account.profile.namePlaceholder"),
+                            error: !!errors.name,
+                            errorMessage: errors.name?.message,
+                            ...register("name")
+                          }
+                        ),
+                        /* @__PURE__ */ jsx(
+                          FormField,
+                          {
+                            label: translate("common.account.profile.lastName"),
+                            placeholder: translate("common.account.profile.lastNamePlaceholder"),
+                            error: !!errors.lastName,
+                            errorMessage: errors.lastName?.message,
+                            ...register("lastName")
+                          }
+                        )
+                      ] }),
+                      /* @__PURE__ */ jsx(
+                        SelectField,
+                        {
+                          label: translate("common.account.profile.gender"),
+                          placeholder: translate("common.account.profile.genderPlaceholder"),
+                          options: genderOptions,
+                          value: GENDER_OPTIONS.find((option) => option.apiValue === watch("gender"))?.value ?? "",
+                          className: "h-10!",
+                          onChange: (value) => setValue(
+                            "gender",
+                            GENDER_OPTIONS.find((option) => option.value === value)?.apiValue ?? 1,
+                            { shouldDirty: true }
+                          )
+                        }
+                      ),
+                      /* @__PURE__ */ jsxs("div", { className: "relative", children: [
+                        /* @__PURE__ */ jsx(
+                          PhoneInput,
+                          {
+                            label: translate("common.account.profile.phone"),
+                            value: user?.phone ?? "",
+                            disabled: true,
+                            classnameContainer: "bg-gray-50 border-0!"
+                          }
+                        ),
+                        /* @__PURE__ */ jsx(
+                          "button",
+                          {
+                            type: "button",
+                            className: "absolute right-3 top-5.5 h-10 flex items-center paragraph-xsmall-semibold text-gray-950 underline cursor-pointer",
+                            onClick: () => setChangePhoneOpen(true),
+                            children: translate("common.account.profile.change")
+                          }
+                        )
+                      ] })
+                    ] })
+                  ]
                 }
               ),
+              /* @__PURE__ */ jsx(Separator, {}),
               /* @__PURE__ */ jsx(
-                Button,
+                FormSection,
                 {
-                  type: "button",
-                  variant: "ghost",
-                  className: "h-8!",
-                  onClick: handleRemovePhoto,
-                  children: /* @__PURE__ */ jsx(IconTrash, { size: 16, className: "text-gray-500" })
+                  title: translate("common.account.profile.accessData"),
+                  description: translate("common.account.profile.accessDataDescription"),
+                  children: /* @__PURE__ */ jsxs("div", { className: "relative", children: [
+                    /* @__PURE__ */ jsx("div", { className: "cursor-not-allowed", children: /* @__PURE__ */ jsx(
+                      FormField,
+                      {
+                        label: translate("common.account.profile.email"),
+                        value: user?.email ?? "",
+                        disabled: true,
+                        classnameContainer: "bg-gray-50 border-0!"
+                      }
+                    ) }),
+                    /* @__PURE__ */ jsx(
+                      "button",
+                      {
+                        type: "button",
+                        className: "absolute right-3 top-5.5 h-10 flex items-center paragraph-xsmall-semibold text-gray-950 underline cursor-pointer",
+                        onClick: () => setChangeEmailOpen(true),
+                        children: translate("common.account.profile.change")
+                      }
+                    )
+                  ] })
                 }
               )
-            ] }) : /* @__PURE__ */ jsx(
-              Button,
-              {
-                variant: "secondary",
-                className: "w-fit h-8!",
-                type: "button",
-                onClick: () => fileInputRef.current?.click(),
-                children: translate("common.account.profile.changePhoto")
-              }
-            )
-          ] }),
-          /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-8", children: [
-            /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-4", children: [
-              /* @__PURE__ */ jsxs("div", { className: "flex gap-4", children: [
-                /* @__PURE__ */ jsx(
-                  FormField,
-                  {
-                    label: translate("common.account.profile.name"),
-                    placeholder: translate("common.account.profile.namePlaceholder"),
-                    error: !!errors.name,
-                    errorMessage: errors.name?.message,
-                    ...register("name")
-                  }
-                ),
-                /* @__PURE__ */ jsx(
-                  FormField,
-                  {
-                    label: translate("common.account.profile.lastName"),
-                    placeholder: translate("common.account.profile.lastNamePlaceholder"),
-                    error: !!errors.last_name,
-                    errorMessage: errors.last_name?.message,
-                    ...register("last_name")
-                  }
-                )
-              ] }),
-              /* @__PURE__ */ jsx(
-                SelectField,
-                {
-                  label: translate("common.account.profile.gender"),
-                  placeholder: translate("common.account.profile.genderPlaceholder"),
-                  options: genderOptions,
-                  value: watch("gender"),
-                  className: "h-10!",
-                  onChange: (value) => setValue("gender", value)
-                }
-              ),
-              /* @__PURE__ */ jsxs("div", { className: "relative", children: [
-                /* @__PURE__ */ jsx(
-                  PhoneInput,
-                  {
-                    label: translate("common.account.profile.phone"),
-                    value: user?.phone ?? "",
-                    disabled: true,
-                    classnameContainer: "bg-gray-50 border-0!"
-                  }
-                ),
-                /* @__PURE__ */ jsx(
-                  "button",
-                  {
-                    type: "button",
-                    className: "absolute right-3 top-5.5 h-10 flex items-center paragraph-xsmall-semibold text-gray-950 underline cursor-pointer",
-                    onClick: () => setChangePhoneOpen(true),
-                    children: translate("common.account.profile.change")
-                  }
-                )
-              ] })
-            ] }),
-            /* @__PURE__ */ jsx(Separator, {}),
-            /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-4", children: [
-              /* @__PURE__ */ jsx("span", { className: "paragraph-medium-semibold text-gray-600", children: translate("common.account.profile.accessData") }),
-              /* @__PURE__ */ jsxs("div", { className: "relative", children: [
-                /* @__PURE__ */ jsx("div", { className: "cursor-not-allowed", children: /* @__PURE__ */ jsx(
-                  FormField,
-                  {
-                    label: translate("common.account.profile.email"),
-                    value: user?.email ?? "",
-                    disabled: true,
-                    classnameContainer: "bg-gray-50 border-0!"
-                  }
-                ) }),
-                /* @__PURE__ */ jsx(
-                  "button",
-                  {
-                    type: "button",
-                    className: "absolute right-3 top-5.5 h-10 flex items-center paragraph-xsmall-semibold text-gray-950 underline cursor-pointer",
-                    onClick: () => setChangeEmailOpen(true),
-                    children: translate("common.account.profile.change")
-                  }
-                )
-              ] })
-            ] })
-          ] })
-        ] })
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsx(TabsContent, { value: "projects", className: tabContentClasses, children: /* @__PURE__ */ jsx(ProjectSelectionStep, { mode: "edit", readOnly: !isOwnerOrAdmin, className: TAB_PADDING }) }),
+        /* @__PURE__ */ jsx(TabsContent, { value: "notifications", className: tabContentClasses, children: /* @__PURE__ */ jsx(NotificationsStep, { className: TAB_PADDING }) })
       ] }),
-      /* @__PURE__ */ jsxs("div", { className: "fixed bottom-0 left-0 right-0 lg:static flex items-center h-20 px-4 lg:px-5 border-t border-gray-200 justify-between bg-white z-10", children: [
+      /* @__PURE__ */ jsxs("div", { className: "fixed bottom-0 left-0 right-0 lg:absolute flex items-center h-20 px-4 lg:px-8 border-t border-gray-200 justify-between bg-white z-10", children: [
         /* @__PURE__ */ jsx(
           Button,
           {
@@ -264,7 +314,7 @@ function MyProfileSection({ onClose, storageUrl }) {
         ),
         /* @__PURE__ */ jsx(Button, { className: "h-10! cursor-pointer", type: "submit", disabled: isSubmitting, children: isSubmitting ? translate("common.actions.saving") : translate("common.actions.saveChanges") })
       ] })
-    ] }),
+    ] }) }),
     /* @__PURE__ */ jsx(ChangePhoneModal, { open: changePhoneOpen, onClose: () => setChangePhoneOpen(false) }),
     /* @__PURE__ */ jsx(ChangeEmailModal, { open: changeEmailOpen, onClose: () => setChangeEmailOpen(false) })
   ] });

package/dist/components/account/sections/MyProfileSection.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../src/components/account/sections/MyProfileSection.tsx"],"sourcesContent":["'use client';\n\nimport { useState, useRef } from 'react';\nimport Image from 'next/image';\nimport { useTranslations } from 'next-intl';\nimport { useForm } from 'react-hook-form';\nimport { zodResolver } from '@hookform/resolvers/zod';\nimport { toast } from 'sonner';\nimport { IconUpload, IconTrash } from '@tabler/icons-react';\nimport { ACCEPTED_IMAGE_FORMATS_STRING } from '../../../modules/images/constants/image.constants';\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 { SelectField } from '../../ui/form/SelectField';\nimport PhoneInput from '../../ui/form/PhoneInput';\nimport { useAuth } from '../../../providers/auth.provider';\nimport { myProfileSchema, type MyProfileFormData } from '../../../utils/validators/account';\nimport { useUpdateAccountUser } from '../../../modules/accounts/hooks/useAccountManagement';\nimport { GENDER_OPTIONS } from '../constants';\nimport { ChangePhoneModal } from './ChangePhoneModal';\nimport { ChangeEmailModal } from './ChangeEmailModal';\n\ninterface MyProfileSectionProps {\n onClose: () => void;\n storageUrl?: string;\n}\n\nexport function MyProfileSection({ onClose, storageUrl }: MyProfileSectionProps) {\n const translate = useTranslations();\n const genderOptions = GENDER_OPTIONS.map((option) => ({\n ...option,\n label: translate(\n `common.account.profile.genderOptions.${option.value === 'masculino' ? 'male' : 'female'}`,\n ),\n }));\n const { user } = useAuth();\n const updateAccountUser = useUpdateAccountUser();\n const fileInputRef = useRef<HTMLInputElement>(null);\n const [selectedPhoto, setSelectedPhoto] = useState<File \| null>(null);\n const [photoRemoved, setPhotoRemoved] = useState(false);\n const [changePhoneOpen, setChangePhoneOpen] = useState(false);\n const [changeEmailOpen, setChangeEmailOpen] = useState(false);\n\n const form = useForm<MyProfileFormData>({\n resolver: zodResolver(myProfileSchema),\n mode: 'onChange',\n defaultValues: {\n name: user?.name ?? '',\n last_name: user?.last_name ?? '',\n gender: GENDER_OPTIONS.find((g) => g.apiValue === user?.gender)?.value ?? '',\n },\n });\n\n const {\n register,\n handleSubmit,\n watch,\n setValue,\n formState: { errors, isSubmitting },\n } = form;\n\n const baseStorageUrl = storageUrl ?? process.env.NEXT_PUBLIC_STORAGE_URL ?? '';\n\n const avatarPreview = selectedPhoto\n ? URL.createObjectURL(selectedPhoto)\n : !photoRemoved && user?.photo\n ? `${baseStorageUrl}/${user.photo}`\n : null;\n\n const handlePhotoChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n const file = e.target.files?.[0] ?? null;\n if (file) {\n setSelectedPhoto(file);\n setPhotoRemoved(false);\n }\n };\n\n const handleRemovePhoto = () => {\n setSelectedPhoto(null);\n setPhotoRemoved(true);\n };\n\n const onSubmit = async (data: MyProfileFormData) => {\n try {\n await updateAccountUser.mutateAsync({\n name: data.name,\n last_name: data.last_name,\n gender: GENDER_OPTIONS.find((g) => g.value === data.gender)?.apiValue,\n ...(selectedPhoto ? { photo: selectedPhoto } : {}),\n ...(photoRemoved ? { photo: '' } : {}),\n });\n\n form.reset(data);\n setSelectedPhoto(null);\n setPhotoRemoved(false);\n toast.custom((toastId) => (\n <Toast\n variant=\"success\"\n message={translate('common.account.profile.savedSuccess')}\n toastId={toastId}\n />\n ));\n onClose();\n } catch (error) {\n toast.custom((toastId) => (\n <Toast\n variant=\"error\"\n message={error instanceof Error ? error.message : translate('common.account.profile.saveError')}\n toastId={toastId}\n />\n ));\n }\n };\n\n return (\n <>\n <form onSubmit={handleSubmit(onSubmit)} className=\"lg:h-full lg:flex lg:flex-col\">\n <input\n ref={fileInputRef}\n type=\"file\"\n accept={ACCEPTED_IMAGE_FORMATS_STRING}\n className=\"hidden\"\n onChange={handlePhotoChange}\n />\n <div className=\"absolute inset-0 overflow-y-auto overscroll-contain px-4 pb-20 lg:p-5 lg:static lg:flex-1 lg:min-h-0 lg:overscroll-auto flex flex-col gap-5 lg:gap-6\">\n <span className=\"paragraph-medium-semibold text-gray-950 hidden lg:block\">\n {translate('common.account.profile.title')}\n </span>\n <div className=\"flex flex-col gap-5\">\n <div className=\"flex items-center gap-4\">\n {avatarPreview ? (\n <Image\n src={avatarPreview}\n alt={translate('common.account.profile.avatarAlt')}\n width={48}\n height={48}\n className=\"size-12 rounded-full object-cover cursor-pointer\"\n onClick={() => fileInputRef.current?.click()}\n />\n ) : (\n <div\n className=\"size-12 rounded-full bg-gray-50 border border-dashed border-gray-200 flex items-center justify-center cursor-pointer\"\n onClick={() => fileInputRef.current?.click()}\n >\n <IconUpload size={20} className=\"text-gray-400\" />\n </div>\n )}\n {avatarPreview ? (\n <div className=\"flex items-center gap-2\">\n <Button\n variant=\"secondary\"\n className=\"w-fit h-8!\"\n type=\"button\"\n onClick={() => fileInputRef.current?.click()}\n >\n {translate('common.account.profile.changePhoto')}\n </Button>\n <Button\n type=\"button\"\n variant=\"ghost\"\n className=\"h-8!\"\n onClick={handleRemovePhoto}\n >\n <IconTrash size={16} className=\"text-gray-500\" />\n </Button>\n </div>\n ) : (\n <Button\n variant=\"secondary\"\n className=\"w-fit h-8!\"\n type=\"button\"\n onClick={() => fileInputRef.current?.click()}\n >\n {translate('common.account.profile.changePhoto')}\n </Button>\n )}\n </div>\n\n <div className=\"flex flex-col gap-8\">\n <div className=\"flex flex-col gap-4\">\n <div className=\"flex gap-4\">\n <FormField\n label={translate('common.account.profile.name')}\n placeholder={translate('common.account.profile.namePlaceholder')}\n error={!!errors.name}\n errorMessage={errors.name?.message}\n {...register('name')}\n />\n <FormField\n label={translate('common.account.profile.lastName')}\n placeholder={translate('common.account.profile.lastNamePlaceholder')}\n error={!!errors.last_name}\n errorMessage={errors.last_name?.message}\n {...register('last_name')}\n />\n </div>\n <SelectField\n label={translate('common.account.profile.gender')}\n placeholder={translate('common.account.profile.genderPlaceholder')}\n options={genderOptions}\n value={watch('gender')}\n className=\"h-10!\"\n onChange={(value) => setValue('gender', value as string)}\n />\n <div className=\"relative\">\n <PhoneInput\n label={translate('common.account.profile.phone')}\n value={user?.phone ?? ''}\n disabled\n classnameContainer=\"bg-gray-50 border-0!\"\n />\n <button\n type=\"button\"\n className=\"absolute right-3 top-5.5 h-10 flex items-center paragraph-xsmall-semibold text-gray-950 underline cursor-pointer\"\n onClick={() => setChangePhoneOpen(true)}\n >\n {translate('common.account.profile.change')}\n </button>\n </div>\n </div>\n\n <Separator />\n\n <div className=\"flex flex-col gap-4\">\n <span className=\"paragraph-medium-semibold text-gray-600\">\n {translate('common.account.profile.accessData')}\n </span>\n <div className=\"relative\">\n <div className='cursor-not-allowed'>\n <FormField\n label={translate('common.account.profile.email')}\n value={user?.email ?? ''}\n disabled\n classnameContainer=\"bg-gray-50 border-0!\"\n />\n </div>\n <button\n type=\"button\"\n className=\"absolute right-3 top-5.5 h-10 flex items-center paragraph-xsmall-semibold text-gray-950 underline cursor-pointer\"\n onClick={() => setChangeEmailOpen(true)}\n >\n {translate('common.account.profile.change')}\n </button>\n </div>\n </div>\n </div>\n </div>\n </div>\n\n <div className=\"fixed bottom-0 left-0 right-0 lg:static flex items-center h-20 px-4 lg:px-5 border-t border-gray-200 justify-between bg-white z-10\">\n <Button\n variant=\"secondary\"\n className=\"h-10!\"\n type=\"button\"\n disabled={isSubmitting}\n onClick={() => {\n form.reset();\n setSelectedPhoto(null);\n setPhotoRemoved(false);\n onClose();\n }}\n >\n {translate('common.actions.cancel')}\n </Button>\n <Button className=\"h-10! cursor-pointer\" type=\"submit\" disabled={isSubmitting}>\n {isSubmitting ? translate('common.actions.saving') : translate('common.actions.saveChanges')}\n </Button>\n </div>\n </form>\n\n <ChangePhoneModal open={changePhoneOpen} onClose={() => setChangePhoneOpen(false)} />\n <ChangeEmailModal open={changeEmailOpen} onClose={() => setChangeEmailOpen(false)} />\n </>\n );\n}\n"],"mappings":"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","names":[]}
1	+ {"version":3,"sources":["../../../../src/components/account/sections/MyProfileSection.tsx"],"sourcesContent":["'use client';\n\nimport { useEffect, useMemo, useState, useRef } from 'react';\nimport Image from 'next/image';\nimport { useTranslations } from 'next-intl';\nimport { FormProvider, useForm } from 'react-hook-form';\nimport { zodResolver } from '@hookform/resolvers/zod';\nimport { toast } from 'sonner';\nimport { IconBell, IconStack2, IconTrash, IconUpload, IconUser } from '@tabler/icons-react';\nimport { ACCEPTED_IMAGE_FORMATS_STRING } from '../../../modules/images/constants/image.constants';\nimport { Button } from '../../ui/buttons/Button';\nimport { Separator } from '../../ui/data-display/Separator';\nimport { Tabs, TabsContent, TabsList, TabsTrigger } from '../../ui/data-display/Tabs';\nimport { Toast } from '../../ui/feedback/Toast';\nimport { FormField } from '../../ui/form/FormField';\nimport { SelectField } from '../../ui/form/SelectField';\nimport PhoneInput from '../../ui/form/PhoneInput';\nimport { useAuth } from '../../../providers/auth.provider';\nimport { useManagementPermissions } from '../../../modules/auth/hooks/useManagementPermissions';\nimport { useUpdateAccountUser } from '../../../modules/accounts/hooks/useAccountManagement';\nimport { cn } from '../../../infra/utils/clsx';\nimport { GENDER_OPTIONS } from '../constants';\nimport { ChangePhoneModal } from './ChangePhoneModal';\nimport { ChangeEmailModal } from './ChangeEmailModal';\nimport { NotificationsStep } from './team/steps/NotificationsStep';\nimport { ProjectSelectionStep } from './team/steps/ProjectSelectionStep';\nimport { FormSection } from './shared/FormSection';\nimport { buildUserFormDefaults, buildUserFormSchema, type UserFormData } from './team/user-form.schema';\n\n/** Espaçamento das seções do modal, aplicado dentro de cada aba. /\nconst TAB_PADDING = 'px-4 py-5 lg:px-8 lg:py-6';\n\n/* Cada aba rola sozinha: a barra de abas fica fixa no topo e o rodapé de ações no fim. /\nconst tabContentClasses = cn(\n 'flex-1 min-h-0 overflow-y-auto overscroll-contain pb-24 lg:pb-28',\n '[scrollbar-width:auto] [&::-webkit-scrollbar]:w-1.5 [&::-webkit-scrollbar-track]:bg-transparent',\n '[&::-webkit-scrollbar-thumb]:rounded-full [&::-webkit-scrollbar-thumb]:bg-zinc-300'\n);\n\nconst tabTriggerClasses = 'cursor-pointer gap-2 px-3 py-4';\n\ninterface MyProfileSectionProps {\n onClose: () => void;\n storageUrl?: string;\n}\n\nexport function MyProfileSection({ onClose, storageUrl }: MyProfileSectionProps) {\n const translate = useTranslations();\n const genderOptions = GENDER_OPTIONS.map((option) => ({\n ...option,\n label: translate(\n `common.account.profile.genderOptions.${option.value === 'masculino' ? 'male' : 'female'}`,\n ),\n }));\n const { user } = useAuth();\n const { isOwnerOrAdmin } = useManagementPermissions();\n const updateAccountUser = useUpdateAccountUser();\n const fileInputRef = useRef<HTMLInputElement>(null);\n const [selectedPhoto, setSelectedPhoto] = useState<File \| null>(null);\n const [photoRemoved, setPhotoRemoved] = useState(false);\n const [changePhoneOpen, setChangePhoneOpen] = useState(false);\n const [changeEmailOpen, setChangeEmailOpen] = useState(false);\n\n // Mesmo formulário do sheet da equipe: as abas Projetos e Notificações são os passos de lá.\n const profileFormSchema = useMemo(\n () =>\n buildUserFormSchema({\n required: translate('common.validations.required'),\n invalidEmail: translate('common.validations.invalidEmail'),\n }),\n [translate]\n );\n\n const form = useForm<UserFormData>({\n resolver: zodResolver(profileFormSchema),\n mode: 'onChange',\n defaultValues: buildUserFormDefaults(user ?? undefined),\n });\n\n const {\n register,\n handleSubmit,\n watch,\n setValue,\n formState: { errors, isSubmitting },\n } = form;\n\n // O usuário autenticado chega por query: repõe os valores quando ele carrega depois da montagem.\n useEffect(() => {\n if (user) form.reset(buildUserFormDefaults(user));\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [user?.id]);\n\n const baseStorageUrl = storageUrl ?? process.env.NEXT_PUBLIC_STORAGE_URL ?? '';\n\n const avatarPreview = selectedPhoto\n ? URL.createObjectURL(selectedPhoto)\n : !photoRemoved && user?.photo\n ? `${baseStorageUrl}/${user.photo}`\n : null;\n\n const handlePhotoChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n const file = e.target.files?.[0] ?? null;\n if (file) {\n setSelectedPhoto(file);\n setPhotoRemoved(false);\n }\n };\n\n const handleRemovePhoto = () => {\n setSelectedPhoto(null);\n setPhotoRemoved(true);\n };\n\n const onSubmit = async (data: UserFormData) => {\n try {\n await updateAccountUser.mutateAsync({\n name: data.name,\n last_name: data.lastName,\n gender: data.gender,\n receive_sms: data.receiveSms,\n receive_email: data.receiveEmail,\n ...(selectedPhoto ? { photo: selectedPhoto } : {}),\n ...(photoRemoved ? { photo: '' } : {}),\n });\n\n form.reset(data);\n setSelectedPhoto(null);\n setPhotoRemoved(false);\n toast.custom((toastId) => (\n <Toast\n variant=\"success\"\n message={translate('common.account.profile.savedSuccess')}\n toastId={toastId}\n />\n ));\n onClose();\n } catch (error) {\n toast.custom((toastId) => (\n <Toast\n variant=\"error\"\n message={error instanceof Error ? error.message : translate('common.account.profile.saveError')}\n toastId={toastId}\n />\n ));\n }\n };\n\n return (\n <>\n <FormProvider {...form}>\n <form onSubmit={handleSubmit(onSubmit)} className=\"flex flex-col h-full\">\n <input\n ref={fileInputRef}\n type=\"file\"\n accept={ACCEPTED_IMAGE_FORMATS_STRING}\n className=\"hidden\"\n onChange={handlePhotoChange}\n />\n\n <Tabs defaultValue=\"information\" className=\"flex flex-col flex-1 min-h-0 gap-0\">\n {/ `px-1 lg:px-5` + `px-3` do gatilho: o primeiro rótulo alinha com o conteúdo das abas. /}\n <TabsList className=\"shrink-0 mt-1.5 px-1 lg:px-5 overflow-x-auto scrollbar-hide\">\n <TabsTrigger className={tabTriggerClasses} value=\"information\">\n <IconUser size={16} />\n {translate('common.account.workspace.team.sheet.tabInformation')}\n </TabsTrigger>\n <TabsTrigger className={tabTriggerClasses} value=\"projects\">\n <IconStack2 size={16} />\n {translate('common.account.workspace.team.sheet.tabProjects')}\n </TabsTrigger>\n <TabsTrigger className={tabTriggerClasses} value=\"notifications\">\n <IconBell size={16} />\n {translate('common.account.workspace.team.sheet.tabNotifications')}\n </TabsTrigger>\n </TabsList>\n\n <TabsContent\n value=\"information\"\n className={cn(tabContentClasses, TAB_PADDING, 'flex flex-col gap-6 lg:gap-8')}\n >\n <FormSection\n title={translate('common.account.profile.yourData')}\n description={translate('common.account.profile.yourDataDescription')}\n >\n <div className=\"flex items-center gap-4\">\n {avatarPreview ? (\n <Image\n src={avatarPreview}\n alt={translate('common.account.profile.avatarAlt')}\n width={48}\n height={48}\n className=\"size-12 rounded-full object-cover cursor-pointer\"\n onClick={() => fileInputRef.current?.click()}\n />\n ) : (\n <div\n className=\"size-12 rounded-full bg-gray-50 border border-dashed border-gray-200 flex items-center justify-center cursor-pointer\"\n onClick={() => fileInputRef.current?.click()}\n >\n <IconUpload size={20} className=\"text-gray-400\" />\n </div>\n )}\n {avatarPreview ? (\n <div className=\"flex items-center gap-1\">\n <Button\n variant=\"secondary\"\n className=\"w-fit h-8!\"\n type=\"button\"\n onClick={() => fileInputRef.current?.click()}\n >\n {translate('common.account.profile.changePhoto')}\n </Button>\n <Button type=\"button\" variant=\"ghost\" className=\"size-8! p-0\" onClick={handleRemovePhoto}>\n <IconTrash size={16} className=\"text-gray-500\" />\n </Button>\n </div>\n ) : (\n <Button\n variant=\"secondary\"\n className=\"w-fit h-8!\"\n type=\"button\"\n onClick={() => fileInputRef.current?.click()}\n >\n {translate('common.account.profile.changePhoto')}\n </Button>\n )}\n </div>\n <div className=\"flex flex-col gap-4\">\n <div className=\"flex gap-4\">\n <FormField\n label={translate('common.account.profile.name')}\n placeholder={translate('common.account.profile.namePlaceholder')}\n error={!!errors.name}\n errorMessage={errors.name?.message}\n {...register('name')}\n />\n <FormField\n label={translate('common.account.profile.lastName')}\n placeholder={translate('common.account.profile.lastNamePlaceholder')}\n error={!!errors.lastName}\n errorMessage={errors.lastName?.message}\n {...register('lastName')}\n />\n </div>\n <SelectField\n label={translate('common.account.profile.gender')}\n placeholder={translate('common.account.profile.genderPlaceholder')}\n options={genderOptions}\n value={GENDER_OPTIONS.find((option) => option.apiValue === watch('gender'))?.value ?? ''}\n className=\"h-10!\"\n onChange={(value) =>\n setValue(\n 'gender',\n GENDER_OPTIONS.find((option) => option.value === value)?.apiValue ?? 1,\n { shouldDirty: true }\n )\n }\n />\n <div className=\"relative\">\n <PhoneInput\n label={translate('common.account.profile.phone')}\n value={user?.phone ?? ''}\n disabled\n classnameContainer=\"bg-gray-50 border-0!\"\n />\n <button\n type=\"button\"\n className=\"absolute right-3 top-5.5 h-10 flex items-center paragraph-xsmall-semibold text-gray-950 underline cursor-pointer\"\n onClick={() => setChangePhoneOpen(true)}\n >\n {translate('common.account.profile.change')}\n </button>\n </div>\n </div>\n </FormSection>\n\n <Separator />\n\n <FormSection\n title={translate('common.account.profile.accessData')}\n description={translate('common.account.profile.accessDataDescription')}\n >\n <div className=\"relative\">\n <div className=\"cursor-not-allowed\">\n <FormField\n label={translate('common.account.profile.email')}\n value={user?.email ?? ''}\n disabled\n classnameContainer=\"bg-gray-50 border-0!\"\n />\n </div>\n <button\n type=\"button\"\n className=\"absolute right-3 top-5.5 h-10 flex items-center paragraph-xsmall-semibold text-gray-950 underline cursor-pointer\"\n onClick={() => setChangeEmailOpen(true)}\n >\n {translate('common.account.profile.change')}\n </button>\n </div>\n </FormSection>\n </TabsContent>\n\n {/ Só proprietário e administrador mudam vínculos de projeto — e ambos já veem todos. */}\n <TabsContent value=\"projects\" className={tabContentClasses}>\n <ProjectSelectionStep mode=\"edit\" readOnly={!isOwnerOrAdmin} className={TAB_PADDING} />\n </TabsContent>\n\n <TabsContent value=\"notifications\" className={tabContentClasses}>\n <NotificationsStep className={TAB_PADDING} />\n </TabsContent>\n </Tabs>\n\n <div className=\"fixed bottom-0 left-0 right-0 lg:absolute flex items-center h-20 px-4 lg:px-8 border-t border-gray-200 justify-between bg-white z-10\">\n <Button\n variant=\"secondary\"\n className=\"h-10!\"\n type=\"button\"\n disabled={isSubmitting}\n onClick={() => {\n form.reset();\n setSelectedPhoto(null);\n setPhotoRemoved(false);\n onClose();\n }}\n >\n {translate('common.actions.cancel')}\n </Button>\n <Button className=\"h-10! cursor-pointer\" type=\"submit\" disabled={isSubmitting}>\n {isSubmitting ? translate('common.actions.saving') : translate('common.actions.saveChanges')}\n </Button>\n </div>\n </form>\n </FormProvider>\n\n <ChangePhoneModal open={changePhoneOpen} onClose={() => setChangePhoneOpen(false)} />\n <ChangeEmailModal open={changeEmailOpen} onClose={() => setChangeEmailOpen(false)} />\n </>\n );\n}\n"],"mappings":"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","names":[]}