@hed-hog/lms 0.0.309 → 0.0.311

package/hedhog/frontend/app/_components/class-form-sheet.tsx.ejs

@@ -944,7 +944,7 @@ export function ClassFormSheet({
     setCustomRecurrenceDialogOpen(false);
   }
 
-  const handleProfessorCreated = async (instructor: {
+  const handleProfessorCreated = (instructor: {
     id: number;
     personId: number;
     name: string;
@@ -960,7 +960,6 @@ export function ClassFormSheet({
       shouldTouch: true,
       shouldValidate: true,
     });
-    await refetchProfessorOptions();
   };
 
   async function onSubmitCourse(data: CourseSheetFormValues) {

package/hedhog/frontend/app/certificates/models/CanvasStage.tsx.ejs

@@ -658,7 +658,16 @@ async function applyBg(canvas: any, fabricMod: any, src: string) {
     });
     const scaleX = CANVAS_W / (img.width || 1);
     const scaleY = CANVAS_H / (img.height || 1);
-    img.set({ scaleX, scaleY, selectable: false, evented: false });
+    img.set({
+      left: 0,
+      top: 0,
+      originX: 'left',
+      originY: 'top',
+      scaleX,
+      scaleY,
+      selectable: false,
+      evented: false,
+    });
     canvas.backgroundImage = img;
     canvas.requestRenderAll();
   } catch {

package/hedhog/frontend/app/certificates/models/TopBar.tsx.ejs

@@ -21,7 +21,7 @@ import {
   ZoomIn,
   ZoomOut,
 } from 'lucide-react';
-import { useCallback, useRef } from 'react';
+import { useCallback, useEffect, useRef } from 'react';
 import { toast } from 'sonner';
 import { getCanvasAPI } from '../../_lib/editor/canvasInstance';
 import {
@@ -63,6 +63,49 @@ export default function Topbar({ templateContext }: TopbarProps) {
 
   const importRef = useRef<HTMLInputElement>(null);
 
+  const isFirstRender = useRef(true);
+  const autoSaveTimerRef = useRef<ReturnType<typeof setTimeout> | null>(null);
+  const templateContextRef = useRef(templateContext);
+  templateContextRef.current = templateContext;
+  const requestRef = useRef(request);
+  requestRef.current = request;
+
+  useEffect(() => {
+    if (isFirstRender.current) {
+      isFirstRender.current = false;
+      return;
+    }
+
+    localStorage.setItem(LS_KEY, JSON.stringify(templateState));
+
+    const ctx = templateContextRef.current;
+    if (!ctx) return;
+
+    if (autoSaveTimerRef.current) clearTimeout(autoSaveTimerRef.current);
+
+    autoSaveTimerRef.current = setTimeout(() => {
+      requestRef
+        .current({
+          url: `/lms/certificates/templates/${ctx.id}`,
+          method: 'PATCH',
+          data: {
+            name: templateState.name,
+            slug: ctx.slug,
+            status: ctx.status,
+            templateContent: JSON.stringify(templateState),
+          },
+        })
+        .catch(() => {
+          toast.error('Falha ao salvar automaticamente');
+        });
+    }, 1500);
+
+    return () => {
+      if (autoSaveTimerRef.current) clearTimeout(autoSaveTimerRef.current);
+    };
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [templateState]);
+
   const handleNew = useCallback(() => {
     resetTemplate();
     getCanvasAPI()?.loadTemplate(useTemplateStore.getState().template);
@@ -72,7 +115,6 @@ export default function Topbar({ templateContext }: TopbarProps) {
   const handleSave = useCallback(() => {
     const run = async () => {
       if (!templateContext) {
-        localStorage.setItem(LS_KEY, JSON.stringify(templateState));
         toast.success('Template salvo no localStorage');
         return;
       }
@@ -88,7 +130,6 @@ export default function Topbar({ templateContext }: TopbarProps) {
         },
       });
 
-      localStorage.setItem(LS_KEY, JSON.stringify(templateState));
       toast.success('Template salvo');
     };
 

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

@@ -99,6 +99,7 @@ type CreateCertificateTemplatePayload = {
 type UpdateCertificateTemplatePayload = {
   name: string;
   description?: string;
+  status: TemplateStatus;
 };
 
 const PAGE_SIZES = [6, 12, 24];
@@ -114,6 +115,7 @@ const updateTemplateSchema = (t: (key: string) => string) =>
   z.object({
     name: z.string().trim().min(1, t('editSheet.validation.required')),
     description: z.string().trim().optional(),
+    status: z.enum(['draft', 'active', 'inactive']),
   });
 
 type CreateTemplateFormValues = z.infer<
@@ -173,6 +175,7 @@ export default function ModelsPage() {
     defaultValues: {
       name: '',
       description: '',
+      status: 'draft',
     },
   });
 
@@ -304,6 +307,7 @@ export default function ModelsPage() {
     editForm.reset({
       name: '',
       description: '',
+      status: 'draft',
     });
     setEditingTemplateId(null);
   }
@@ -325,6 +329,7 @@ export default function ModelsPage() {
     editForm.reset({
       name: template.name,
       description: template.description ?? '',
+      status: template.status,
     });
     setIsEditSheetOpen(true);
   }
@@ -410,6 +415,7 @@ export default function ModelsPage() {
     const payload: UpdateCertificateTemplatePayload = {
       name,
       description: values.description?.trim() || undefined,
+      status: values.status,
     };
 
     try {
@@ -825,6 +831,32 @@ export default function ModelsPage() {
               />
             </div>
 
+            <div className="space-y-2">
+              <p className="text-sm font-medium">
+                {t('editSheet.fields.status')}
+              </p>
+              <Controller
+                name="status"
+                control={editForm.control}
+                render={({ field }) => (
+                  <Select value={field.value} onValueChange={field.onChange}>
+                    <SelectTrigger className="w-full">
+                      <SelectValue placeholder={t('editSheet.fields.status')} />
+                    </SelectTrigger>
+                    <SelectContent>
+                      <SelectItem value="draft">{t('status.draft')}</SelectItem>
+                      <SelectItem value="active">
+                        {t('status.active')}
+                      </SelectItem>
+                      <SelectItem value="inactive">
+                        {t('status.inactive')}
+                      </SelectItem>
+                    </SelectContent>
+                  </Select>
+                )}
+              />
+            </div>
+
             {editForm.formState.errors.name?.message ? (
               <p className="text-sm text-destructive">
                 {editForm.formState.errors.name.message}

package/hedhog/frontend/app/courses/[id]/structure/_components/editor-lesson.tsx.ejs

@@ -475,17 +475,14 @@ export function EditorLesson({ lessonId }: EditorLessonProps) {
     try {
       const results = await Promise.allSettled(
         files.map((f) =>
-          uploadFile(request, f).then(
-            (res) =>
-              ({
-                id: String(res.id),
-                name: f.name,
-                size: formatFileSize(f.size),
-                type: f.type || f.name.split('.').pop() || 'file',
-                public: false,
-                url: undefined,
-              }) satisfies Resource
-          )
+          uploadFile(request, f).then<Resource>((res) => ({
+            id: String(res.id),
+            name: f.name,
+            size: formatFileSize(f.size),
+            type: f.type || f.name.split('.').pop() || 'file',
+            public: false,
+            url: undefined,
+          }))
         )
       );
       const succeeded = results

package/hedhog/frontend/app/courses/[id]/structure/_components/mock-data.ts.ejs

@@ -25,6 +25,7 @@ import type {
 export const MOCK_COURSE: Course = {
   id: 'course-1',
   code: 'REACT-ADV',
+  name: 'React Avancado',
   title: 'React Avancado',
   description:
     'Domine os conceitos avancados do React: hooks, patterns, performance e gerenciamento de estado moderno.',

package/hedhog/frontend/app/courses/[id]/structure/_components/store.ts.ejs

@@ -258,6 +258,7 @@ export const useStructureStore = create<StructureState>((set, get) => ({
   courseId: '',
   course: {
     id: '',
+    code: '',
     name: '',
     title: 'Carregando...',
     description: '',

package/hedhog/frontend/app/courses/[id]/structure/_components/types.ts.ejs

@@ -19,6 +19,7 @@ export type Visibility = 'publico' | 'privado' | 'restrito';
 
 export interface Course {
   id: string;
+  code: string;
   name: string;
   title: string;
   description: string;

package/hedhog/frontend/app/courses/[id]/structure/_data/adapters/course-structure.adapter.ts.ejs

@@ -91,6 +91,7 @@ function normalizeResource(raw: ApiLessonResource): Resource {
 export function normalizeCourse(raw: ApiCourse): Course {
   return {
     id: raw.id,
+    code: raw.slug || raw.id,
     name: raw.name ?? raw.slug,
     title: raw.titulo,
     description: raw.descricao,

package/hedhog/frontend/messages/en.json

@@ -2171,6 +2171,7 @@
     "cards": {
       "status": "Status",
       "updatedAt": "Updated",
+      "noDescription": "No description",
       "actions": {
         "menuLabel": "More actions",
         "editTemplate": "Edit template",
@@ -2205,7 +2206,8 @@
       "description": "Update the template basic information.",
       "fields": {
         "name": "Name",
-        "description": "Description"
+        "description": "Description",
+        "status": "Status"
       },
       "placeholders": {
         "name": "e.g. Corporate Certificate",

package/hedhog/frontend/messages/pt.json

@@ -2178,6 +2178,7 @@
     "cards": {
       "status": "Status",
       "updatedAt": "Atualizado",
+      "noDescription": "Sem descrição",
       "actions": {
         "menuLabel": "Mais ações",
         "editTemplate": "Editar template",
@@ -2212,7 +2213,8 @@
       "description": "Atualize os dados básicos do template.",
       "fields": {
         "name": "Nome",
-        "description": "Descrição"
+        "description": "Descrição",
+        "status": "Status"
       },
       "placeholders": {
         "name": "Ex.: Certificado Corporativo",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hed-hog/lms",
-  "version": "0.0.309",
+  "version": "0.0.311",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "dependencies": {
@@ -9,15 +9,15 @@
     "@nestjs/core": "^11",
     "@nestjs/jwt": "^11",
     "@nestjs/mapped-types": "*",
-    "@hed-hog/api-prisma": "0.0.6",
-    "@hed-hog/api-types": "0.0.1",
-    "@hed-hog/contact": "0.0.309",
+    "@hed-hog/contact": "0.0.311",
     "@hed-hog/api-pagination": "0.0.7",
-    "@hed-hog/core": "0.0.309",
-    "@hed-hog/api-locale": "0.0.14",
+    "@hed-hog/api-types": "0.0.1",
     "@hed-hog/api": "0.0.6",
-    "@hed-hog/finance": "0.0.309",
-    "@hed-hog/category": "0.0.309"
+    "@hed-hog/api-locale": "0.0.14",
+    "@hed-hog/finance": "0.0.311",
+    "@hed-hog/category": "0.0.311",
+    "@hed-hog/core": "0.0.311",
+    "@hed-hog/api-prisma": "0.0.6"
   },
   "exports": {
     ".": {