@hed-hog/core 0.0.279 → 0.0.286

package/hedhog/frontend/app/preferences/page.tsx.ejs

@@ -24,6 +24,7 @@ export default function PreferencesPage() {
   const {
     currentTheme,
     setCurrentTheme,
+    refreshUserSettings,
     request,
     getSettingValue,
     setSettingValue,
@@ -32,115 +33,7 @@ export default function PreferencesPage() {
   } = useApp();
   const t = useTranslations('core.PreferencesPage');
 
-  const applyThemeSettings = async (
-    themeMode?: 'light' | 'dark' | 'system'
-  ) => {
-    try {
-      const response: any = await request({
-        url: '/setting/initial',
-        method: 'GET',
-      });
-
-      const newSettings = response.data?.setting || {};
-      localStorage.setItem('settings', JSON.stringify(newSettings));
-
-      const root = document.documentElement;
-      const effectiveTheme = themeMode || currentTheme || 'system';
-      let resolvedTheme: 'light' | 'dark' = 'light';
-
-      if (effectiveTheme === 'system') {
-        const prefersDark = window.matchMedia(
-          '(prefers-color-scheme: dark)'
-        ).matches;
-        resolvedTheme = prefersDark ? 'dark' : 'light';
-      } else {
-        resolvedTheme = effectiveTheme as 'light' | 'dark';
-      }
-
-      root.classList.remove('light', 'dark');
-      root.classList.add(resolvedTheme);
-
-      const existingStyle = document.getElementById('theme-custom-styles');
-      if (existingStyle) {
-        existingStyle.remove();
-      }
-
-      const styleTag = document.createElement('style');
-      styleTag.id = 'theme-custom-styles';
-      let cssRules = '';
-
-      const addRule = (varName: string, settingKey: string) => {
-        const hexColor = newSettings[settingKey];
-        if (
-          hexColor &&
-          typeof hexColor === 'string' &&
-          hexColor.startsWith('#')
-        ) {
-          cssRules += `    ${varName}: ${hexColor} !important;\n`;
-        }
-      };
-
-      if (resolvedTheme === 'light') {
-        cssRules += '@supports (color: lab(0% 0 0)) {\n';
-        cssRules += '  html.light, .light, :root.light {\n';
-        addRule('--primary', 'theme-primary-light');
-        addRule('--bprogress-color', 'theme-primary-light');
-        addRule('--primary-foreground', 'theme-primary-foreground-light');
-        addRule('--secondary', 'theme-secondary-light');
-        addRule('--secondary-foreground', 'theme-secondary-foreground-light');
-        addRule('--accent', 'theme-accent-light');
-        addRule('--accent-foreground', 'theme-accent-foreground-light');
-        addRule('--muted', 'theme-muted-light');
-        addRule('--muted-foreground', 'theme-muted-foreground-light');
-        addRule('--background', 'theme-background-light');
-        addRule('--foreground', 'theme-background-foreground-light');
-        addRule('--card', 'theme-card-light');
-        addRule('--card-foreground', 'theme-card-foreground-light');
-      } else {
-        cssRules += '@supports (color: lab(0% 0 0)) {\n';
-        cssRules += '  html.dark, .dark, :root.dark {\n';
-        addRule('--primary', 'theme-primary-dark');
-        addRule('--bprogress-color', 'theme-primary-dark');
-        addRule('--primary-foreground', 'theme-primary-foreground-dark');
-        addRule('--secondary', 'theme-secondary-dark');
-        addRule('--secondary-foreground', 'theme-secondary-foreground-dark');
-        addRule('--accent', 'theme-accent-dark');
-        addRule('--accent-foreground', 'theme-accent-foreground-dark');
-        addRule('--muted', 'theme-muted-dark');
-        addRule('--muted-foreground', 'theme-muted-foreground-dark');
-        addRule('--background', 'theme-background-dark');
-        addRule('--foreground', 'theme-background-foreground-dark');
-        addRule('--card', 'theme-card-dark');
-        addRule('--card-foreground', 'theme-card-foreground-dark');
-      }
-
-      if (newSettings['theme-radius']) {
-        cssRules += `    --radius: ${newSettings['theme-radius']}rem !important;\n`;
-      }
-      if (newSettings['theme-text-size']) {
-        cssRules += `    font-size: ${newSettings['theme-text-size']}rem !important;\n`;
-      }
-
-      cssRules += '  }\n';
-      cssRules += '}\n';
-
-      if (newSettings['theme-font']) {
-        cssRules += `:root {\n`;
-        cssRules += `  --font-sans: ${newSettings['theme-font']} !important;\n`;
-        cssRules += `}\n`;
-        cssRules += `html {\n`;
-        cssRules += `  font-family: ${newSettings['theme-font']} !important;\n`;
-        cssRules += `}\n`;
-      }
-
-      styleTag.textContent = cssRules;
-      document.head.appendChild(styleTag);
-    } catch (error) {
-      console.error('Error applying theme settings:', error);
-    }
-  };
-
-  // Busca as settings do grupo de localization
+  // Buspnpm grupo de localization
   const { data: localizationSettings, isLoading } = useQuery<
     PaginatedResult<Setting>
   >({
@@ -182,21 +75,41 @@ export default function PreferencesPage() {
   });
 
   const handleThemeChange = async (value: 'light' | 'dark' | 'system') => {
+    const previousTheme = currentTheme;
     setCurrentTheme(value);
-    await request({
-      url: '/profile/preferences',
-      method: 'PUT',
-      data: { theme: value },
-    });
-    await applyThemeSettings(value);
+
+    try {
+      await request({
+        url: '/profile/preferences',
+        method: 'PUT',
+        data: { theme: value },
+      });
+      await refreshUserSettings();
+    } catch (error) {
+      setCurrentTheme(previousTheme);
+      await refreshUserSettings();
+      showToastHandler(
+        'error',
+        t('themeUpdateError') || 'Failed to update theme'
+      );
+    }
   };
 
-  const handleLanguageChange = (code: string) => {
-    request({
-      url: '/profile/preferences',
-      method: 'PUT',
-      data: { language: code },
-    });
+  const handleLanguageChange = async (code: string) => {
+    try {
+      await request({
+        url: '/profile/preferences',
+        method: 'PUT',
+        data: { language: code },
+      });
+      await refreshUserSettings();
+    } catch (error) {
+      showToastHandler(
+        'error',
+        t('languageUpdateError') || 'Failed to update language'
+      );
+      throw error;
+    }
   };
 
   const handleDateFormatChange = async (value: string) => {

package/hedhog/frontend/app/roles/page.tsx.ejs

@@ -1,12 +1,24 @@
 'use client';
 
 import {
+  EmptyState,
+  Page,
   PageHeader,
   PaginationFooter,
   SearchBar,
   StatsCards,
 } from '@/components/entity-list';
 import { Alert, AlertDescription, AlertTitle } from '@/components/ui/alert';
+import {
+  AlertDialog,
+  AlertDialogAction,
+  AlertDialogCancel,
+  AlertDialogContent,
+  AlertDialogDescription,
+  AlertDialogFooter,
+  AlertDialogHeader,
+  AlertDialogTitle,
+} from '@/components/ui/alert-dialog';
 import { Button } from '@/components/ui/button';
 import {
   Card,
@@ -15,13 +27,6 @@ import {
   CardHeader,
   CardTitle,
 } from '@/components/ui/card';
-import {
-  Dialog,
-  DialogContent,
-  DialogDescription,
-  DialogHeader,
-  DialogTitle,
-} from '@/components/ui/dialog';
 import {
   Form,
   FormControl,
@@ -367,7 +372,7 @@ export default function RolePage() {
   };
 
   return (
-    <div className="flex flex-col h-screen px-4">
+    <Page>
       <PageHeader
         breadcrumbs={[{ label: 'Home', href: '/' }, { label: t('roles') }]}
         actions={[
@@ -423,7 +428,13 @@ export default function RolePage() {
 
         {!isLoading &&
         (!rolesResponse?.data || rolesResponse.data.length === 0) ? (
-          <p className="text-sm text-muted-foreground">{t('noRolesFound')}</p>
+          <EmptyState
+            icon={<ShieldCheck className="h-12 w-12" />}
+            title={t('noRolesFound')}
+            description={t('description')}
+            actionLabel={t('buttonAddRole')}
+            onAction={() => setIsDialogOpen(true)}
+          />
         ) : (
           <div className="grid gap-4 grid-cols-1 lg:grid-cols-2 xl:grid-cols-3">
             {(rolesResponse?.data as (Role & { role_id: number })[])?.map(
@@ -504,19 +515,18 @@ export default function RolePage() {
           />
         </div>
 
-        <Dialog open={isDialogOpen} onOpenChange={setIsDialogOpen}>
-          <DialogContent className="sm:max-w-lg">
-            <DialogHeader>
-              <DialogTitle>{t('dialogAddRoleTitle')}</DialogTitle>
-              <DialogDescription>
+        <Sheet open={isDialogOpen} onOpenChange={setIsDialogOpen}>
+          <SheetContent className="w-full sm:max-w-lg overflow-y-auto gap-0">
+            <SheetHeader>
+              <SheetTitle>{t('dialogAddRoleTitle')}</SheetTitle>
+              <SheetDescription>
                 {t('dialogAddRoleDescription')}
-              </DialogDescription>
-            </DialogHeader>
-            <div className="w-full border-t pt-1 mt-1" />
+              </SheetDescription>
+            </SheetHeader>
             <Form {...form}>
               <form
                 onSubmit={form.handleSubmit(onSubmit)}
-                className="space-y-4"
+                className="space-y-4 px-4 pt-2"
               >
                 <FormField
                   control={form.control}
@@ -586,8 +596,8 @@ export default function RolePage() {
                 </Button>
               </form>
             </Form>
-          </DialogContent>
-        </Dialog>
+          </SheetContent>
+        </Sheet>
 
         {editingRole && (
           <Sheet open={!!editingRole} onOpenChange={() => setEditingRole(null)}>
@@ -783,34 +793,23 @@ export default function RolePage() {
           </Sheet>
         )}
 
-        <Dialog open={openDeleteModal} onOpenChange={setOpenDeleteModal}>
-          <DialogContent className="sm:max-w-lg">
-            <DialogHeader>
-              <DialogTitle>{t('dialogDeleteRoleTitle')}</DialogTitle>
-              <DialogDescription>
+        <AlertDialog open={openDeleteModal} onOpenChange={setOpenDeleteModal}>
+          <AlertDialogContent>
+            <AlertDialogHeader>
+              <AlertDialogTitle>{t('dialogDeleteRoleTitle')}</AlertDialogTitle>
+              <AlertDialogDescription>
                 {t('dialogDeleteRoleDescription')}
-              </DialogDescription>
-            </DialogHeader>
-            <hr className="mt-4" />
-            <div className="flex justify-end">
-              <Button
-                type="button"
-                className="px-4 w-28 h-12 py-2 bg-gray-300 text-black hover:bg-gray-300 hover:text-black rounded-sm mr-2 text-md"
-                onClick={() => setOpenDeleteModal(false)}
-              >
-                {t('deleteRoleCancel')}
-              </Button>
-              <Button
-                onClick={onDelete}
-                variant="destructive"
-                className="px-4 w-32 h-12 py-2 text-white hover:text-white rounded-sm text-md cursor-pointer"
-              >
+              </AlertDialogDescription>
+            </AlertDialogHeader>
+            <AlertDialogFooter>
+              <AlertDialogCancel>{t('deleteRoleCancel')}</AlertDialogCancel>
+              <AlertDialogAction onClick={onDelete}>
                 {t('deleteRoleConfirm')}
-              </Button>
-            </div>
-          </DialogContent>
-        </Dialog>
+              </AlertDialogAction>
+            </AlertDialogFooter>
+          </AlertDialogContent>
+        </AlertDialog>
       </div>
-    </div>
+    </Page>
   );
 }

package/hedhog/frontend/app/users/page.tsx.ejs

@@ -1,6 +1,8 @@
 'use client';
 
 import {
+  EmptyState,
+  Page,
   PageHeader,
   PaginationFooter,
   SearchBar,
@@ -25,13 +27,6 @@ import {
   CardHeader,
   CardTitle,
 } from '@/components/ui/card';
-import {
-  Dialog,
-  DialogContent,
-  DialogDescription,
-  DialogHeader,
-  DialogTitle,
-} from '@/components/ui/dialog';
 import {
   Form,
   FormControl,
@@ -220,16 +215,22 @@ export default function UserPage() {
     const chars: string[] = [];
 
     groups.forEach((group, index) => {
-      chars.push(group[randomValues[index] % group.length]);
+      const randomValue = randomValues[index] ?? 0;
+      chars.push(group.charAt(randomValue % group.length));
     });
 
     for (let i = groups.length; i < randomValues.length; i++) {
-      chars.push(allChars[randomValues[i] % allChars.length]);
+      const randomValue = randomValues[i] ?? 0;
+      chars.push(allChars.charAt(randomValue % allChars.length));
     }
 
     for (let i = chars.length - 1; i > 0; i--) {
-      const j = randomValues[i] % (i + 1);
-      [chars[i], chars[j]] = [chars[j], chars[i]];
+      const randomValue = randomValues[i] ?? 0;
+      const j = randomValue % (i + 1);
+      const currentChar = chars[i]!;
+      const swapChar = chars[j]!;
+      chars[i] = swapChar;
+      chars[j] = currentChar;
     }
 
     return chars.slice(0, length).join('');
@@ -422,7 +423,7 @@ export default function UserPage() {
   ];
 
   return (
-    <div className="flex flex-col h-screen px-4">
+    <Page>
       <PageHeader
         breadcrumbs={[{ label: 'Home', href: '/' }, { label: t('users') }]}
         actions={[
@@ -487,10 +488,9 @@ export default function UserPage() {
             { label: t('filterOptionBlocked'), value: 'blocked' },
           ],
         }}
-        className="mt-4"
       />
 
-      <div className="flex-1 pt-4">
+      <div className="flex-1 ">
         {isLoading && (
           <div className="grid gap-4 sm:grid-cols-2 lg:grid-cols-3">
             {Array.from({ length: 3 }).map((_, i) => (
@@ -522,7 +522,13 @@ export default function UserPage() {
         )}
 
         {(paginate?.data?.length || 0) === 0 ? (
-          <p className="text-sm text-muted-foreground">{t('noUsersFound')}</p>
+          <EmptyState
+            icon={<Users className="h-12 w-12" />}
+            title={t('noUsersFound')}
+            description={t('description')}
+            actionLabel={t('buttonAddUser')}
+            onAction={() => setIsDialogOpen(true)}
+          />
         ) : (
           <div className="grid gap-4 grid-cols-1 lg:grid-cols-2 xl:grid-cols-3">
             {paginate?.data?.map((user: User) => (
@@ -1157,36 +1163,29 @@ export default function UserPage() {
                     </Button>
                   </div>
 
-                  <Dialog
+                  <AlertDialog
                     open={openDeleteModal}
                     onOpenChange={setOpenDeleteModal}
                   >
-                    <DialogContent className="sm:max-w-lg">
-                      <DialogHeader>
-                        <DialogTitle>{t('dialogDeleteUserTitle')}</DialogTitle>
-                        <DialogDescription>
+                    <AlertDialogContent>
+                      <AlertDialogHeader>
+                        <AlertDialogTitle>
+                          {t('dialogDeleteUserTitle')}
+                        </AlertDialogTitle>
+                        <AlertDialogDescription>
                           {t('dialogDeleteUserDescription')}
-                        </DialogDescription>
-                      </DialogHeader>
-                      <hr className="mt-4" />
-                      <div className="flex justify-end">
-                        <Button
-                          type="button"
-                          className="px-4 w-28 h-12 py-2 bg-gray-300 text-black hover:bg-gray-300 hover:text-black rounded-sm mr-2 text-md"
-                          onClick={() => setOpenDeleteModal(false)}
-                        >
+                        </AlertDialogDescription>
+                      </AlertDialogHeader>
+                      <AlertDialogFooter>
+                        <AlertDialogCancel>
                           {t('deleteUserCancel')}
-                        </Button>
-                        <Button
-                          onClick={onDelete}
-                          variant="destructive"
-                          className="px-4 w-32 h-12 py-2 text-white hover:text-white rounded-sm text-md cursor-pointer"
-                        >
+                        </AlertDialogCancel>
+                        <AlertDialogAction onClick={onDelete}>
                           {t('deleteUserConfirm')}
-                        </Button>
-                      </div>
-                    </DialogContent>
-                  </Dialog>
+                        </AlertDialogAction>
+                      </AlertDialogFooter>
+                    </AlertDialogContent>
+                  </AlertDialog>
                 </TabsContent>
 
                 <TabsContent value="edit" className="space-y-4 mt-4  p-4 pt-0">
@@ -1232,27 +1231,29 @@ export default function UserPage() {
                   value="credentials"
                   className="space-y-4 mt-4  p-4 pt-0"
                 >
-                  <Card className="border-amber-200 bg-amber-50/50">
-                    <CardHeader className="pb-2">
-                      <CardTitle className="text-sm">
+                  <div className="space-y-3 rounded-lg border p-4">
+                    <div>
+                      <h4 className="text-sm font-semibold">
                         {t('passwordResetTitle')}
-                      </CardTitle>
-                      <CardDescription>
+                      </h4>
+                      <p className="text-xs text-muted-foreground mt-1">
                         {t('passwordResetDescription')}
-                      </CardDescription>
-                    </CardHeader>
-                    <CardContent className="flex flex-col gap-3">
-                      <div className="text-xs text-muted-foreground">
-                        {t('passwordResetNotice')}
-                      </div>
-                      <div>
-                        <Button type="button" onClick={openResetPasswordDialog}>
-                          <RefreshCcw className="h-4 w-4 mr-2" />
-                          {t('buttonResetPassword')}
-                        </Button>
-                      </div>
-                    </CardContent>
-                  </Card>
+                      </p>
+                    </div>
+                    <p className="text-xs text-muted-foreground">
+                      {t('passwordResetNotice')}
+                    </p>
+                    <div className="flex flex-col gap-2">
+                      <Button
+                        type="button"
+                        onClick={openResetPasswordDialog}
+                        className="w-full sm:w-fit"
+                      >
+                        <RefreshCcw className="h-4 w-4 mr-2" />
+                        {t('buttonResetPassword')}
+                      </Button>
+                    </div>
+                  </div>
 
                   <div className="space-y-3">
                     <h4 className="text-sm font-medium">
@@ -1422,7 +1423,7 @@ export default function UserPage() {
                     </AlertDialogContent>
                   </AlertDialog>
 
-                  <Dialog
+                  <AlertDialog
                     open={isResetResultDialogOpen}
                     onOpenChange={(open) => {
                       setIsResetResultDialogOpen(open);
@@ -1432,13 +1433,15 @@ export default function UserPage() {
                       }
                     }}
                   >
-                    <DialogContent className="sm:max-w-lg">
-                      <DialogHeader>
-                        <DialogTitle>{t('passwordResultTitle')}</DialogTitle>
-                        <DialogDescription>
+                    <AlertDialogContent>
+                      <AlertDialogHeader>
+                        <AlertDialogTitle>
+                          {t('passwordResultTitle')}
+                        </AlertDialogTitle>
+                        <AlertDialogDescription>
                           {t('passwordResultDescription')}
-                        </DialogDescription>
-                      </DialogHeader>
+                        </AlertDialogDescription>
+                      </AlertDialogHeader>
 
                       <div className="space-y-3">
                         <div className="relative">
@@ -1484,8 +1487,8 @@ export default function UserPage() {
                           </Button>
                         </div>
                       </div>
-                    </DialogContent>
-                  </Dialog>
+                    </AlertDialogContent>
+                  </AlertDialog>
                 </TabsContent>
 
                 <TabsContent
@@ -1573,6 +1576,6 @@ export default function UserPage() {
           </Sheet>
         )}
       </div>
-    </div>
+    </Page>
   );
 }

package/hedhog/frontend/messages/en.json

@@ -104,6 +104,8 @@
     "localization": "Localization",
     "language": "Language",
     "setPreferredLanguage": "Set your preferred language",
+    "themeUpdateError": "Failed to update theme",
+    "languageUpdateError": "Failed to update language",
     "dateFormat": "Date Format",
     "dateAndTimeFormat": "Date and Time Format",
     "setPreferredDateFormat": "Set your preferred date format",
@@ -329,6 +331,9 @@
     "newTemplate": "New Template",
     "title": "Email Templates",
     "description": "Manage your email templates",
+    "searchPlaceholder": "Search templates by slug or subject...",
+    "noTemplatesFound": "No templates found",
+    "noTemplatesHint": "Create your first template to start sending emails.",
     "tableSlug": "Slug",
     "tableSubject": "Subject",
     "tableVariables": "Variables",
@@ -849,6 +854,8 @@
     "noLogsFound": "No email logs found",
     "adjustSearch": "Try adjusting your search terms",
     "noEmailsSent": "No emails have been sent yet",
+    "clearSearch": "Clear search",
+    "refreshList": "Refresh list",
     "viewDetails": "View Details",
     "emailDetails": "Email Details",
     "detailsDescription": "Complete information about the sent email",

package/hedhog/frontend/messages/pt.json

@@ -104,6 +104,8 @@
     "localization": "Localização",
     "language": "Idioma",
     "setPreferredLanguage": "Defina seu idioma preferido",
+    "themeUpdateError": "Falha ao atualizar o tema",
+    "languageUpdateError": "Falha ao atualizar o idioma",
     "dateFormat": "Formato de Data",
     "dateAndTimeFormat": "Formato de Data e Hora",
     "setPreferredDateFormat": "Defina seu formato de data preferido",
@@ -329,6 +331,9 @@
     "newTemplate": "Novo Template",
     "title": "Templates de E-mail",
     "description": "Gerencie seus templates de e-mail",
+    "searchPlaceholder": "Buscar templates por slug ou assunto...",
+    "noTemplatesFound": "Nenhum template encontrado",
+    "noTemplatesHint": "Crie o primeiro template para começar a enviar e-mails.",
     "tableSlug": "Slug",
     "tableSubject": "Assunto",
     "tableVariables": "Variáveis",
@@ -852,6 +857,8 @@
     "noLogsFound": "Nenhum log de e-mail encontrado",
     "adjustSearch": "Tente ajustar seus termos de busca",
     "noEmailsSent": "Nenhum e-mail foi enviado ainda",
+    "clearSearch": "Limpar busca",
+    "refreshList": "Atualizar lista",
     "viewDetails": "Ver Detalhes",
     "emailDetails": "Detalhes do E-mail",
     "detailsDescription": "Informações completas sobre o e-mail enviado",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hed-hog/core",
-  "version": "0.0.279",
+  "version": "0.0.286",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "dependencies": {
@@ -32,9 +32,9 @@
     "uuid": "^11.1.0",
     "@hed-hog/api-pagination": "0.0.6",
     "@hed-hog/api-types": "0.0.1",
+    "@hed-hog/api-prisma": "0.0.5",
     "@hed-hog/api-locale": "0.0.13",
     "@hed-hog/api-mail": "0.0.8",
-    "@hed-hog/api-prisma": "0.0.5",
     "@hed-hog/api": "0.0.4"
   },
   "exports": {

package/src/role/guards/role.guard.ts

@@ -2,13 +2,14 @@ import { IS_PUBLIC_KEY, WITH_ROLE } from '@hed-hog/api';
 import { getLocaleText } from '@hed-hog/api-locale';
 import { PrismaService } from '@hed-hog/api-prisma';
 import {
-    CanActivate,
-    ExecutionContext,
-    forwardRef,
-    Inject,
-    Injectable,
-    RequestMethod,
-    UnauthorizedException,
+  CanActivate,
+  ExecutionContext,
+  ForbiddenException,
+  forwardRef,
+  Inject,
+  Injectable,
+  RequestMethod,
+  UnauthorizedException,
 } from '@nestjs/common';
 import { METHOD_METADATA } from '@nestjs/common/constants';
 import { Reflector } from '@nestjs/core';
@@ -130,7 +131,7 @@ export class RoleGuard implements CanActivate {
         .replace('{{method}}', httpMethod)
         .replace('{{path}}', fullPath);
       
-      throw new UnauthorizedException(message);
+      throw new ForbiddenException(message);
     }
 
     const hasPendingPasswordReset = await this.prisma.user_credential.findFirst({