@hed-hog/content 0.0.186 → 0.0.190

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

@@ -0,0 +1,747 @@
+'use client';
+
+import { PageHeader } from '@/components/entity-list';
+import { RichTextEditor } from '@/components/rich-text-editor';
+import {
+  AlertDialog,
+  AlertDialogAction,
+  AlertDialogCancel,
+  AlertDialogContent,
+  AlertDialogDescription,
+  AlertDialogFooter,
+  AlertDialogHeader,
+  AlertDialogTitle,
+  AlertDialogTrigger,
+} from '@/components/ui/alert-dialog';
+import { Badge } from '@/components/ui/badge';
+import { Button } from '@/components/ui/button';
+import { Card, CardContent } from '@/components/ui/card';
+import {
+  Dialog,
+  DialogContent,
+  DialogDescription,
+  DialogFooter,
+  DialogHeader,
+  DialogTitle,
+} from '@/components/ui/dialog';
+import {
+  Form,
+  FormControl,
+  FormField,
+  FormItem,
+  FormLabel,
+  FormMessage,
+} from '@/components/ui/form';
+import { Input } from '@/components/ui/input';
+import { Label } from '@/components/ui/label';
+import {
+  Select,
+  SelectContent,
+  SelectItem,
+  SelectTrigger,
+  SelectValue,
+} from '@/components/ui/select';
+import { useDebounce } from '@/hooks/use-debounce';
+import { formatDateTime } from '@/lib/format-date';
+import { cn } from '@/lib/utils';
+import { useApp, useQuery } from '@hed-hog/next-app-provider';
+import { zodResolver } from '@hookform/resolvers/zod';
+import {
+  Calendar,
+  Edit,
+  Eye,
+  FileText,
+  Globe,
+  Languages,
+  Loader2,
+  Plus,
+  Search,
+  Trash2,
+} from 'lucide-react';
+import { useTranslations } from 'next-intl';
+import { useEffect, useState } from 'react';
+import { useForm } from 'react-hook-form';
+import { toast } from 'sonner';
+import { z } from 'zod';
+
+type Content = {
+  id?: number;
+  content_id?: number;
+  slug: string;
+  status: 'draft' | 'published';
+  title?: string;
+  body?: string;
+  created_at?: string;
+  updated_at?: string;
+  content_locale?: Array<{
+    title: string;
+    body: string;
+    locale?: {
+      code: string;
+      name: string;
+    };
+  }>;
+  available_locales?: Array<{
+    id: number;
+    code: string;
+    name: string;
+  }>;
+};
+
+type PaginationResult<T> = {
+  data: T[];
+  total: number;
+  page: number;
+  pageSize: number;
+  lastPage: number;
+  prev: number | null;
+  next: number | null;
+};
+
+type Stats = {
+  total: number;
+  totalPublished: number;
+  totalDraft: number;
+  totalEnabledLanguages: number;
+};
+
+type Locale = {
+  id: number;
+  code: string;
+  name: string;
+  enabled: boolean;
+};
+
+export default function ContentsPage() {
+  const [searchTerm, setSearchTerm] = useState('');
+  const debouncedSearch = useDebounce(searchTerm);
+  const [isFormDialogOpen, setIsFormDialogOpen] = useState(false);
+  const [editingContentId, setEditingContentId] = useState<number | null>(null);
+  const [isSubmitting, setIsSubmitting] = useState(false);
+  const [selectedLocale, setSelectedLocale] = useState<string>('');
+  const { request, currentLocaleCode, getSettingValue } = useApp();
+  const t = useTranslations('content.ContentPage');
+
+  const statusOptions = [
+    { value: 'draft', label: t('statusDraft'), color: 'bg-gray-500' },
+    { value: 'published', label: t('statusPublished'), color: 'bg-green-500' },
+  ];
+
+  const contentSchema = z.object({
+    slug: z.string().min(1, t('errorSlugRequired')),
+    status: z.enum(['draft', 'published']),
+    title: z.string().min(1, t('errorTitleRequired')),
+    body: z.string().min(1, t('errorContentRequired')),
+  });
+
+  const { data: locales = [] } = useQuery<Locale[]>({
+    queryKey: ['locales'],
+    queryFn: async () => {
+      const response = await request<PaginationResult<Locale>>({
+        url: '/locale',
+        params: {
+          pageSize: 100,
+        },
+      });
+      return response.data?.data?.filter((l: Locale) => l.enabled) || [];
+    },
+  });
+
+  const form = useForm<z.infer<typeof contentSchema>>({
+    resolver: zodResolver(contentSchema),
+    defaultValues: {
+      slug: '',
+      status: 'draft',
+      title: '',
+      body: '',
+    },
+  });
+
+  const { data: stats, refetch: refetchStats } = useQuery<Stats>({
+    queryKey: ['content-stats', currentLocaleCode],
+    queryFn: async () => {
+      const response = await request({
+        url: '/content/stats',
+      });
+      return response.data as Stats;
+    },
+  });
+
+  const { data: contents, refetch: refetch } = useQuery<
+    PaginationResult<Content>
+  >({
+    queryKey: ['content', currentLocaleCode],
+    queryFn: async () => {
+      const response = await request({
+        url: '/content',
+        params: {
+          search: debouncedSearch,
+        },
+      });
+      return response.data as PaginationResult<Content>;
+    },
+    initialData: {
+      data: [],
+      total: 0,
+      page: 1,
+      pageSize: 10,
+      lastPage: 1,
+      prev: null,
+      next: null,
+    },
+  });
+
+  const getStatusBadge = (status: string) => {
+    const statusOption = statusOptions.find((s) => s.value === status);
+    return statusOption || statusOptions[0];
+  };
+
+  const handleNewContent = (): void => {
+    form.reset({
+      slug: '',
+      status: 'draft',
+      title: '',
+      body: '',
+    });
+    setSelectedLocale(currentLocaleCode);
+    setEditingContentId(null);
+    setIsFormDialogOpen(true);
+  };
+
+  const handleEditContent = async (content: Content): Promise<void> => {
+    try {
+      const response = await request<any>({
+        url: `/content/${content.content_id || content.id}`,
+        method: 'GET',
+      });
+
+      const fullContent = response.data;
+      const allLocalesData: Record<string, { title: string; body: string }> =
+        fullContent.locales || {};
+
+      if (Object.keys(allLocalesData).length === 0) {
+        allLocalesData[currentLocaleCode] = {
+          title: '',
+          body: '',
+        };
+      }
+
+      const initialLocale = allLocalesData[currentLocaleCode]
+        ? currentLocaleCode
+        : Object.keys(allLocalesData)[0] || currentLocaleCode;
+
+      if (!allLocalesData[initialLocale]) {
+        allLocalesData[initialLocale] = {
+          title: '',
+          body: '',
+        };
+      }
+
+      setSelectedLocale(initialLocale);
+      (form as any).localesData = allLocalesData;
+      form.reset({
+        slug: fullContent.slug || '',
+        status: fullContent.status || 'draft',
+        title: allLocalesData[initialLocale]?.title || '',
+        body: allLocalesData[initialLocale]?.body || '',
+      });
+
+      setEditingContentId(content.content_id || content.id!);
+      setIsFormDialogOpen(true);
+    } catch (error) {
+      console.error('Error loading content:', error);
+      toast.error(t('errorLoad'));
+    }
+  };
+
+  const onSubmit = async (values: z.infer<typeof contentSchema>) => {
+    setIsSubmitting(true);
+    try {
+      const payload = {
+        slug: values.slug,
+        status: values.status,
+        locale: {
+          [selectedLocale]: {
+            title: values.title,
+            body: values.body,
+          },
+        },
+      };
+
+      if (editingContentId) {
+        await request({
+          url: `/content/${editingContentId}`,
+          method: 'PATCH',
+          data: payload,
+        });
+        toast.success(t('successUpdate'));
+      } else {
+        await request({
+          url: '/content',
+          method: 'POST',
+          data: payload,
+        });
+        toast.success(t('successCreate'));
+      }
+
+      setIsFormDialogOpen(false);
+      refetch();
+      refetchStats();
+    } catch (error: any) {
+      toast.error(
+        error?.message || t(editingContentId ? 'errorUpdate' : 'errorCreate')
+      );
+    } finally {
+      setIsSubmitting(false);
+    }
+  };
+
+  const handleDeleteContent = (contentId: number): void => {
+    request({
+      url: `/content/${contentId}`,
+      method: 'DELETE',
+    }).then(() => {
+      toast.success(t('successDelete'));
+      refetch();
+      refetchStats();
+    });
+  };
+
+  const handleSearchChange = (value: string): void => {
+    setSearchTerm(value);
+  };
+
+  useEffect(() => {
+    refetch();
+  }, [debouncedSearch]);
+
+  return (
+    <div className="flex flex-col h-screen px-4">
+      <PageHeader
+        breadcrumbs={[
+          { label: 'Home', href: '/' },
+          { label: t('description') },
+        ]}
+        title={t('title')}
+        description={t('description')}
+        actions={[
+          {
+            label: t('buttonNew'),
+            onClick: () => handleNewContent(),
+            variant: 'default',
+          },
+        ]}
+      />
+      <div className="grid grid-cols-1 gap-4 md:grid-cols-4">
+        <Card className="transition-shadow hover:shadow-md">
+          <CardContent className="p-6">
+            <div className="flex items-center space-x-3">
+              <FileText className="h-10 w-10 text-blue-500" />
+              <div>
+                <p className="text-sm font-medium text-muted-foreground">
+                  {t('statsTotalPages')}
+                </p>
+                <p className="text-2xl font-bold">{stats?.total}</p>
+              </div>
+            </div>
+          </CardContent>
+        </Card>
+
+        <Card className="transition-shadow hover:shadow-md">
+          <CardContent className="p-6">
+            <div className="flex items-center space-x-3">
+              <Eye className="h-10 w-10 text-green-500" />
+              <div>
+                <p className="text-sm font-medium text-muted-foreground">
+                  {t('statsPublished')}
+                </p>
+                <p className="text-2xl font-bold">{stats?.totalPublished}</p>
+              </div>
+            </div>
+          </CardContent>
+        </Card>
+
+        <Card className="transition-shadow hover:shadow-md">
+          <CardContent className="p-6">
+            <div className="flex items-center space-x-3">
+              <Edit className="h-10 w-10 text-orange-500" />
+              <div>
+                <p className="text-sm font-medium text-muted-foreground">
+                  {t('statsDrafts')}
+                </p>
+                <p className="text-2xl font-bold">{stats?.totalDraft}</p>
+              </div>
+            </div>
+          </CardContent>
+        </Card>
+
+        <Card className="transition-shadow hover:shadow-md">
+          <CardContent className="p-6">
+            <div className="flex items-center space-x-3">
+              <Languages className="h-10 w-10 text-purple-500" />
+              <div>
+                <p className="text-sm font-medium text-muted-foreground">
+                  {t('statsActiveLanguages')}
+                </p>
+                <p className="text-2xl font-bold">
+                  {stats?.totalEnabledLanguages}
+                </p>
+              </div>
+            </div>
+          </CardContent>
+        </Card>
+      </div>
+
+      <div className="relative my-4">
+        <Search className="absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground" />
+        <Input
+          placeholder={t('searchPlaceholder')}
+          value={searchTerm}
+          onChange={(e) => handleSearchChange(e.target.value)}
+          className="pl-10"
+        />
+      </div>
+
+      <div className="space-y-4">
+        {contents.data.length > 0 ? (
+          <div className="grid gap-4">
+            {contents.data.map((content: Content) => (
+              <Card
+                key={content.id}
+                className="overflow-hidden transition-all duration-200 hover:border-primary/20 hover:shadow-md"
+              >
+                <CardContent className="p-6">
+                  <div className="flex flex-col gap-4 lg:flex-row lg:items-start lg:justify-between">
+                    <div className="flex-1 space-y-3">
+                      <div className="flex flex-col gap-2 sm:flex-row sm:items-center sm:justify-between">
+                        <div className="space-y-1">
+                          <div className="flex items-center space-x-2">
+                            <h3 className="text-lg font-semibold">
+                              /{content.slug}
+                            </h3>
+                            {content.status && (
+                              <Badge
+                                className={cn(
+                                  'text-white',
+                                  getStatusBadge(content.status)?.color ||
+                                    'bg-gray-500'
+                                )}
+                              >
+                                {getStatusBadge(content.status)?.label || 'N/A'}
+                              </Badge>
+                            )}
+                          </div>
+                          <div className="flex items-center space-x-2">
+                            {content.available_locales?.length &&
+                              content.available_locales.map((al) => (
+                                <Badge
+                                  variant="outline"
+                                  className="text-xs"
+                                  key={al.id}
+                                >
+                                  <Globe className="mr-1 h-3 w-3" />
+                                  {al.code.toUpperCase()}
+                                </Badge>
+                              ))}
+                          </div>
+                        </div>
+                      </div>
+
+                      <div className="space-y-2">
+                        <div className="flex items-center space-x-4 text-xs text-muted-foreground">
+                          <div className="flex items-center space-x-1">
+                            <Calendar className="h-3 w-3" />
+                            <span>
+                              {t('created')}{' '}
+                              {content.created_at
+                                ? formatDateTime(
+                                    content.created_at,
+                                    getSettingValue,
+                                    currentLocaleCode
+                                  )
+                                : 'N/A'}
+                            </span>
+                          </div>
+                          <div className="flex items-center space-x-1">
+                            <Calendar className="h-3 w-3" />
+                            <span>
+                              {t('updated')}{' '}
+                              {content.updated_at
+                                ? formatDateTime(
+                                    content.updated_at,
+                                    getSettingValue,
+                                    currentLocaleCode
+                                  )
+                                : 'N/A'}
+                            </span>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+
+                    <div className="flex flex-wrap gap-2 lg:flex-col lg:items-end">
+                      <Button
+                        variant="outline"
+                        size="sm"
+                        onClick={() => handleEditContent(content)}
+                        className="transition-colors hover:border-blue-200 hover:bg-blue-50 hover:text-blue-600 dark:hover:bg-blue-950"
+                      >
+                        <Edit className="mr-1 h-4 w-4" />
+                        {t('buttonEdit')}
+                      </Button>
+
+                      <AlertDialog>
+                        <AlertDialogTrigger asChild>
+                          <Button
+                            variant="outline"
+                            size="sm"
+                            className="bg-transparent transition-colors hover:border-red-200 hover:bg-red-50 hover:text-red-600 dark:hover:bg-red-950"
+                          >
+                            <Trash2 className="mr-1 h-4 w-4" />
+                            {t('buttonDelete')}
+                          </Button>
+                        </AlertDialogTrigger>
+                        <AlertDialogContent>
+                          <AlertDialogHeader>
+                            <AlertDialogTitle>
+                              {t('alertDeleteTitle')}
+                            </AlertDialogTitle>
+                            <AlertDialogDescription>
+                              {t('alertDeleteDescription', {
+                                slug: content.slug,
+                              })}
+                            </AlertDialogDescription>
+                          </AlertDialogHeader>
+                          <AlertDialogFooter>
+                            <AlertDialogCancel>
+                              {t('alertDeleteCancel')}
+                            </AlertDialogCancel>
+                            <AlertDialogAction
+                              onClick={() => {
+                                if (content.id) {
+                                  handleDeleteContent(
+                                    content.content_id || content.id
+                                  );
+                                }
+                              }}
+                              className="bg-destructive text-destructive-foreground hover:bg-destructive/90"
+                            >
+                              {t('alertDeleteConfirm')}
+                            </AlertDialogAction>
+                          </AlertDialogFooter>
+                        </AlertDialogContent>
+                      </AlertDialog>
+                    </div>
+                  </div>
+                </CardContent>
+              </Card>
+            ))}
+          </div>
+        ) : (
+          <Card>
+            <CardContent className="p-12 text-center">
+              <div className="flex flex-col items-center space-y-4">
+                <FileText className="h-12 w-12 text-muted-foreground" />
+                <div>
+                  <h3 className="text-lg font-semibold">{t('emptyTitle')}</h3>
+                  <p className="text-muted-foreground">
+                    {t('emptyDescription')}
+                  </p>
+                </div>
+                <Button onClick={handleNewContent}>
+                  <Plus className="mr-2 h-4 w-4" />
+                  {t('emptyButtonCreate')}
+                </Button>
+              </div>
+            </CardContent>
+          </Card>
+        )}
+      </div>
+      <Dialog open={isFormDialogOpen} onOpenChange={setIsFormDialogOpen}>
+        <DialogContent className="max-h-[90vh] max-w-4xl overflow-y-auto">
+          <DialogHeader>
+            <DialogTitle>
+              {editingContentId
+                ? t('dialogFormTitleEdit')
+                : t('dialogFormTitleCreate')}
+            </DialogTitle>
+            <DialogDescription>
+              {editingContentId
+                ? t('dialogFormDescriptionEdit')
+                : t('dialogFormDescriptionCreate')}
+            </DialogDescription>
+          </DialogHeader>
+
+          <Form {...form}>
+            <form onSubmit={form.handleSubmit(onSubmit)} className="space-y-6">
+              <div className="grid gap-4 sm:grid-cols-2">
+                <FormField
+                  control={form.control}
+                  name="slug"
+                  render={({ field }) => (
+                    <FormItem>
+                      <FormLabel>{t('formLabelSlug')}</FormLabel>
+                      <FormControl>
+                        <Input
+                          placeholder={t('formPlaceholderSlug')}
+                          {...field}
+                          disabled={isSubmitting}
+                        />
+                      </FormControl>
+                      <FormMessage />
+                    </FormItem>
+                  )}
+                />
+
+                <FormField
+                  control={form.control}
+                  name="status"
+                  render={({ field }) => (
+                    <FormItem>
+                      <FormLabel>{t('formLabelStatus')}</FormLabel>
+                      <Select
+                        onValueChange={field.onChange}
+                        value={field.value}
+                        disabled={isSubmitting}
+                      >
+                        <FormControl>
+                          <SelectTrigger className="w-full">
+                            <SelectValue
+                              placeholder={t('formPlaceholderStatus')}
+                            />
+                          </SelectTrigger>
+                        </FormControl>
+                        <SelectContent>
+                          {statusOptions.map((option) => (
+                            <SelectItem key={option.value} value={option.value}>
+                              {option.label}
+                            </SelectItem>
+                          ))}
+                        </SelectContent>
+                      </Select>
+                      <FormMessage />
+                    </FormItem>
+                  )}
+                />
+              </div>
+
+              {editingContentId && (
+                <div className="space-y-2">
+                  <Label>{t('formLabelLanguage')}</Label>
+                  <Select
+                    value={selectedLocale}
+                    onValueChange={(newLocale) => {
+                      const currentValues = form.getValues();
+                      const localesData = (form as any).localesData || {};
+
+                      if (selectedLocale) {
+                        localesData[selectedLocale] = {
+                          title: currentValues.title,
+                          body: currentValues.body,
+                        };
+                      }
+
+                      const newLocaleData = localesData[newLocale] || {
+                        title: '',
+                        body: '',
+                      };
+
+                      form.setValue('title', newLocaleData.title);
+                      form.setValue('body', newLocaleData.body);
+                      (form as any).localesData = localesData;
+                      setSelectedLocale(newLocale);
+                    }}
+                    disabled={isSubmitting}
+                  >
+                    <SelectTrigger className="w-full">
+                      <SelectValue placeholder={t('formPlaceholderLanguage')} />
+                    </SelectTrigger>
+                    <SelectContent>
+                      {locales.map((locale) => (
+                        <SelectItem key={locale.code} value={locale.code}>
+                          <div className="flex items-center">
+                            <Globe className="mr-2 h-4 w-4" />
+                            {locale.name}
+                          </div>
+                        </SelectItem>
+                      ))}
+                    </SelectContent>
+                  </Select>
+                </div>
+              )}
+
+              <div className="space-y-4">
+                <FormField
+                  control={form.control}
+                  name="title"
+                  render={({ field }) => (
+                    <FormItem>
+                      <FormLabel>
+                        {t('formLabelTitle', {
+                          language:
+                            locales.find((l) => l.code === selectedLocale)
+                              ?.name || '',
+                        })}
+                      </FormLabel>
+                      <FormControl>
+                        <Input
+                          placeholder={t('formPlaceholderTitle', {
+                            language:
+                              locales.find((l) => l.code === selectedLocale)
+                                ?.name || '',
+                          })}
+                          {...field}
+                          disabled={isSubmitting}
+                        />
+                      </FormControl>
+                      <FormMessage />
+                    </FormItem>
+                  )}
+                />
+
+                <FormField
+                  control={form.control}
+                  name="body"
+                  render={({ field }) => (
+                    <FormItem>
+                      <FormLabel>
+                        {t('formLabelContent', {
+                          language:
+                            locales.find((l) => l.code === selectedLocale)
+                              ?.name || '',
+                        })}
+                      </FormLabel>
+                      <FormControl>
+                        <RichTextEditor className="max-w-[845px]" {...field} />
+                      </FormControl>
+                      <FormMessage />
+                    </FormItem>
+                  )}
+                />
+              </div>
+
+              <DialogFooter>
+                <Button
+                  type="button"
+                  variant="outline"
+                  onClick={() => setIsFormDialogOpen(false)}
+                  disabled={isSubmitting}
+                >
+                  {t('formButtonCancel')}
+                </Button>
+                <Button type="submit" disabled={isSubmitting}>
+                  {isSubmitting && (
+                    <Loader2 className="mr-2 h-4 w-4 animate-spin" />
+                  )}
+                  {editingContentId
+                    ? t('formButtonUpdate')
+                    : t('formButtonCreate')}
+                </Button>
+              </DialogFooter>
+            </form>
+          </Form>
+        </DialogContent>
+      </Dialog>
+    </div>
+  );
+}

package/hedhog/frontend/messages/en.json

@@ -0,0 +1,62 @@
+{
+  "ContentPage": {
+    "title": "Contents",
+    "description": "Manage website content in multiple languages",
+    "buttonNew": "New Content",
+    "statsTotalPages": "Total Pages",
+    "statsPublished": "Published",
+    "statsDrafts": "Drafts",
+    "statsActiveLanguages": "Active Languages",
+    "searchPlaceholder": "Search by slug, title or content...",
+    "filterAllStatus": "All Statuses",
+    "statusDraft": "Draft",
+    "statusPublished": "Published",
+    "buttonView": "View",
+    "buttonEdit": "Edit",
+    "buttonDelete": "Delete",
+    "alertDeleteTitle": "Confirm Deletion",
+    "alertDeleteDescription": "Are you sure you want to delete the page \"/{slug}\"? This action cannot be undone.",
+    "alertDeleteCancel": "Cancel",
+    "alertDeleteConfirm": "Delete",
+    "emptyTitle": "No content found",
+    "emptyDescription": "Try adjusting the filters or create new content.",
+    "emptyButtonCreate": "Create First Content",
+    "dialogViewTitle": "View Content: /{slug}",
+    "dialogViewDescription": "View content in all available languages",
+    "dialogViewLabelTitle": "Title",
+    "dialogViewNoTitle": "No title",
+    "dialogViewLabelContent": "Content",
+    "dialogViewNoContent": "No content",
+    "dialogViewButtonClose": "Close",
+    "dialogViewButtonEdit": "Edit",
+    "dialogFormTitleCreate": "Create New Content",
+    "dialogFormTitleEdit": "Edit Content",
+    "dialogFormDescriptionCreate": "Fill in the details of the new content",
+    "dialogFormDescriptionEdit": "Update content details",
+    "formLabelSlug": "Slug",
+    "formPlaceholderSlug": "example-page",
+    "formLabelStatus": "Status",
+    "formPlaceholderStatus": "Select status",
+    "formLabelLanguage": "Language",
+    "formPlaceholderLanguage": "Select language",
+    "formLabelContentByLanguage": "Content by Language",
+    "formLabelTitle": "Title ({language})",
+    "formPlaceholderTitle": "Enter title in {language}",
+    "formLabelContent": "Content ({language})",
+    "formPlaceholderContent": "Enter content in {language}",
+    "formButtonCancel": "Cancel",
+    "formButtonCreate": "Create",
+    "formButtonUpdate": "Update",
+    "errorSlugRequired": "Slug is required",
+    "errorTitleRequired": "Title is required",
+    "errorContentRequired": "Content is required",
+    "successCreate": "Content created successfully",
+    "successUpdate": "Content updated successfully",
+    "successDelete": "Content deleted successfully",
+    "errorCreate": "Error creating content",
+    "errorUpdate": "Error updating content",
+    "errorLoad": "Error loading content",
+    "created": "Created:",
+    "updated": "Updated:"
+  }
+}

package/hedhog/frontend/messages/pt.json

@@ -0,0 +1,62 @@
+{
+  "ContentPage": {
+    "title": "Conteúdos",
+    "description": "Gerencie o conteúdo das páginas do site em múltiplos idiomas",
+    "buttonNew": "Novo Conteúdo",
+    "statsTotalPages": "Total de Páginas",
+    "statsPublished": "Publicadas",
+    "statsDrafts": "Rascunhos",
+    "statsActiveLanguages": "Idiomas Ativos",
+    "searchPlaceholder": "Buscar por slug, título ou conteúdo...",
+    "filterAllStatus": "Todos os Status",
+    "statusDraft": "Rascunho",
+    "statusPublished": "Publicado",
+    "buttonView": "Ver",
+    "buttonEdit": "Editar",
+    "buttonDelete": "Excluir",
+    "alertDeleteTitle": "Confirmar Exclusão",
+    "alertDeleteDescription": "Tem certeza que deseja excluir a página \"/{slug}\"? Esta ação não pode ser desfeita.",
+    "alertDeleteCancel": "Cancelar",
+    "alertDeleteConfirm": "Excluir",
+    "emptyTitle": "Nenhum conteúdo encontrado",
+    "emptyDescription": "Tente ajustar os filtros ou criar um novo conteúdo.",
+    "emptyButtonCreate": "Criar Primeiro Conteúdo",
+    "dialogViewTitle": "Visualizar Conteúdo: /{slug}",
+    "dialogViewDescription": "Visualize o conteúdo em todos os idiomas disponíveis",
+    "dialogViewLabelTitle": "Título",
+    "dialogViewNoTitle": "Sem título",
+    "dialogViewLabelContent": "Conteúdo",
+    "dialogViewNoContent": "Sem conteúdo",
+    "dialogViewButtonClose": "Fechar",
+    "dialogViewButtonEdit": "Editar",
+    "dialogFormTitleCreate": "Criar Novo Conteúdo",
+    "dialogFormTitleEdit": "Editar Conteúdo",
+    "dialogFormDescriptionCreate": "Preencha os detalhes do novo conteúdo",
+    "dialogFormDescriptionEdit": "Atualize os detalhes do conteúdo",
+    "formLabelSlug": "Slug",
+    "formPlaceholderSlug": "pagina-exemplo",
+    "formLabelStatus": "Status",
+    "formPlaceholderStatus": "Selecione o status",
+    "formLabelLanguage": "Idioma",
+    "formPlaceholderLanguage": "Selecione o idioma",
+    "formLabelContentByLanguage": "Conteúdo por Idioma",
+    "formLabelTitle": "Título ({language})",
+    "formPlaceholderTitle": "Digite o título em {language}",
+    "formLabelContent": "Conteúdo ({language})",
+    "formPlaceholderContent": "Digite o conteúdo em {language}",
+    "formButtonCancel": "Cancelar",
+    "formButtonCreate": "Criar",
+    "formButtonUpdate": "Atualizar",
+    "errorSlugRequired": "Slug é obrigatório",
+    "errorTitleRequired": "Título é obrigatório",
+    "errorContentRequired": "Conteúdo é obrigatório",
+    "successCreate": "Conteúdo criado com sucesso",
+    "successUpdate": "Conteúdo atualizado com sucesso",
+    "successDelete": "Conteúdo excluído com sucesso",
+    "errorCreate": "Erro ao criar conteúdo",
+    "errorUpdate": "Erro ao atualizar conteúdo",
+    "errorLoad": "Erro ao carregar conteúdo",
+    "created": "Criado:",
+    "updated": "Atualizado:"
+  }
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hed-hog/content",
-  "version": "0.0.186",
+  "version": "0.0.190",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "dependencies": {
@@ -11,9 +11,9 @@
     "@nestjs/mapped-types": "*",
     "@hed-hog/api-prisma": "0.0.4",
     "@hed-hog/api-pagination": "0.0.5",
-    "@hed-hog/api-locale": "0.0.11",
-    "@hed-hog/core": "0.0.186",
-    "@hed-hog/api": "0.0.3"
+    "@hed-hog/core": "0.0.190",
+    "@hed-hog/api": "0.0.3",
+    "@hed-hog/api-locale": "0.0.11"
   },
   "exports": {
     ".": {