@greatapps/common 1.1.356 → 1.1.358

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@greatapps/common",
-  "version": "1.1.356",
+  "version": "1.1.358",
   "description": "Shared library for GreatApps frontend applications",
   "main": "./dist/index.mjs",
   "types": "./src/index.ts",

package/src/components/account/ConfigurationsMyAccountModal.tsx

@@ -11,6 +11,8 @@ import { SecuritySection } from './sections/SecuritySection';
 import useConfigurationsModal from './hooks/useConfigurationsModal';
 import useIsMobile from '../../hooks/useIsMobile';
 import { useAccountModals } from '../../store/useAccountModals';
+import { useAuth } from '../../providers/auth.provider';
+import { UserProfile } from '../../modules/users/schema';
 
 export default function ConfigurationsMyAccountModal() {
   const {
@@ -24,6 +26,8 @@ export default function ConfigurationsMyAccountModal() {
   const open = activeModal === 'configurations';
   const { hasActiveSubscription } = config;
 
+  const { user } = useAuth();
+  const isOwnerOrAdmin = user?.profile === UserProfile.owner || user?.profile === UserProfile.admin;
   const isMobile = useIsMobile();
   const { activeSection, setActiveSection } = useConfigurationsModal({
     isOpen: open,
@@ -105,10 +109,12 @@ export default function ConfigurationsMyAccountModal() {
                 <span className="paragraph-small-medium">Preferências</span>
               </TabsTrigger>
 
-              <TabsTrigger value={AccountSectionType.SECURITY} className={tabTriggerClasses}>
-                <IconLock size={20} className="shrink-0" />
-                <span className="paragraph-small-medium">Segurança</span>
-              </TabsTrigger>
+              {isOwnerOrAdmin && (
+                <TabsTrigger value={AccountSectionType.SECURITY} className={tabTriggerClasses}>
+                  <IconLock size={20} className="shrink-0" />
+                  <span className="paragraph-small-medium">Segurança</span>
+                </TabsTrigger>
+              )}
             </div>
           </TabsList>
 
@@ -117,17 +123,21 @@ export default function ConfigurationsMyAccountModal() {
               <PreferencesSection onClose={close} />
             </TabsContent>
 
-            <TabsContent value={AccountSectionType.SECURITY} className="h-full! relative overflow-hidden">
-              <SecuritySection
-                setActiveSection={setActiveSection}
-                onClose={close}
-                onDeleteAccount={handleDeleteAccount}
-              />
-            </TabsContent>
-
-            <TabsContent value={AccountSectionType.CHANGE_PASSWORD} className="h-full! relative overflow-hidden">
-              <ChangePasswordSection onBack={() => setActiveSection(AccountSectionType.SECURITY)} />
-            </TabsContent>
+            {isOwnerOrAdmin && (
+              <>
+                <TabsContent value={AccountSectionType.SECURITY} className="h-full! relative overflow-hidden">
+                  <SecuritySection
+                    setActiveSection={setActiveSection}
+                    onClose={close}
+                    onDeleteAccount={handleDeleteAccount}
+                  />
+                </TabsContent>
+
+                <TabsContent value={AccountSectionType.CHANGE_PASSWORD} className="h-full! relative overflow-hidden">
+                  <ChangePasswordSection onBack={() => setActiveSection(AccountSectionType.SECURITY)} />
+                </TabsContent>
+              </>
+            )}
           </div>
         </Tabs>
       </DialogContent>

package/src/components/account/sections/PreferencesSection.tsx

@@ -4,6 +4,7 @@ import { useState, useEffect } from 'react';
 import { useForm } from 'react-hook-form';
 import { toast } from 'sonner';
 import { IconLock } from '@tabler/icons-react';
+import { cn } from '../../../infra/utils/clsx';
 import { Button } from '../../ui/buttons/Button';
 import { Separator } from '../../ui/data-display/Separator';
 import { Toast } from '../../ui/feedback/Toast';
@@ -43,8 +44,8 @@ export function PreferencesSection({ onClose }: PreferencesSectionProps) {
   const { data: timezones = [] } = useTimezones();
   const { data: currencies = [] } = useCurrencies();
   const { user, account } = useAuth();
-  const canEditPreferences =
-    user?.profile === UserProfile.owner || user?.profile === UserProfile.admin;
+  const isOwner = user?.profile === UserProfile.owner;
+  const canEditPreferences = isOwner || user?.profile === UserProfile.admin;
   const updateAccountUser = useUpdateAccountUser();
   const updateAccount = useUpdateAccount();
   const [confirmGlobalOpen, setConfirmGlobalOpen] = useState(false);
@@ -116,7 +117,7 @@ export function PreferencesSection({ onClose }: PreferencesSectionProps) {
 
   const onSubmit = (data: PreferencesFormValues) => {
     const accountFields: UpdateAccountRequest = {
-      ...(canEditPreferences && dirtyFields.companyName && { name: data.companyName }),
+      ...(isOwner && dirtyFields.companyName && { name: data.companyName }),
       ...(canEditPreferences && dirtyFields.currency && { currency: data.currency }),
       ...(canEditPreferences && dirtyFields.timezone && { timezone: data.timezone }),
     };
@@ -153,10 +154,10 @@ export function PreferencesSection({ onClose }: PreferencesSectionProps) {
               <FormField
                 label="Nome da empresa"
                 placeholder="Digite o nome da empresa"
-                classnameContainer="w-full"
+                classnameContainer={cn('w-full', !isOwner && 'cursor-not-allowed opacity-50')}
                 value={watch('companyName')}
                 onChange={(e) => setValue('companyName', e.target.value, { shouldDirty: true })}
-                disabled={!canEditPreferences}
+                disabled={!isOwner}
               />
             </div>
 

package/src/infra/api/client.ts

@@ -125,7 +125,7 @@ class ApiClient {
 
       if (!response.ok) {
         const errBody = await response.text();
-        let message = `HTTP error ${response.status}`;
+        let message = `HTTP error ${response.status} ${response.statusText} ${errBody}`;
         let code = "HTTP_ERROR";
         try {
           const errorData = JSON.parse(errBody) as Record<string, unknown>;

package/src/modules/accounts/actions/account-management.action.ts

@@ -10,6 +10,9 @@ import type {
   UpdateAccountUserRequest,
 } from '../types';
 import { twoFactorService } from '../services/two-factor.service';
+import { findUserById } from '../../users/action/find-user-by-id.action';
+import { UserProfile } from '../../users/schema';
+import { ApiError } from '../../../infra/api/types';
 
 export async function listAccountUsersAction(params?: AccountUsersPaginationParams) {
   return safeServerAction(async () => {
@@ -30,7 +33,20 @@ export async function updateAccountUserByIdAction(
 }
 
 export async function updateAccountAction(data: UpdateAccountRequest) {
-  return safeServerAction(() => accountService.updateAccount(data));
+  return safeServerAction(async () => {
+    if (data.name !== undefined) {
+      const userResult = await findUserById();
+      if (!userResult.success || userResult.data?.profile !== UserProfile.owner) {
+        throw new ApiError(
+          'Apenas o proprietário da conta pode alterar o nome da empresa',
+          'FORBIDDEN',
+          403
+        );
+      }
+    }
+
+    return accountService.updateAccount(data);
+  });
 }
 
 export async function deleteAccountUserAction(userId: number) {