@greatapps/common 1.1.789 → 1.1.791

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/account/sections/team/UserSheet.tsx"],"sourcesContent":["'use client';\n\nimport { useCallback, useEffect, useMemo, useRef, useState, type ChangeEvent } from 'react';\nimport { FormProvider, useForm, useWatch } from 'react-hook-form';\nimport { zodResolver } from '@hookform/resolvers/zod';\nimport { IconBell, IconCheck, IconMail, IconStack2, IconUser, IconX } from '@tabler/icons-react';\nimport { useTranslations } from 'next-intl';\nimport { toast } from 'sonner';\nimport { Button } from '../../../ui/buttons/Button';\nimport { Tabs, TabsContent, TabsList, TabsTrigger } from '../../../ui/data-display/Tabs';\nimport { Toast } from '../../../ui/feedback/Toast';\nimport { Dialog, DialogContent } from '../../../ui/overlay/Dialog';\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 { useCreateAccountUser } from '../../../../modules/accounts/hooks/create-account-user.hook';\nimport { useUpdateAccountUserById } from '../../../../modules/accounts/hooks/useAccountManagement';\nimport { useAddUserProjects } from '../../../../modules/accounts/hooks/add-user-projects.hook';\nimport { useRemoveUserProjects } from '../../../../modules/accounts/hooks/remove-user-projects.hook';\nimport { useProjects } from '../../../../modules/projects/hooks/list-projects.hook';\nimport { useInvalidateUser } from '../../../../modules/auth/hooks/useUserQuery';\nimport { UserProfile, type User } from '../../../../modules/users/schema';\nimport { useAuth } from '../../../../providers/auth.provider';\nimport { useIsDefaultWhitelabel } from '../../../../providers/whitelabel.provider';\nimport { base64ToFile } from '../../../../modules/images/utils/base64';\nimport useIsMobile from '../../../../hooks/useIsMobile';\nimport { cn } from '../../../../infra/utils/clsx';\nimport { useTeamFlows, type UserSheetState } from '../../../../store/useTeamFlows';\nimport { ChangeEmailModal } from '../ChangeEmailModal';\nimport { ChangePhoneModal } from '../ChangePhoneModal';\nimport { ChangePasswordSection } from '../ChangePasswordSection';\nimport TwoFactorAuthModal from '../../TwoFactorAuthModal';\nimport DisableTwoFactorAuthModal from '../../DisableTwoFactorAuthModal';\nimport { NotificationsStep } from './steps/NotificationsStep';\nimport { ProjectSelectionStep } from './steps/ProjectSelectionStep';\nimport { UserInformationStep } from './steps/UserInformationStep';\nimport { buildUserFormDefaults, buildUserFormSchema, type UserFormData } from './user-form.schema';\n\nconst USER_AVATAR_CONFIG = { width: 200, height: 200, aspectRatio: 1 };\n\nconst STORAGE_URL = process.env.NEXT_PUBLIC_STORAGE_URL || '';\n\nconst EMAIL_REGEX = /^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$/;\n\nconst tabTriggerClasses =\n  'flex items-center gap-2 px-2 py-2 rounded-none border-b-2 border-transparent data-[state=active]:border-zinc-950 data-[state=active]:bg-transparent data-[state=active]:shadow-none bg-transparent';\n\ntype UserSheetContentProps = {\n  open: boolean;\n  mode: 'add' | 'edit';\n  initialData?: User;\n  onClose: () => void;\n};\n\nfunction UserSheetContent({ open, mode, initialData, onClose }: UserSheetContentProps) {\n  const translate = useTranslations();\n  const translateSheet = useTranslations('common.account.workspace.team.sheet');\n  const isMobile = useIsMobile();\n  const isDefaultWhitelabel = useIsDefaultWhitelabel();\n  const isEditMode = mode === 'edit';\n\n  const [currentStep, setCurrentStep] = useState(1);\n  const [photoRemoved, setPhotoRemoved] = useState(false);\n  const [emailExistsError, setEmailExistsError] = useState<string | null>(null);\n  const [isCheckingEmail, setIsCheckingEmail] = useState(false);\n  const [showChangePhone, setShowChangePhone] = useState(false);\n  const [showChangeEmail, setShowChangeEmail] = useState(false);\n  const [showTwoFactor, setShowTwoFactor] = useState(false);\n  const [showDisableTwoFactor, setShowDisableTwoFactor] = useState(false);\n  const [showChangePassword, setShowChangePassword] = useState(false);\n  const selectAnotherInputRef = useRef<HTMLInputElement>(null);\n\n  const { user: currentUser } = useAuth();\n  const invalidateUser = useInvalidateUser();\n\n  const isOwnProfile = isEditMode && currentUser?.id === initialData?.id;\n  const currentProfile = currentUser?.profile;\n  const targetProfile = initialData?.profile;\n  const canManageUsers = currentProfile === UserProfile.owner || currentProfile === UserProfile.admin;\n\n  // Admin edita todo mundo menos o proprietário; qualquer um edita o próprio perfil.\n  const canEditUser = isEditMode\n    ? isOwnProfile\n      ? true\n      : currentProfile === UserProfile.owner\n        ? true\n        : currentProfile === UserProfile.admin\n          ? targetProfile !== UserProfile.owner\n          : false\n    : canManageUsers;\n\n  const canChangeProfile = isEditMode\n    ? initialData?.profile === UserProfile.owner\n      ? false\n      : canManageUsers\n    : canManageUsers;\n\n  const userFormSchema = 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    mode: 'onTouched',\n    resolver: zodResolver(userFormSchema),\n    defaultValues: buildUserFormDefaults(initialData),\n  });\n\n  const { originalImage, showCropModal, setShowCropModal, fileName, handleFileSelect, handleCropConfirm } =\n    useImageUpload({\n      config: USER_AVATAR_CONFIG,\n      onSuccess: (base64) => {\n        form.setValue('photo', base64ToFile(base64, 'avatar.webp'), { shouldDirty: true });\n        setPhotoRemoved(false);\n      },\n      onError: (error) => {\n        toast.custom((toastId) => <Toast toastId={toastId} variant=\"error\" message={error} />, {\n          duration: 5000,\n        });\n      },\n    });\n\n  const twoFactorSource = isOwnProfile\n    ? currentUser?.two_factor_authentication ?? false\n    : initialData?.two_factor_authentication ?? false;\n  const [twoFactorEnabled, setTwoFactorEnabled] = useState(twoFactorSource);\n  useEffect(() => setTwoFactorEnabled(twoFactorSource), [twoFactorSource]);\n\n  const createAccountUser = useCreateAccountUser();\n  const updateAccountUser = useUpdateAccountUserById();\n  const addUserProjects = useAddUserProjects();\n  const removeUserProjects = useRemoveUserProjects();\n  // Sem `limit` o backend devolve só a primeira página: admin/proprietário precisa de todos os ids\n  // para receber acesso a todos os projetos (mesmo limite da lista do passo de projetos).\n  const { data: projectsData } = useProjects({ limit: 5000 });\n\n  const allProjectIds = useMemo(() => projectsData?.data?.map((project) => project.id) || [], [projectsData]);\n\n  const initialProfile = initialData?.profile || UserProfile.admin;\n  const hasFullAccessOnOpen = initialProfile === UserProfile.admin || initialProfile === UserProfile.owner;\n\n  useEffect(() => {\n    form.reset({ ...buildUserFormDefaults(initialData), profile: initialProfile });\n\n    setPhotoRemoved(false);\n    setCurrentStep(1);\n    setEmailExistsError(null);\n    setIsCheckingEmail(false);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  // Admin e proprietário têm acesso a todos os projetos: marca os que faltam quando a lista de\n  // 5.000 projetos chega, sem sobrescrever uma seleção que o usuário já tenha alterado.\n  useEffect(() => {\n    if (!hasFullAccessOnOpen || allProjectIds.length === 0) return;\n    if (form.getFieldState('selectedProjects').isDirty) return;\n\n    form.setValue(\n      'selectedProjects',\n      Object.fromEntries(allProjectIds.map((id) => [id.toString(), true])),\n      { shouldDirty: true }\n    );\n  }, [allProjectIds, hasFullAccessOnOpen, form]);\n\n  const photo = useWatch({ control: form.control, name: 'photo' });\n  const selectedProjects = useWatch({ control: form.control, name: 'selectedProjects' });\n  const profile = useWatch({ control: form.control, name: 'profile' });\n  const nameValue = useWatch({ control: form.control, name: 'name' });\n  const emailValue = useWatch({ control: form.control, name: 'email' });\n  const isAdmin = profile === UserProfile.admin;\n\n  const canContinue =\n    !!nameValue?.trim() && EMAIL_REGEX.test(emailValue || '') && !isCheckingEmail && !emailExistsError;\n\n  const photoPreview = useMemo(() => {\n    if (photo instanceof File) return URL.createObjectURL(photo);\n    if (!photo && !photoRemoved && initialData?.photo) return `${STORAGE_URL}/${initialData.photo}`;\n    return null;\n  }, [photo, photoRemoved, initialData?.photo]);\n\n  const selectedCount = useMemo(() => {\n    if (isAdmin) return allProjectIds.length;\n    return Object.values(selectedProjects).filter(Boolean).length;\n  }, [selectedProjects, isAdmin, allProjectIds]);\n\n  const getProjectsForSubmit = useCallback(\n    (formData: UserFormData) => {\n      if (formData.profile === UserProfile.admin || formData.profile === UserProfile.owner) {\n        return allProjectIds;\n      }\n      return Object.keys(formData.selectedProjects)\n        .filter((key) => formData.selectedProjects[key])\n        .map(Number);\n    },\n    [allProjectIds]\n  );\n\n  const handleClose = useCallback(() => {\n    form.reset(buildUserFormDefaults(initialData));\n    setCurrentStep(1);\n    setPhotoRemoved(false);\n    setEmailExistsError(null);\n    setIsCheckingEmail(false);\n    onClose();\n  }, [form, initialData, onClose]);\n\n  const handleProfileChange = useCallback(\n    (newProfile: UserProfile) => {\n      const hasFullAccess = newProfile === UserProfile.admin || newProfile === UserProfile.owner;\n      form.setValue(\n        'selectedProjects',\n        hasFullAccess\n          ? Object.fromEntries(allProjectIds.map((id) => [id.toString(), true]))\n          : Object.fromEntries(initialData?.projects?.map((project) => [project.id.toString(), true]) || []),\n        { shouldDirty: true }\n      );\n    },\n    [form, allProjectIds, initialData]\n  );\n\n  const handlePhotoChange = useCallback(\n    (event: ChangeEvent<HTMLInputElement>) => {\n      const file = event.target.files?.[0];\n      if (file) handleFileSelect(file);\n      event.target.value = '';\n    },\n    [handleFileSelect]\n  );\n\n  const handleRemovePhoto = useCallback(() => {\n    form.setValue('photo', null, { shouldDirty: true });\n    setPhotoRemoved(true);\n  }, [form]);\n\n  const handleAddUser = useCallback(\n    async (formData: UserFormData) => {\n      const userEmail = formData.email;\n\n      try {\n        await createAccountUser.mutateAsync({\n          name: formData.name,\n          email: formData.email,\n          profile: formData.profile,\n          language: 'pt-br',\n          last_name: formData.lastName || '',\n          ddi: '55',\n          gender: formData.gender,\n          phone: formData.phone,\n          photo: formData.photo,\n          projects: getProjectsForSubmit(formData),\n          receive_sms: formData.receiveSms,\n          receive_email: formData.receiveEmail,\n        });\n      } catch (error) {\n        toast.custom(\n          (toastId) => (\n            <Toast\n              toastId={toastId}\n              variant=\"error\"\n              message={error instanceof Error ? error.message : translateSheet('createError')}\n            />\n          ),\n          { duration: 5000 }\n        );\n        return;\n      }\n\n      handleClose();\n\n      toast.custom(\n        (toastId) => (\n          <Toast toastId={toastId}>\n            <div className=\"flex items-center gap-3 flex-1 min-w-0\">\n              <div\n                className={cn(\n                  'size-10 rounded-lg flex items-center justify-center shrink-0',\n                  isDefaultWhitelabel ? 'bg-cyan-50' : 'bg-zinc-50'\n                )}\n              >\n                <IconMail size={20} className={isDefaultWhitelabel ? 'text-cyan-500' : 'text-zinc-500'} />\n              </div>\n              <p className=\"flex-1 text-zinc-600 paragraph-small-medium\">\n                {translateSheet('inviteSent', { userEmail })}\n              </p>\n              <Button\n                variant=\"ghost\"\n                className=\"size-8 rounded-full shrink-0\"\n                onClick={() => toast.dismiss(toastId)}\n              >\n                <IconX size={18} />\n              </Button>\n            </div>\n          </Toast>\n        ),\n        { duration: 5000 }\n      );\n    },\n    [createAccountUser, getProjectsForSubmit, handleClose, isDefaultWhitelabel, translateSheet]\n  );\n\n  const handleSaveChanges = useCallback(\n    async (formData: UserFormData) => {\n      const userName = formData.name;\n      const dirtyFields = form.formState.dirtyFields;\n      const userFieldsChanged =\n        !!dirtyFields.name ||\n        !!dirtyFields.lastName ||\n        !!dirtyFields.email ||\n        !!dirtyFields.phone ||\n        !!dirtyFields.profile ||\n        !!dirtyFields.photo ||\n        !!dirtyFields.gender ||\n        !!dirtyFields.receiveSms ||\n        !!dirtyFields.receiveEmail ||\n        formData.photo instanceof File;\n\n      let updateError: unknown = null;\n      if (userFieldsChanged) {\n        try {\n          await updateAccountUser.mutateAsync({\n            userId: initialData!.id,\n            name: formData.name,\n            email: formData.email,\n            profile: formData.profile,\n            language: 'pt-br',\n            last_name: formData.lastName || '',\n            ddi: '55',\n            gender: formData.gender,\n            phone: formData.phone,\n            ...(formData.photo instanceof File ? { photo: formData.photo } : {}),\n            receive_sms: formData.receiveSms,\n            receive_email: formData.receiveEmail,\n          });\n        } catch (error) {\n          updateError = error;\n        }\n      }\n\n      const targetProjectIds = new Set(getProjectsForSubmit(formData));\n      const initialProjectIds = new Set(initialData?.projects?.map((project) => project.id) || []);\n      const allProjects = projectsData?.data || [];\n\n      const projectsToAdd = [...targetProjectIds].filter((id) => !initialProjectIds.has(id));\n      const projectsToRemove = [...initialProjectIds].filter((id) => !targetProjectIds.has(id));\n\n      let projectsError: unknown = null;\n      try {\n        await Promise.all([\n          addUserProjects.mutateAsync({\n            userId: initialData!.id,\n            projects: projectsToAdd.map((id) => ({\n              id,\n              title: allProjects.find((project) => project.id === id)?.title || '',\n            })),\n          }),\n          removeUserProjects.mutateAsync({ userId: initialData!.id, projectIds: projectsToRemove }),\n        ]);\n      } catch (error) {\n        projectsError = error;\n      }\n\n      const firstError = updateError ?? projectsError;\n      if (firstError) {\n        toast.custom(\n          (toastId) => (\n            <Toast\n              toastId={toastId}\n              variant=\"error\"\n              message={firstError instanceof Error ? firstError.message : translateSheet('updateError')}\n            />\n          ),\n          { duration: 5000 }\n        );\n        return;\n      }\n\n      handleClose();\n\n      toast.custom(\n        (toastId) => (\n          <Toast toastId={toastId}>\n            <div className=\"flex items-center gap-3 flex-1 min-w-0\">\n              <div className=\"size-10 rounded-lg flex items-center justify-center shrink-0 bg-green-50\">\n                <IconCheck size={20} className=\"text-green-500\" />\n              </div>\n              <p className=\"flex-1 text-zinc-600 paragraph-small-medium\">\n                {translateSheet('changesSaved', { userName })}\n              </p>\n              <Button\n                variant=\"ghost\"\n                className=\"size-8 rounded-full shrink-0\"\n                onClick={() => toast.dismiss(toastId)}\n              >\n                <IconX size={18} />\n              </Button>\n            </div>\n          </Toast>\n        ),\n        { duration: 5000 }\n      );\n    },\n    [\n      addUserProjects,\n      form,\n      getProjectsForSubmit,\n      handleClose,\n      initialData,\n      projectsData,\n      removeUserProjects,\n      translateSheet,\n      updateAccountUser,\n    ]\n  );\n\n  const onSubmit = useCallback(\n    async (data: UserFormData) => {\n      if (isEditMode) {\n        await handleSaveChanges(data);\n      } else if (currentStep === 1) {\n        if (isCheckingEmail || emailExistsError) return;\n        setCurrentStep(2);\n      } else {\n        await handleAddUser(data);\n      }\n    },\n    [currentStep, emailExistsError, handleAddUser, handleSaveChanges, isCheckingEmail, isEditMode]\n  );\n\n  const isSubmitting = form.formState.isSubmitting;\n\n  return (\n    <>\n      <Sheet open={open} onOpenChange={handleClose}>\n        <SheetContent\n          side={isMobile ? 'bottom' : 'right'}\n          className={cn(\n            'gap-0 overflow-hidden',\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-[480px]! w-[480px]!',\n            'data-[state=open]:max-h-none data-[state=open]:h-dvh'\n          )}\n        >\n          <FormProvider {...form}>\n            <form onSubmit={form.handleSubmit(onSubmit)} className=\"flex flex-col flex-1 overflow-hidden\">\n              <SheetHeader className={cn('border-b border-zinc-200', isEditMode && 'border-b-0')}>\n                <SheetTitle className=\"text-zinc-950 paragraph-medium-semibold\">\n                  {isEditMode ? translateSheet('titleEdit') : translateSheet('titleAdd')}\n                </SheetTitle>\n              </SheetHeader>\n\n              {!isEditMode && (\n                <div className=\"h-1 bg-zinc-100 w-full\">\n                  <div\n                    className=\"h-full transition-all duration-300 ease-in-out bg-primary\"\n                    style={{ width: currentStep === 1 ? '50%' : '100%' }}\n                  />\n                </div>\n              )}\n\n              {isEditMode ? (\n                <Tabs defaultValue=\"information\" className=\"flex flex-col flex-1 overflow-hidden\">\n                  <TabsList className=\"flex gap-1.5 px-5 pt-3 border-b border-zinc-200 bg-transparent h-auto justify-start\">\n                    <TabsTrigger value=\"information\" className={tabTriggerClasses}>\n                      <IconUser size={16} />\n                      <span className=\"paragraph-small-semibold\">{translateSheet('tabInformation')}</span>\n                    </TabsTrigger>\n                    <TabsTrigger value=\"projects\" className={tabTriggerClasses}>\n                      <IconStack2 size={16} />\n                      <span className=\"paragraph-small-medium\">{translateSheet('tabProjects')}</span>\n                    </TabsTrigger>\n                    <TabsTrigger value=\"notifications\" className={tabTriggerClasses}>\n                      <IconBell size={16} />\n                      <span className=\"paragraph-small-medium\">{translateSheet('tabNotifications')}</span>\n                    </TabsTrigger>\n                  </TabsList>\n\n                  <TabsContent value=\"information\" className=\"flex-1 overflow-y-auto mt-0 [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                    <UserInformationStep\n                      mode={mode}\n                      photoPreview={photoPreview}\n                      onPhotoChange={handlePhotoChange}\n                      onRemovePhoto={handleRemovePhoto}\n                      isOwnProfile={isOwnProfile}\n                      canEditUser={canEditUser}\n                      canChangeProfile={canChangeProfile}\n                      targetUser={initialData}\n                      twoFactorEnabled={twoFactorEnabled}\n                      onTwoFactorChange={setTwoFactorEnabled}\n                      onOpenChangePhone={() => setShowChangePhone(true)}\n                      onOpenChangeEmail={() => setShowChangeEmail(true)}\n                      onOpenTwoFactor={() =>\n                        twoFactorEnabled ? setShowDisableTwoFactor(true) : setShowTwoFactor(true)\n                      }\n                      onOpenChangePassword={() => setShowChangePassword(true)}\n                      onProfileChange={handleProfileChange}\n                    />\n                  </TabsContent>\n\n                  <TabsContent value=\"projects\" className=\"flex-1 overflow-y-auto mt-0 [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                    <ProjectSelectionStep mode=\"edit\" readOnly={!canEditUser || !canManageUsers} />\n                  </TabsContent>\n\n                  <TabsContent value=\"notifications\" className=\"flex-1 overflow-y-auto mt-0 [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                    <NotificationsStep readOnly={!isOwnProfile && !canEditUser} />\n                  </TabsContent>\n                </Tabs>\n              ) : (\n                <div className=\"flex-1 overflow-y-auto\">\n                  {currentStep === 1 && (\n                    <UserInformationStep\n                      mode={mode}\n                      photoPreview={photoPreview}\n                      onPhotoChange={handlePhotoChange}\n                      onRemovePhoto={handleRemovePhoto}\n                      emailExistsError={emailExistsError}\n                      isCheckingEmail={isCheckingEmail}\n                      onEmailExistsError={setEmailExistsError}\n                      onEmailChecking={setIsCheckingEmail}\n                      onProfileChange={handleProfileChange}\n                    />\n                  )}\n                  {currentStep === 2 && <ProjectSelectionStep mode=\"add\" />}\n                </div>\n              )}\n\n              {isEditMode ? (\n                <SheetFooter className=\"flex-row items-center justify-between border-t border-zinc-200 gap-2\">\n                  <Button\n                    variant=\"secondary\"\n                    className=\"h-10!\"\n                    type=\"button\"\n                    onClick={handleClose}\n                    disabled={isSubmitting}\n                  >\n                    {translate('common.actions.cancel')}\n                  </Button>\n                  <Button\n                    className=\"h-10!\"\n                    type=\"submit\"\n                    disabled={!form.formState.isDirty || !canEditUser}\n                    loading={isSubmitting}\n                  >\n                    {isSubmitting ? translateSheet('saving') : translateSheet('saveChanges')}\n                  </Button>\n                </SheetFooter>\n              ) : (\n                <>\n                  {currentStep === 1 && (\n                    <SheetFooter className=\"flex-row items-center justify-between border-t border-zinc-200 gap-2\">\n                      <Button\n                        variant=\"secondary\"\n                        className=\"h-10!\"\n                        type=\"button\"\n                        onClick={handleClose}\n                        disabled={isSubmitting}\n                      >\n                        {translate('common.actions.cancel')}\n                      </Button>\n                      <Button className=\"h-10!\" type=\"submit\" loading={isSubmitting} disabled={!canContinue}>\n                        {translate('common.actions.continue')}\n                      </Button>\n                    </SheetFooter>\n                  )}\n\n                  {currentStep === 2 && (\n                    <SheetFooter className=\"flex-row items-center justify-between border-t border-zinc-200 gap-2\">\n                      <Button\n                        variant=\"secondary\"\n                        className=\"h-10!\"\n                        type=\"button\"\n                        onClick={() => setCurrentStep(1)}\n                        disabled={isSubmitting}\n                      >\n                        {translate('common.actions.back')}\n                      </Button>\n                      <div className=\"flex items-center gap-3\">\n                        <span className=\"text-zinc-500 paragraph-small-regular\">\n                          {selectedCount}{' '}\n                          {selectedCount === 1 ? translateSheet('selectedOne') : translateSheet('selectedMany')}\n                        </span>\n                        <Button\n                          className=\"h-10!\"\n                          type=\"submit\"\n                          disabled={selectedCount === 0}\n                          loading={isSubmitting}\n                        >\n                          {isSubmitting ? translateSheet('sending') : translateSheet('sendInvite')}\n                        </Button>\n                      </div>\n                    </SheetFooter>\n                  )}\n                </>\n              )}\n            </form>\n          </FormProvider>\n        </SheetContent>\n      </Sheet>\n\n      {/* Input escondido: só serve de gatilho do \"Enviar outra\" do ImageCropModal. */}\n      <input\n        ref={selectAnotherInputRef}\n        type=\"file\"\n        accept={ACCEPTED_IMAGE_FORMATS_STRING}\n        className=\"hidden\"\n        onChange={(event) => {\n          const file = event.target.files?.[0];\n          if (file) handleFileSelect(file);\n          event.target.value = '';\n        }}\n      />\n\n      {originalImage && (\n        <ImageCropModal\n          open={showCropModal}\n          onOpenChange={setShowCropModal}\n          imageSrc={originalImage}\n          aspectRatio={USER_AVATAR_CONFIG.aspectRatio}\n          onConfirm={handleCropConfirm}\n          minWidth={USER_AVATAR_CONFIG.width}\n          minHeight={USER_AVATAR_CONFIG.height}\n          fileName={fileName}\n          onSelectAnother={() => selectAnotherInputRef.current?.click()}\n        />\n      )}\n\n      <ChangePhoneModal open={showChangePhone} onClose={() => setShowChangePhone(false)} />\n      <ChangeEmailModal open={showChangeEmail} onClose={() => setShowChangeEmail(false)} />\n      <TwoFactorAuthModal\n        open={showTwoFactor}\n        onClose={() => setShowTwoFactor(false)}\n        onSuccess={() => {\n          setTwoFactorEnabled(true);\n          invalidateUser();\n          setShowTwoFactor(false);\n        }}\n      />\n      <DisableTwoFactorAuthModal\n        open={showDisableTwoFactor}\n        onClose={() => setShowDisableTwoFactor(false)}\n        onSuccess={() => {\n          setTwoFactorEnabled(false);\n          invalidateUser();\n          setShowDisableTwoFactor(false);\n        }}\n      />\n      <Dialog open={showChangePassword} onOpenChange={setShowChangePassword}>\n        <DialogContent\n          showCloseButton={false}\n          className=\"flex flex-col p-0 gap-0 max-w-full sm:max-w-full border-0 rounded-t-2xl rounded-b-none h-dvh top-0 bottom-0 left-0 right-0 translate-x-0 translate-y-0 lg:max-w-125 lg:h-auto lg:rounded-lg lg:border lg:top-[50%] lg:left-[50%] lg:right-auto lg:bottom-auto lg:translate-x-[-50%] lg:translate-y-[-50%] overflow-hidden\"\n        >\n          <ChangePasswordSection onBack={() => setShowChangePassword(false)} />\n        </DialogContent>\n      </Dialog>\n    </>\n  );\n}\n\n/**\n * Sheet de cadastro e edição de usuário, 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 UserSheet() {\n  const sheet = useTeamFlows((state) => state.sheet);\n  const closeUserSheet = useTeamFlows((state) => state.closeUserSheet);\n  const [lastSheet, setLastSheet] = useState<UserSheetState>(sheet);\n\n  useEffect(() => {\n    if (sheet) setLastSheet(sheet);\n  }, [sheet]);\n\n  if (!lastSheet) return null;\n\n  return (\n    <UserSheetContent\n      key={lastSheet.mode === 'edit' ? `edit-${lastSheet.user.id}` : 'add'}\n      open={!!sheet}\n      mode={lastSheet.mode}\n      initialData={lastSheet.mode === 'edit' ? lastSheet.user : undefined}\n      onClose={closeUserSheet}\n    />\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/components/account/sections/team/steps/NotificationsStep.mjs

@@ -0,0 +1,80 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { IconMail, IconMessageCircle } from "@tabler/icons-react";
+import { useTranslations } from "next-intl";
+import { useFormContext, useWatch } from "react-hook-form";
+import { Switch } from "../../../../ui/form/Switch";
+import { NOTIFICATION_TYPES } from "../../../constants";
+import { cn } from "../../../../../infra/utils/clsx";
+const rowBaseClass = "flex items-center gap-4 p-4 border border-zinc-200 rounded-lg text-left";
+function NotificationsStep({ readOnly = false, className }) {
+  const translate = useTranslations();
+  const { setValue, control } = useFormContext();
+  const receiveSms = useWatch({ control, name: "receiveSms" });
+  const receiveEmail = useWatch({ control, name: "receiveEmail" });
+  return /* @__PURE__ */ jsxs("div", { className: cn("flex flex-col gap-6 px-5 py-6 flex-1", className), children: [
+    /* @__PURE__ */ jsx("span", { className: "text-zinc-950 paragraph-medium-semibold", children: translate("common.account.workspace.team.notificationsStep.sectionTitle") }),
+    /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-3", children: [
+      /* @__PURE__ */ jsxs(
+        "div",
+        {
+          ...readOnly ? {} : {
+            role: "button",
+            tabIndex: 0,
+            onClick: () => setValue("receiveSms", !receiveSms, { shouldDirty: true })
+          },
+          className: cn(rowBaseClass, !readOnly && "cursor-pointer"),
+          children: [
+            /* @__PURE__ */ jsx("div", { className: "size-10 rounded-lg bg-zinc-50 flex items-center justify-center shrink-0", children: /* @__PURE__ */ jsx(IconMessageCircle, { size: 20, className: "text-zinc-600" }) }),
+            /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1 flex-1 min-w-0", children: [
+              /* @__PURE__ */ jsx("span", { className: "paragraph-small-semibold text-zinc-950", children: translate("common.account.workspace.team.notificationsStep.smsTitle") }),
+              /* @__PURE__ */ jsx("span", { className: "paragraph-small-regular text-zinc-500", children: translate("common.account.workspace.team.notificationsStep.smsDescription") })
+            ] }),
+            /* @__PURE__ */ jsx("div", { onClick: (event) => event.stopPropagation(), children: /* @__PURE__ */ jsx(
+              Switch,
+              {
+                checked: receiveSms,
+                disabled: readOnly,
+                onCheckedChange: (checked) => setValue("receiveSms", checked, { shouldDirty: true })
+              }
+            ) })
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsxs(
+        "div",
+        {
+          ...readOnly ? {} : {
+            role: "button",
+            tabIndex: 0,
+            onClick: () => setValue("receiveEmail", !receiveEmail, { shouldDirty: true })
+          },
+          className: cn(rowBaseClass, !readOnly && "cursor-pointer"),
+          children: [
+            /* @__PURE__ */ jsx("div", { className: "size-10 rounded-lg bg-zinc-50 flex items-center justify-center shrink-0", children: /* @__PURE__ */ jsx(IconMail, { size: 20, className: "text-zinc-600" }) }),
+            /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1 flex-1 min-w-0", children: [
+              /* @__PURE__ */ jsx("span", { className: "paragraph-small-semibold text-zinc-950", children: translate("common.account.workspace.team.notificationsStep.emailTitle") }),
+              /* @__PURE__ */ jsx("span", { className: "paragraph-small-regular text-zinc-500", children: translate("common.account.workspace.team.notificationsStep.emailDescription") })
+            ] }),
+            /* @__PURE__ */ jsx("div", { onClick: (event) => event.stopPropagation(), children: /* @__PURE__ */ jsx(
+              Switch,
+              {
+                checked: receiveEmail,
+                disabled: readOnly,
+                onCheckedChange: (checked) => setValue("receiveEmail", checked, { shouldDirty: true })
+              }
+            ) })
+          ]
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "bg-zinc-50 rounded-lg p-5 flex flex-col gap-4", children: [
+      /* @__PURE__ */ jsx("span", { className: "paragraph-small-semibold text-zinc-950", children: translate("common.account.workspace.team.notificationsStep.typesTitle") }),
+      /* @__PURE__ */ jsx("ul", { className: "list-disc pl-5 flex flex-col gap-0", children: NOTIFICATION_TYPES.map((type) => /* @__PURE__ */ jsx("li", { className: "paragraph-small-medium text-zinc-500", children: translate(type) }, type)) })
+    ] })
+  ] });
+}
+export {
+  NotificationsStep
+};
+//# sourceMappingURL=NotificationsStep.mjs.map

package/dist/components/account/sections/team/steps/NotificationsStep.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/components/account/sections/team/steps/NotificationsStep.tsx"],"sourcesContent":["'use client';\n\nimport { IconMail, IconMessageCircle } from '@tabler/icons-react';\nimport { useTranslations } from 'next-intl';\nimport { useFormContext, useWatch } from 'react-hook-form';\nimport { Switch } from '../../../../ui/form/Switch';\nimport { NOTIFICATION_TYPES } from '../../../constants';\nimport { cn } from '../../../../../infra/utils/clsx';\nimport type { UserFormData } from '../user-form.schema';\n\nconst rowBaseClass = 'flex items-center gap-4 p-4 border border-zinc-200 rounded-lg text-left';\n\ntype NotificationsStepProps = {\n  readOnly?: boolean;\n  /** Ajusta o espaçamento do passo ao container que o embute (sheet da equipe ou modal Minha conta). */\n  className?: string;\n};\n\n/** Passo de notificações do sheet de usuário: preferências de SMS e e-mail. */\nexport function NotificationsStep({ readOnly = false, className }: NotificationsStepProps) {\n  const translate = useTranslations();\n  const { setValue, control } = useFormContext<UserFormData>();\n\n  const receiveSms = useWatch({ control, name: 'receiveSms' });\n  const receiveEmail = useWatch({ control, name: 'receiveEmail' });\n\n  return (\n    <div className={cn('flex flex-col gap-6 px-5 py-6 flex-1', className)}>\n      <span className=\"text-zinc-950 paragraph-medium-semibold\">\n        {translate('common.account.workspace.team.notificationsStep.sectionTitle')}\n      </span>\n\n      <div className=\"flex flex-col gap-3\">\n        <div\n          {...(readOnly\n            ? {}\n            : {\n                role: 'button' as const,\n                tabIndex: 0,\n                onClick: () => setValue('receiveSms', !receiveSms, { shouldDirty: true }),\n              })}\n          className={cn(rowBaseClass, !readOnly && 'cursor-pointer')}\n        >\n          <div className=\"size-10 rounded-lg bg-zinc-50 flex items-center justify-center shrink-0\">\n            <IconMessageCircle size={20} className=\"text-zinc-600\" />\n          </div>\n          <div className=\"flex flex-col gap-1 flex-1 min-w-0\">\n            <span className=\"paragraph-small-semibold text-zinc-950\">\n              {translate('common.account.workspace.team.notificationsStep.smsTitle')}\n            </span>\n            <span className=\"paragraph-small-regular text-zinc-500\">\n              {translate('common.account.workspace.team.notificationsStep.smsDescription')}\n            </span>\n          </div>\n          <div onClick={(event) => event.stopPropagation()}>\n            <Switch\n              checked={receiveSms}\n              disabled={readOnly}\n              onCheckedChange={(checked) => setValue('receiveSms', checked, { shouldDirty: true })}\n            />\n          </div>\n        </div>\n\n        <div\n          {...(readOnly\n            ? {}\n            : {\n                role: 'button' as const,\n                tabIndex: 0,\n                onClick: () => setValue('receiveEmail', !receiveEmail, { shouldDirty: true }),\n              })}\n          className={cn(rowBaseClass, !readOnly && 'cursor-pointer')}\n        >\n          <div className=\"size-10 rounded-lg bg-zinc-50 flex items-center justify-center shrink-0\">\n            <IconMail size={20} className=\"text-zinc-600\" />\n          </div>\n          <div className=\"flex flex-col gap-1 flex-1 min-w-0\">\n            <span className=\"paragraph-small-semibold text-zinc-950\">\n              {translate('common.account.workspace.team.notificationsStep.emailTitle')}\n            </span>\n            <span className=\"paragraph-small-regular text-zinc-500\">\n              {translate('common.account.workspace.team.notificationsStep.emailDescription')}\n            </span>\n          </div>\n          <div onClick={(event) => event.stopPropagation()}>\n            <Switch\n              checked={receiveEmail}\n              disabled={readOnly}\n              onCheckedChange={(checked) => setValue('receiveEmail', checked, { shouldDirty: true })}\n            />\n          </div>\n        </div>\n      </div>\n\n      <div className=\"bg-zinc-50 rounded-lg p-5 flex flex-col gap-4\">\n        <span className=\"paragraph-small-semibold text-zinc-950\">\n          {translate('common.account.workspace.team.notificationsStep.typesTitle')}\n        </span>\n        <ul className=\"list-disc pl-5 flex flex-col gap-0\">\n          {NOTIFICATION_TYPES.map((type) => (\n            <li key={type} className=\"paragraph-small-medium text-zinc-500\">\n              {translate(type)}\n            </li>\n          ))}\n        </ul>\n      </div>\n    </div>\n  );\n}\n"],"mappings":";AA4BM,cAkBI,YAlBJ;AA1BN,SAAS,UAAU,yBAAyB;AAC5C,SAAS,uBAAuB;AAChC,SAAS,gBAAgB,gBAAgB;AACzC,SAAS,cAAc;AACvB,SAAS,0BAA0B;AACnC,SAAS,UAAU;AAGnB,MAAM,eAAe;AASd,SAAS,kBAAkB,EAAE,WAAW,OAAO,UAAU,GAA2B;AACzF,QAAM,YAAY,gBAAgB;AAClC,QAAM,EAAE,UAAU,QAAQ,IAAI,eAA6B;AAE3D,QAAM,aAAa,SAAS,EAAE,SAAS,MAAM,aAAa,CAAC;AAC3D,QAAM,eAAe,SAAS,EAAE,SAAS,MAAM,eAAe,CAAC;AAE/D,SACE,qBAAC,SAAI,WAAW,GAAG,wCAAwC,SAAS,GAClE;AAAA,wBAAC,UAAK,WAAU,2CACb,oBAAU,8DAA8D,GAC3E;AAAA,IAEA,qBAAC,SAAI,WAAU,uBACb;AAAA;AAAA,QAAC;AAAA;AAAA,UACE,GAAI,WACD,CAAC,IACD;AAAA,YACE,MAAM;AAAA,YACN,UAAU;AAAA,YACV,SAAS,MAAM,SAAS,cAAc,CAAC,YAAY,EAAE,aAAa,KAAK,CAAC;AAAA,UAC1E;AAAA,UACJ,WAAW,GAAG,cAAc,CAAC,YAAY,gBAAgB;AAAA,UAEzD;AAAA,gCAAC,SAAI,WAAU,2EACb,8BAAC,qBAAkB,MAAM,IAAI,WAAU,iBAAgB,GACzD;AAAA,YACA,qBAAC,SAAI,WAAU,sCACb;AAAA,kCAAC,UAAK,WAAU,0CACb,oBAAU,0DAA0D,GACvE;AAAA,cACA,oBAAC,UAAK,WAAU,yCACb,oBAAU,gEAAgE,GAC7E;AAAA,eACF;AAAA,YACA,oBAAC,SAAI,SAAS,CAAC,UAAU,MAAM,gBAAgB,GAC7C;AAAA,cAAC;AAAA;AAAA,gBACC,SAAS;AAAA,gBACT,UAAU;AAAA,gBACV,iBAAiB,CAAC,YAAY,SAAS,cAAc,SAAS,EAAE,aAAa,KAAK,CAAC;AAAA;AAAA,YACrF,GACF;AAAA;AAAA;AAAA,MACF;AAAA,MAEA;AAAA,QAAC;AAAA;AAAA,UACE,GAAI,WACD,CAAC,IACD;AAAA,YACE,MAAM;AAAA,YACN,UAAU;AAAA,YACV,SAAS,MAAM,SAAS,gBAAgB,CAAC,cAAc,EAAE,aAAa,KAAK,CAAC;AAAA,UAC9E;AAAA,UACJ,WAAW,GAAG,cAAc,CAAC,YAAY,gBAAgB;AAAA,UAEzD;AAAA,gCAAC,SAAI,WAAU,2EACb,8BAAC,YAAS,MAAM,IAAI,WAAU,iBAAgB,GAChD;AAAA,YACA,qBAAC,SAAI,WAAU,sCACb;AAAA,kCAAC,UAAK,WAAU,0CACb,oBAAU,4DAA4D,GACzE;AAAA,cACA,oBAAC,UAAK,WAAU,yCACb,oBAAU,kEAAkE,GAC/E;AAAA,eACF;AAAA,YACA,oBAAC,SAAI,SAAS,CAAC,UAAU,MAAM,gBAAgB,GAC7C;AAAA,cAAC;AAAA;AAAA,gBACC,SAAS;AAAA,gBACT,UAAU;AAAA,gBACV,iBAAiB,CAAC,YAAY,SAAS,gBAAgB,SAAS,EAAE,aAAa,KAAK,CAAC;AAAA;AAAA,YACvF,GACF;AAAA;AAAA;AAAA,MACF;AAAA,OACF;AAAA,IAEA,qBAAC,SAAI,WAAU,iDACb;AAAA,0BAAC,UAAK,WAAU,0CACb,oBAAU,4DAA4D,GACzE;AAAA,MACA,oBAAC,QAAG,WAAU,sCACX,6BAAmB,IAAI,CAAC,SACvB,oBAAC,QAAc,WAAU,wCACtB,oBAAU,IAAI,KADR,IAET,CACD,GACH;AAAA,OACF;AAAA,KACF;AAEJ;","names":[]}

package/dist/components/account/sections/team/steps/ProjectSelectionStep.mjs

@@ -0,0 +1,180 @@
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { useRef, useState } from "react";
+import { IconChevronDown, IconChevronUp, IconSearch } from "@tabler/icons-react";
+import { useTranslations } from "next-intl";
+import { useFormContext, useWatch } from "react-hook-form";
+import { toast } from "sonner";
+import { Button } from "../../../../ui/buttons/Button";
+import { Toast } from "../../../../ui/feedback/Toast";
+import { FormField } from "../../../../ui/form/FormField";
+import { useDebounce } from "../../../../../hooks/useDebounce";
+import { useInfiniteProjects } from "../../../../../modules/projects/hooks/list-infinite-projects.hook";
+import { cn } from "../../../../../infra/utils/clsx";
+import { UserProfile } from "../../../../../modules/users/schema";
+import { ConnectListRow } from "../../shared/ConnectListRow";
+import { InfiniteScrollList } from "../../shared/InfiniteScrollList";
+function ProjectSelectionStep({ mode, readOnly = false, className }) {
+  const translate = useTranslations();
+  const [showProjectSearch, setShowProjectSearch] = useState(false);
+  const [searchQuery, setSearchQuery] = useState("");
+  const debouncedSearch = useDebounce(searchQuery, 400);
+  const projectsListRef = useRef(null);
+  const { data, fetchNextPage, hasNextPage, isFetchingNextPage, isFetching } = useInfiniteProjects({
+    limit: 5e3
+  });
+  const { setValue, getValues, control, formState } = useFormContext();
+  const selectedProjects = useWatch({ control, name: "selectedProjects" });
+  const profile = useWatch({ control, name: "profile" });
+  const hasFullProjectAccess = profile === UserProfile.admin || profile === UserProfile.owner;
+  const isSubmitting = formState.isSubmitting;
+  const liveProjects = data?.pages.flatMap((page) => page.data) ?? [];
+  const frozenProjectsRef = useRef(liveProjects);
+  if (!isSubmitting) frozenProjectsRef.current = liveProjects;
+  const allProjects = isSubmitting ? frozenProjectsRef.current : liveProjects;
+  const showFetchingState = isFetching && !isSubmitting;
+  const [addedProjectOrder, setAddedProjectOrder] = useState([]);
+  const connected = allProjects.filter(
+    (project) => hasFullProjectAccess || selectedProjects[project.id.toString()]
+  );
+  const addedSet = new Set(addedProjectOrder);
+  const original = connected.filter((project) => !addedSet.has(project.id));
+  const added = addedProjectOrder.filter((id) => connected.some((project) => project.id === id)).map((id) => connected.find((project) => project.id === id));
+  const connectedProjects = [...original, ...added];
+  const searchTerm = debouncedSearch.trim().toLowerCase();
+  const availableProjects = allProjects.filter(
+    (project) => !hasFullProjectAccess && !selectedProjects[project.id.toString()] && (!searchTerm || project.title.toLowerCase().includes(searchTerm))
+  );
+  const handleAddProject = (id) => {
+    setAddedProjectOrder((previous) => [...previous, id]);
+    setValue("selectedProjects", { ...getValues("selectedProjects"), [id]: true }, { shouldDirty: true });
+    setTimeout(() => {
+      projectsListRef.current?.scrollTo({ top: projectsListRef.current.scrollHeight, behavior: "smooth" });
+    }, 50);
+  };
+  const handleRemoveProject = (id) => {
+    const currentProjects = getValues("selectedProjects");
+    if (mode === "edit" && !hasFullProjectAccess) {
+      const currentSelectedCount = Object.values(currentProjects).filter(Boolean).length;
+      if (currentSelectedCount <= 1) {
+        toast.custom(
+          (toastId) => /* @__PURE__ */ jsx(
+            Toast,
+            {
+              toastId,
+              variant: "error",
+              message: translate("common.account.workspace.team.projectsStep.minimumOneProject")
+            }
+          ),
+          { duration: 5e3 }
+        );
+        return;
+      }
+    }
+    setAddedProjectOrder((previous) => previous.filter((projectId) => projectId !== id));
+    setValue("selectedProjects", { ...currentProjects, [id]: false }, { shouldDirty: true });
+  };
+  return /* @__PURE__ */ jsxs("div", { className: cn("flex flex-col gap-6 px-5 py-6 flex-1", className), children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1", children: [
+      /* @__PURE__ */ jsx("span", { className: "text-zinc-950 paragraph-medium-semibold", children: translate("common.account.workspace.team.projectsStep.sectionTitle") }),
+      /* @__PURE__ */ jsx("span", { className: "text-zinc-600 paragraph-small-regular", children: hasFullProjectAccess ? translate("common.account.workspace.team.projectsStep.descriptionAdmin") : readOnly ? translate("common.account.workspace.team.projectsStep.descriptionReadOnly") : translate("common.account.workspace.team.projectsStep.descriptionDefault") })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-3", children: [
+      showFetchingState && allProjects.length === 0 ? /* @__PURE__ */ jsx("div", { className: "flex flex-col border border-zinc-200 rounded-lg overflow-hidden", children: Array.from({ length: 5 }).map((_, index) => /* @__PURE__ */ jsxs(
+        "div",
+        {
+          className: `px-4 py-4 flex items-center gap-4 min-h-18 ${index < 4 ? "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: "h-4 w-32 bg-zinc-200 rounded animate-pulse" })
+          ]
+        },
+        index
+      )) }) : connectedProjects.length > 0 ? /* @__PURE__ */ jsx(
+        "div",
+        {
+          ref: projectsListRef,
+          className: "flex flex-col border border-zinc-200 rounded-lg overflow-hidden max-h-[330px] 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 [&>div]:min-h-18",
+          children: connectedProjects.map((project, index) => /* @__PURE__ */ jsx(
+            ConnectListRow,
+            {
+              name: project.title,
+              photo: project.photo,
+              variant: "selected",
+              hideBorder: index === connectedProjects.length - 1,
+              onAction: () => handleRemoveProject(project.id),
+              showAction: !readOnly && !hasFullProjectAccess && connectedProjects.length > 1
+            },
+            project.id
+          ))
+        }
+      ) : null,
+      !readOnly && !hasFullProjectAccess && /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx("div", { className: "flex justify-center", children: /* @__PURE__ */ jsxs(
+          Button,
+          {
+            variant: "ghost",
+            className: "h-10! text-zinc-600",
+            type: "button",
+            onClick: () => setShowProjectSearch((previous) => !previous),
+            children: [
+              translate("common.account.workspace.team.projectsStep.connectAnotherProject"),
+              showProjectSearch ? /* @__PURE__ */ jsx(IconChevronUp, { size: 20 }) : /* @__PURE__ */ jsx(IconChevronDown, { size: 20 })
+            ]
+          }
+        ) }),
+        showProjectSearch && /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx(
+            FormField,
+            {
+              placeholder: translate("common.account.workspace.team.projectsStep.searchProject"),
+              leftIcon: IconSearch,
+              classnameContainer: "h-10!",
+              value: searchQuery,
+              onChange: (event) => setSearchQuery(event.target.value),
+              onKeyDown: (event) => event.key === "Enter" && event.preventDefault()
+            }
+          ),
+          /* @__PURE__ */ jsxs(
+            InfiniteScrollList,
+            {
+              className: "flex flex-col border border-zinc-200 rounded-lg overflow-y-auto max-h-65 w-full [scrollbar-width:auto] [&::-webkit-scrollbar]:w-1.5 [&::-webkit-scrollbar-track]:bg-transparent [&::-webkit-scrollbar-thumb]:rounded-full [&::-webkit-scrollbar-thumb]:bg-zinc-300",
+              hasMore: !!hasNextPage && !isSubmitting,
+              isLoadingMore: isFetchingNextPage,
+              onLoadMore: () => fetchNextPage(),
+              children: [
+                availableProjects.length === 0 && !showFetchingState ? /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center py-8 text-zinc-400 paragraph-small-regular", children: searchTerm ? translate("common.account.workspace.team.projectsStep.noProjectFound") : translate("common.account.workspace.team.projectsStep.allProjectsAdded") }) : availableProjects.map((project, index) => /* @__PURE__ */ jsx(
+                  ConnectListRow,
+                  {
+                    name: project.title,
+                    photo: project.photo,
+                    variant: "default",
+                    hideBorder: index === availableProjects.length - 1,
+                    onAction: () => handleAddProject(project.id)
+                  },
+                  project.id
+                )),
+                showFetchingState && Array.from({ length: 3 }).map((_, index) => /* @__PURE__ */ jsxs(
+                  "div",
+                  {
+                    className: `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-25 bg-zinc-100 rounded-lg animate-pulse shrink-0" })
+                    ]
+                  },
+                  index
+                ))
+              ]
+            }
+          )
+        ] })
+      ] })
+    ] })
+  ] });
+}
+export {
+  ProjectSelectionStep
+};
+//# sourceMappingURL=ProjectSelectionStep.mjs.map

package/dist/components/account/sections/team/steps/ProjectSelectionStep.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/components/account/sections/team/steps/ProjectSelectionStep.tsx"],"sourcesContent":["'use client';\n\nimport { useRef, useState } from 'react';\nimport { IconChevronDown, IconChevronUp, IconSearch } from '@tabler/icons-react';\nimport { useTranslations } from 'next-intl';\nimport { useFormContext, useWatch } from 'react-hook-form';\nimport { toast } from 'sonner';\nimport { Button } from '../../../../ui/buttons/Button';\nimport { Toast } from '../../../../ui/feedback/Toast';\nimport { FormField } from '../../../../ui/form/FormField';\nimport { useDebounce } from '../../../../../hooks/useDebounce';\nimport { useInfiniteProjects } from '../../../../../modules/projects/hooks/list-infinite-projects.hook';\nimport { cn } from '../../../../../infra/utils/clsx';\nimport { UserProfile } from '../../../../../modules/users/schema';\nimport { ConnectListRow } from '../../shared/ConnectListRow';\nimport { InfiniteScrollList } from '../../shared/InfiniteScrollList';\nimport type { UserFormData } from '../user-form.schema';\n\ntype ProjectSelectionStepProps = {\n  mode: 'add' | 'edit';\n  readOnly?: boolean;\n  /** Ajusta o espaçamento do passo ao container que o embute (sheet da equipe ou modal Minha conta). */\n  className?: string;\n};\n\n/** Passo de projetos do sheet de usuário: conecta e desconecta o usuário dos projetos da conta. */\nexport function ProjectSelectionStep({ mode, readOnly = false, className }: ProjectSelectionStepProps) {\n  const translate = useTranslations();\n  const [showProjectSearch, setShowProjectSearch] = useState(false);\n  const [searchQuery, setSearchQuery] = useState('');\n  const debouncedSearch = useDebounce(searchQuery, 400);\n  const projectsListRef = useRef<HTMLDivElement>(null);\n\n  const { data, fetchNextPage, hasNextPage, isFetchingNextPage, isFetching } = useInfiniteProjects({\n    limit: 5000,\n  });\n  const { setValue, getValues, control, formState } = useFormContext<UserFormData>();\n  const selectedProjects = useWatch({ control, name: 'selectedProjects' });\n  const profile = useWatch({ control, name: 'profile' });\n  const hasFullProjectAccess = profile === UserProfile.admin || profile === UserProfile.owner;\n  const isSubmitting = formState.isSubmitting;\n\n  const liveProjects = data?.pages.flatMap((page) => page.data) ?? [];\n  // Durante o envio a lista é congelada: invalidações não podem tirar itens da tela no meio do submit.\n  const frozenProjectsRef = useRef(liveProjects);\n  if (!isSubmitting) frozenProjectsRef.current = liveProjects;\n  const allProjects = isSubmitting ? frozenProjectsRef.current : liveProjects;\n  const showFetchingState = isFetching && !isSubmitting;\n\n  const [addedProjectOrder, setAddedProjectOrder] = useState<number[]>([]);\n\n  const connected = allProjects.filter(\n    (project) => hasFullProjectAccess || selectedProjects[project.id.toString()]\n  );\n  const addedSet = new Set(addedProjectOrder);\n  const original = connected.filter((project) => !addedSet.has(project.id));\n  const added = addedProjectOrder\n    .filter((id) => connected.some((project) => project.id === id))\n    .map((id) => connected.find((project) => project.id === id)!);\n  const connectedProjects = [...original, ...added];\n\n  const searchTerm = debouncedSearch.trim().toLowerCase();\n  const availableProjects = allProjects.filter(\n    (project) =>\n      !hasFullProjectAccess &&\n      !selectedProjects[project.id.toString()] &&\n      (!searchTerm || project.title.toLowerCase().includes(searchTerm))\n  );\n\n  const handleAddProject = (id: number) => {\n    setAddedProjectOrder((previous) => [...previous, id]);\n    setValue('selectedProjects', { ...getValues('selectedProjects'), [id]: true }, { shouldDirty: true });\n\n    setTimeout(() => {\n      projectsListRef.current?.scrollTo({ top: projectsListRef.current.scrollHeight, behavior: 'smooth' });\n    }, 50);\n  };\n\n  const handleRemoveProject = (id: number) => {\n    const currentProjects = getValues('selectedProjects');\n\n    if (mode === 'edit' && !hasFullProjectAccess) {\n      const currentSelectedCount = Object.values(currentProjects).filter(Boolean).length;\n      if (currentSelectedCount <= 1) {\n        toast.custom(\n          (toastId) => (\n            <Toast\n              toastId={toastId}\n              variant=\"error\"\n              message={translate('common.account.workspace.team.projectsStep.minimumOneProject')}\n            />\n          ),\n          { duration: 5000 }\n        );\n        return;\n      }\n    }\n\n    setAddedProjectOrder((previous) => previous.filter((projectId) => projectId !== id));\n    setValue('selectedProjects', { ...currentProjects, [id]: false }, { shouldDirty: true });\n  };\n\n  return (\n    <div className={cn('flex flex-col gap-6 px-5 py-6 flex-1', className)}>\n      <div className=\"flex flex-col gap-1\">\n        <span className=\"text-zinc-950 paragraph-medium-semibold\">\n          {translate('common.account.workspace.team.projectsStep.sectionTitle')}\n        </span>\n        <span className=\"text-zinc-600 paragraph-small-regular\">\n          {hasFullProjectAccess\n            ? translate('common.account.workspace.team.projectsStep.descriptionAdmin')\n            : readOnly\n              ? translate('common.account.workspace.team.projectsStep.descriptionReadOnly')\n              : translate('common.account.workspace.team.projectsStep.descriptionDefault')}\n        </span>\n      </div>\n\n      <div className=\"flex flex-col gap-3\">\n        {showFetchingState && allProjects.length === 0 ? (\n          <div className=\"flex flex-col border border-zinc-200 rounded-lg overflow-hidden\">\n            {Array.from({ length: 5 }).map((_, index) => (\n              <div\n                key={index}\n                className={`px-4 py-4 flex items-center gap-4 min-h-18 ${index < 4 ? 'border-b border-zinc-200' : ''}`}\n              >\n                <div className=\"size-8 rounded-full bg-zinc-200 animate-pulse shrink-0\" />\n                <div className=\"h-4 w-32 bg-zinc-200 rounded animate-pulse\" />\n              </div>\n            ))}\n          </div>\n        ) : connectedProjects.length > 0 ? (\n          <div\n            ref={projectsListRef}\n            className=\"flex flex-col border border-zinc-200 rounded-lg overflow-hidden max-h-[330px] 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 [&>div]:min-h-18\"\n          >\n            {connectedProjects.map((project, index) => (\n              <ConnectListRow\n                key={project.id}\n                name={project.title}\n                photo={project.photo}\n                variant=\"selected\"\n                hideBorder={index === connectedProjects.length - 1}\n                onAction={() => handleRemoveProject(project.id)}\n                showAction={!readOnly && !hasFullProjectAccess && connectedProjects.length > 1}\n              />\n            ))}\n          </div>\n        ) : null}\n\n        {!readOnly && !hasFullProjectAccess && (\n          <>\n            <div className=\"flex justify-center\">\n              <Button\n                variant=\"ghost\"\n                className=\"h-10! text-zinc-600\"\n                type=\"button\"\n                onClick={() => setShowProjectSearch((previous) => !previous)}\n              >\n                {translate('common.account.workspace.team.projectsStep.connectAnotherProject')}\n                {showProjectSearch ? <IconChevronUp size={20} /> : <IconChevronDown size={20} />}\n              </Button>\n            </div>\n\n            {showProjectSearch && (\n              <>\n                <FormField\n                  placeholder={translate('common.account.workspace.team.projectsStep.searchProject')}\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                <InfiniteScrollList\n                  className=\"flex flex-col border border-zinc-200 rounded-lg overflow-y-auto max-h-65 w-full [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                  hasMore={!!hasNextPage && !isSubmitting}\n                  isLoadingMore={isFetchingNextPage}\n                  onLoadMore={() => fetchNextPage()}\n                >\n                  {availableProjects.length === 0 && !showFetchingState ? (\n                    <div className=\"flex items-center justify-center py-8 text-zinc-400 paragraph-small-regular\">\n                      {searchTerm\n                        ? translate('common.account.workspace.team.projectsStep.noProjectFound')\n                        : translate('common.account.workspace.team.projectsStep.allProjectsAdded')}\n                    </div>\n                  ) : (\n                    availableProjects.map((project, index) => (\n                      <ConnectListRow\n                        key={project.id}\n                        name={project.title}\n                        photo={project.photo}\n                        variant=\"default\"\n                        hideBorder={index === availableProjects.length - 1}\n                        onAction={() => handleAddProject(project.id)}\n                      />\n                    ))\n                  )}\n                  {showFetchingState &&\n                    Array.from({ length: 3 }).map((_, index) => (\n                      <div\n                        key={index}\n                        className={`px-4 py-4 flex items-center justify-between w-full gap-4 ${index < 2 ? 'border-b border-zinc-200' : ''}`}\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-25 bg-zinc-100 rounded-lg animate-pulse shrink-0\" />\n                      </div>\n                    ))}\n                </InfiniteScrollList>\n              </>\n            )}\n          </>\n        )}\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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","names":[]}