@codemind.ec/medusa-plugin-invoice 1.1.0 → 1.2.0

package/.medusa/server/src/admin/index.js

@@ -315,31 +315,42 @@ const config = adminSdk.defineRouteConfig({
   label: "Plantillas PDF",
   icon: icons.DocumentText
 });
-const NewCompanyPage = () => {
+const EditCompanyPage = () => {
+  const { id } = reactRouterDom.useParams();
   const navigate = reactRouterDom.useNavigate();
-  const form = reactHookForm.useForm({
-    defaultValues: {
-      company_name: "",
-      company_ruc: "",
-      company_address: "",
-      company_phone: "",
-      company_email: "",
-      company_logo: "",
-      notes: "",
-      admin_notification_email: "",
-      is_default: false
-    }
+  const queryClient = reactQuery.useQueryClient();
+  const { data, isLoading } = reactQuery.useQuery({
+    queryFn: () => sdk.client.fetch(`/admin/invoice-config/${id}`),
+    queryKey: ["invoice-config", id],
+    enabled: !!id
   });
-  const createMutation = reactQuery.useMutation({
-    mutationFn: (payload) => sdk.client.fetch("/admin/invoice-config", {
+  const config2 = data == null ? void 0 : data.invoice_config;
+  const getDefaults = react.useCallback(() => ({
+    company_name: (config2 == null ? void 0 : config2.company_name) || "",
+    company_ruc: (config2 == null ? void 0 : config2.company_ruc) || "",
+    company_address: (config2 == null ? void 0 : config2.company_address) || "",
+    company_phone: (config2 == null ? void 0 : config2.company_phone) || "",
+    company_email: (config2 == null ? void 0 : config2.company_email) || "",
+    company_logo: (config2 == null ? void 0 : config2.company_logo) || "",
+    notes: (config2 == null ? void 0 : config2.notes) || "",
+    admin_notification_email: (config2 == null ? void 0 : config2.admin_notification_email) || "",
+    is_default: (config2 == null ? void 0 : config2.is_default) || false
+  }), [config2]);
+  const form = reactHookForm.useForm({ defaultValues: getDefaults() });
+  react.useEffect(() => {
+    form.reset(getDefaults());
+  }, [getDefaults]);
+  const saveMutation = reactQuery.useMutation({
+    mutationFn: (payload) => sdk.client.fetch(`/admin/invoice-config/${id}`, {
       method: "POST",
       body: payload
     }),
     onSuccess: () => {
-      ui.toast.success("Empresa creada exitosamente");
-      navigate("/invoice-config/companies");
+      queryClient.invalidateQueries({ queryKey: ["invoice-config", id] });
+      queryClient.invalidateQueries({ queryKey: ["invoice-configs"] });
+      ui.toast.success("Empresa actualizada");
     },
-    onError: () => ui.toast.error("Error al crear la empresa")
+    onError: () => ui.toast.error("Error al guardar")
   });
   const uploadLogo = async (event) => {
     var _a;
@@ -352,10 +363,16 @@ const NewCompanyPage = () => {
       ui.toast.error("Error al subir el logo.");
     }
   };
-  const handleSubmit = form.handleSubmit((data) => createMutation.mutate(data));
+  const handleSubmit = form.handleSubmit((data2) => saveMutation.mutate(data2));
+  if (isLoading) {
+    return /* @__PURE__ */ jsxRuntime.jsx(ui.Container, { children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-center py-10", children: "Cargando..." }) });
+  }
+  if (!config2) {
+    return /* @__PURE__ */ jsxRuntime.jsx(ui.Container, { children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-center py-10", children: "Empresa no encontrada" }) });
+  }
   return /* @__PURE__ */ jsxRuntime.jsxs(ui.Container, { className: "divide-y p-0", children: [
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between px-6 py-4", children: [
-      /* @__PURE__ */ jsxRuntime.jsx(ui.Heading, { level: "h1", children: "Nueva Empresa" }),
+      /* @__PURE__ */ jsxRuntime.jsx(ui.Heading, { level: "h1", children: "Editar Empresa" }),
       /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { variant: "secondary", onClick: () => navigate("/invoice-config/companies"), children: "← Volver" })
     ] }),
     /* @__PURE__ */ jsxRuntime.jsx(reactHookForm.FormProvider, { ...form, children: /* @__PURE__ */ jsxRuntime.jsxs("form", { onSubmit: handleSubmit, className: "flex flex-col gap-4 p-6 max-w-2xl", children: [
@@ -378,7 +395,7 @@ const NewCompanyPage = () => {
           name: "company_name",
           render: ({ field }) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-2", children: [
             /* @__PURE__ */ jsxRuntime.jsx(ui.Label, { size: "small", weight: "plus", children: "Nombre de la Empresa *" }),
-            /* @__PURE__ */ jsxRuntime.jsx(ui.Input, { ...field, placeholder: "Mi Empresa S.A.S." })
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Input, { ...field })
           ] })
         }
       ),
@@ -400,7 +417,7 @@ const NewCompanyPage = () => {
           name: "company_address",
           render: ({ field }) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-2", children: [
             /* @__PURE__ */ jsxRuntime.jsx(ui.Label, { size: "small", weight: "plus", children: "Dirección" }),
-            /* @__PURE__ */ jsxRuntime.jsx(ui.Textarea, { ...field, placeholder: "Av. Principal 123, Quito" })
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Textarea, { ...field })
           ] })
         }
       ),
@@ -412,7 +429,7 @@ const NewCompanyPage = () => {
             name: "company_phone",
             render: ({ field }) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-2", children: [
               /* @__PURE__ */ jsxRuntime.jsx(ui.Label, { size: "small", weight: "plus", children: "Teléfono" }),
-              /* @__PURE__ */ jsxRuntime.jsx(ui.Input, { ...field, placeholder: "+593 99 123 4567" })
+              /* @__PURE__ */ jsxRuntime.jsx(ui.Input, { ...field })
             ] })
           }
         ),
@@ -423,7 +440,7 @@ const NewCompanyPage = () => {
             name: "company_email",
             render: ({ field }) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-2", children: [
               /* @__PURE__ */ jsxRuntime.jsx(ui.Label, { size: "small", weight: "plus", children: "Email de la Empresa" }),
-              /* @__PURE__ */ jsxRuntime.jsx(ui.Input, { ...field, placeholder: "info@empresa.com" })
+              /* @__PURE__ */ jsxRuntime.jsx(ui.Input, { ...field })
             ] })
           }
         )
@@ -435,7 +452,7 @@ const NewCompanyPage = () => {
           name: "notes",
           render: ({ field }) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-2", children: [
             /* @__PURE__ */ jsxRuntime.jsx(ui.Label, { size: "small", weight: "plus", children: "Notas" }),
-            /* @__PURE__ */ jsxRuntime.jsx(ui.Textarea, { ...field, placeholder: "Notas internas o pie de página del documento" })
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Textarea, { ...field })
           ] })
         }
       ),
@@ -473,47 +490,36 @@ const NewCompanyPage = () => {
       ),
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex gap-2 pt-2", children: [
         /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { variant: "secondary", onClick: () => navigate("/invoice-config/companies"), children: "Cancelar" }),
-        /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { type: "submit", isLoading: createMutation.isPending, children: "Crear Empresa" })
+        /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { type: "submit", isLoading: saveMutation.isPending, children: "Guardar Cambios" })
       ] })
     ] }) })
   ] });
 };
-const EditCompanyPage = () => {
-  const { id } = reactRouterDom.useParams();
+const NewCompanyPage = () => {
   const navigate = reactRouterDom.useNavigate();
-  const queryClient = reactQuery.useQueryClient();
-  const { data, isLoading } = reactQuery.useQuery({
-    queryFn: () => sdk.client.fetch(`/admin/invoice-config/${id}`),
-    queryKey: ["invoice-config", id],
-    enabled: !!id
+  const form = reactHookForm.useForm({
+    defaultValues: {
+      company_name: "",
+      company_ruc: "",
+      company_address: "",
+      company_phone: "",
+      company_email: "",
+      company_logo: "",
+      notes: "",
+      admin_notification_email: "",
+      is_default: false
+    }
   });
-  const config2 = data == null ? void 0 : data.invoice_config;
-  const getDefaults = react.useCallback(() => ({
-    company_name: (config2 == null ? void 0 : config2.company_name) || "",
-    company_ruc: (config2 == null ? void 0 : config2.company_ruc) || "",
-    company_address: (config2 == null ? void 0 : config2.company_address) || "",
-    company_phone: (config2 == null ? void 0 : config2.company_phone) || "",
-    company_email: (config2 == null ? void 0 : config2.company_email) || "",
-    company_logo: (config2 == null ? void 0 : config2.company_logo) || "",
-    notes: (config2 == null ? void 0 : config2.notes) || "",
-    admin_notification_email: (config2 == null ? void 0 : config2.admin_notification_email) || "",
-    is_default: (config2 == null ? void 0 : config2.is_default) || false
-  }), [config2]);
-  const form = reactHookForm.useForm({ defaultValues: getDefaults() });
-  react.useEffect(() => {
-    form.reset(getDefaults());
-  }, [getDefaults]);
-  const saveMutation = reactQuery.useMutation({
-    mutationFn: (payload) => sdk.client.fetch(`/admin/invoice-config/${id}`, {
+  const createMutation = reactQuery.useMutation({
+    mutationFn: (payload) => sdk.client.fetch("/admin/invoice-config", {
       method: "POST",
       body: payload
     }),
     onSuccess: () => {
-      queryClient.invalidateQueries({ queryKey: ["invoice-config", id] });
-      queryClient.invalidateQueries({ queryKey: ["invoice-configs"] });
-      ui.toast.success("Empresa actualizada");
+      ui.toast.success("Empresa creada exitosamente");
+      navigate("/invoice-config/companies");
     },
-    onError: () => ui.toast.error("Error al guardar")
+    onError: () => ui.toast.error("Error al crear la empresa")
   });
   const uploadLogo = async (event) => {
     var _a;
@@ -526,16 +532,10 @@ const EditCompanyPage = () => {
       ui.toast.error("Error al subir el logo.");
     }
   };
-  const handleSubmit = form.handleSubmit((data2) => saveMutation.mutate(data2));
-  if (isLoading) {
-    return /* @__PURE__ */ jsxRuntime.jsx(ui.Container, { children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-center py-10", children: "Cargando..." }) });
-  }
-  if (!config2) {
-    return /* @__PURE__ */ jsxRuntime.jsx(ui.Container, { children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-center py-10", children: "Empresa no encontrada" }) });
-  }
+  const handleSubmit = form.handleSubmit((data) => createMutation.mutate(data));
   return /* @__PURE__ */ jsxRuntime.jsxs(ui.Container, { className: "divide-y p-0", children: [
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between px-6 py-4", children: [
-      /* @__PURE__ */ jsxRuntime.jsx(ui.Heading, { level: "h1", children: "Editar Empresa" }),
+      /* @__PURE__ */ jsxRuntime.jsx(ui.Heading, { level: "h1", children: "Nueva Empresa" }),
       /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { variant: "secondary", onClick: () => navigate("/invoice-config/companies"), children: "← Volver" })
     ] }),
     /* @__PURE__ */ jsxRuntime.jsx(reactHookForm.FormProvider, { ...form, children: /* @__PURE__ */ jsxRuntime.jsxs("form", { onSubmit: handleSubmit, className: "flex flex-col gap-4 p-6 max-w-2xl", children: [
@@ -558,7 +558,7 @@ const EditCompanyPage = () => {
           name: "company_name",
           render: ({ field }) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-2", children: [
             /* @__PURE__ */ jsxRuntime.jsx(ui.Label, { size: "small", weight: "plus", children: "Nombre de la Empresa *" }),
-            /* @__PURE__ */ jsxRuntime.jsx(ui.Input, { ...field })
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Input, { ...field, placeholder: "Mi Empresa S.A.S." })
           ] })
         }
       ),
@@ -580,7 +580,7 @@ const EditCompanyPage = () => {
           name: "company_address",
           render: ({ field }) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-2", children: [
             /* @__PURE__ */ jsxRuntime.jsx(ui.Label, { size: "small", weight: "plus", children: "Dirección" }),
-            /* @__PURE__ */ jsxRuntime.jsx(ui.Textarea, { ...field })
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Textarea, { ...field, placeholder: "Av. Principal 123, Quito" })
           ] })
         }
       ),
@@ -592,7 +592,7 @@ const EditCompanyPage = () => {
             name: "company_phone",
             render: ({ field }) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-2", children: [
               /* @__PURE__ */ jsxRuntime.jsx(ui.Label, { size: "small", weight: "plus", children: "Teléfono" }),
-              /* @__PURE__ */ jsxRuntime.jsx(ui.Input, { ...field })
+              /* @__PURE__ */ jsxRuntime.jsx(ui.Input, { ...field, placeholder: "+593 99 123 4567" })
             ] })
           }
         ),
@@ -603,7 +603,7 @@ const EditCompanyPage = () => {
             name: "company_email",
             render: ({ field }) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-2", children: [
               /* @__PURE__ */ jsxRuntime.jsx(ui.Label, { size: "small", weight: "plus", children: "Email de la Empresa" }),
-              /* @__PURE__ */ jsxRuntime.jsx(ui.Input, { ...field })
+              /* @__PURE__ */ jsxRuntime.jsx(ui.Input, { ...field, placeholder: "info@empresa.com" })
             ] })
           }
         )
@@ -615,7 +615,7 @@ const EditCompanyPage = () => {
           name: "notes",
           render: ({ field }) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-2", children: [
             /* @__PURE__ */ jsxRuntime.jsx(ui.Label, { size: "small", weight: "plus", children: "Notas" }),
-            /* @__PURE__ */ jsxRuntime.jsx(ui.Textarea, { ...field })
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Textarea, { ...field, placeholder: "Notas internas o pie de página del documento" })
           ] })
         }
       ),
@@ -653,23 +653,114 @@ const EditCompanyPage = () => {
       ),
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex gap-2 pt-2", children: [
         /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { variant: "secondary", onClick: () => navigate("/invoice-config/companies"), children: "Cancelar" }),
-        /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { type: "submit", isLoading: saveMutation.isPending, children: "Guardar Cambios" })
+        /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { type: "submit", isLoading: createMutation.isPending, children: "Crear Empresa" })
       ] })
     ] }) })
   ] });
 };
+const NewTemplatePage = () => {
+  const navigate = reactRouterDom.useNavigate();
+  const [name, setName] = react.useState("");
+  const [slug, setSlug] = react.useState("");
+  const [type, setType] = react.useState("order_invoice");
+  const createMutation = reactQuery.useMutation({
+    mutationFn: (payload) => sdk.client.fetch("/admin/invoice-templates", {
+      method: "POST",
+      body: payload
+    }),
+    onSuccess: (data) => {
+      ui.toast.success("Plantilla creada");
+      navigate(`/invoice-config/invoice-templates/${data.invoice_template.id}`);
+    },
+    onError: () => {
+      ui.toast.error("Error al crear la plantilla");
+    }
+  });
+  const handleCreate = () => {
+    if (!name || !slug) {
+      ui.toast.error("Nombre y slug son requeridos");
+      return;
+    }
+    createMutation.mutate({
+      name,
+      slug,
+      type,
+      html_content: getDefaultHtml(type)
+    });
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs(ui.Container, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(ui.Heading, { level: "h1", style: { marginBottom: 24 }, children: "Nueva Plantilla" }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { display: "flex", flexDirection: "column", gap: 16, maxWidth: 500 }, children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+        /* @__PURE__ */ jsxRuntime.jsx(ui.Label, { htmlFor: "name", children: "Nombre" }),
+        /* @__PURE__ */ jsxRuntime.jsx(ui.Input, { id: "name", value: name, onChange: (e) => setName(e.target.value), placeholder: "Ej: Mi Comprobante" })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+        /* @__PURE__ */ jsxRuntime.jsx(ui.Label, { htmlFor: "slug", children: "Slug (identificador único)" }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          ui.Input,
+          {
+            id: "slug",
+            value: slug,
+            onChange: (e) => setSlug(e.target.value.toLowerCase().replace(/[^a-z0-9_]/g, "_")),
+            placeholder: "Ej: my_custom_invoice"
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+        /* @__PURE__ */ jsxRuntime.jsx(ui.Label, { htmlFor: "type", children: "Tipo de documento" }),
+        /* @__PURE__ */ jsxRuntime.jsxs(ui.Select, { value: type, onValueChange: setType, children: [
+          /* @__PURE__ */ jsxRuntime.jsx(ui.Select.Trigger, { children: /* @__PURE__ */ jsxRuntime.jsx(ui.Select.Value, { placeholder: "Seleccionar tipo" }) }),
+          /* @__PURE__ */ jsxRuntime.jsxs(ui.Select.Content, { children: [
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Select.Item, { value: "order_invoice", children: "Comprobante de Pedido" }),
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Select.Item, { value: "quote_proforma", children: "Cotización Proforma" })
+          ] })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { display: "flex", gap: 8, marginTop: 16 }, children: [
+        /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { variant: "secondary", onClick: () => navigate("/invoice-config/invoice-templates"), children: "Cancelar" }),
+        /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { onClick: handleCreate, isLoading: createMutation.isPending, children: "Crear Plantilla" })
+      ] })
+    ] })
+  ] });
+};
+function getDefaultHtml(type) {
+  if (type === "quote_proforma") {
+    return `<!DOCTYPE html>
+<html>
+<head><style>body { font-family: Helvetica, sans-serif; }</style></head>
+<body>
+<h1>COTIZACIÓN {{quote_number}}</h1>
+<p>Fecha: {{date_str}}</p>
+<p>Servicio: {{service_name}}</p>
+<!-- Personaliza tu plantilla aquí -->
+</body>
+</html>`;
+  }
+  return `<!DOCTYPE html>
+<html>
+<head><style>body { font-family: Helvetica, sans-serif; }</style></head>
+<body>
+<h1>COMPROBANTE {{invoice_id}}</h1>
+<p>Fecha: {{invoice_date}}</p>
+<p>Empresa: {{company_name}}</p>
+<!-- Personaliza tu plantilla aquí -->
+</body>
+</html>`;
+}
+const COMPANY_VARIABLES = [
+  { name: "company_name" },
+  { name: "company_ruc" },
+  { name: "company_address" },
+  { name: "company_phone" },
+  { name: "company_email" },
+  { name: "company_logo_base64" }
+];
 const ORDER_INVOICE_CATEGORIES = [
   {
     label: "Empresa",
     icon: "🏢",
-    variables: [
-      { name: "company_name" },
-      { name: "company_ruc" },
-      { name: "company_address" },
-      { name: "company_phone" },
-      { name: "company_email" },
-      { name: "company_logo_base64" }
-    ]
+    variables: COMPANY_VARIABLES
   },
   {
     label: "Documento",
@@ -727,10 +818,7 @@ const QUOTE_PROFORMA_CATEGORIES = [
   {
     label: "Empresa",
     icon: "🏢",
-    variables: [
-      { name: "company_name" },
-      { name: "company_website" }
-    ]
+    variables: [...COMPANY_VARIABLES, { name: "company_website" }]
   },
   {
     label: "Documento",
@@ -822,6 +910,11 @@ const SAMPLE_DATA = {
   },
   quote_proforma: {
     company_name: "Mi Empresa",
+    company_ruc: "1234567890001",
+    company_address: "Av. Principal 123, Quito",
+    company_phone: "+593 99 123 4567",
+    company_email: "info@miempresa.com",
+    company_logo_base64: PLACEHOLDER_LOGO_BASE64,
     company_website: "www.miempresa.com",
     quote_number: "QP-2025-0001",
     date_str: "19/06/2025",
@@ -1060,96 +1153,6 @@ const TemplateEditorPage = () => {
     ] })
   ] });
 };
-const NewTemplatePage = () => {
-  const navigate = reactRouterDom.useNavigate();
-  const [name, setName] = react.useState("");
-  const [slug, setSlug] = react.useState("");
-  const [type, setType] = react.useState("order_invoice");
-  const createMutation = reactQuery.useMutation({
-    mutationFn: (payload) => sdk.client.fetch("/admin/invoice-templates", {
-      method: "POST",
-      body: payload
-    }),
-    onSuccess: (data) => {
-      ui.toast.success("Plantilla creada");
-      navigate(`/invoice-config/invoice-templates/${data.invoice_template.id}`);
-    },
-    onError: () => {
-      ui.toast.error("Error al crear la plantilla");
-    }
-  });
-  const handleCreate = () => {
-    if (!name || !slug) {
-      ui.toast.error("Nombre y slug son requeridos");
-      return;
-    }
-    createMutation.mutate({
-      name,
-      slug,
-      type,
-      html_content: getDefaultHtml(type)
-    });
-  };
-  return /* @__PURE__ */ jsxRuntime.jsxs(ui.Container, { children: [
-    /* @__PURE__ */ jsxRuntime.jsx(ui.Heading, { level: "h1", style: { marginBottom: 24 }, children: "Nueva Plantilla" }),
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { display: "flex", flexDirection: "column", gap: 16, maxWidth: 500 }, children: [
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-        /* @__PURE__ */ jsxRuntime.jsx(ui.Label, { htmlFor: "name", children: "Nombre" }),
-        /* @__PURE__ */ jsxRuntime.jsx(ui.Input, { id: "name", value: name, onChange: (e) => setName(e.target.value), placeholder: "Ej: Mi Comprobante" })
-      ] }),
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-        /* @__PURE__ */ jsxRuntime.jsx(ui.Label, { htmlFor: "slug", children: "Slug (identificador único)" }),
-        /* @__PURE__ */ jsxRuntime.jsx(
-          ui.Input,
-          {
-            id: "slug",
-            value: slug,
-            onChange: (e) => setSlug(e.target.value.toLowerCase().replace(/[^a-z0-9_]/g, "_")),
-            placeholder: "Ej: my_custom_invoice"
-          }
-        )
-      ] }),
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-        /* @__PURE__ */ jsxRuntime.jsx(ui.Label, { htmlFor: "type", children: "Tipo de documento" }),
-        /* @__PURE__ */ jsxRuntime.jsxs(ui.Select, { value: type, onValueChange: setType, children: [
-          /* @__PURE__ */ jsxRuntime.jsx(ui.Select.Trigger, { children: /* @__PURE__ */ jsxRuntime.jsx(ui.Select.Value, { placeholder: "Seleccionar tipo" }) }),
-          /* @__PURE__ */ jsxRuntime.jsxs(ui.Select.Content, { children: [
-            /* @__PURE__ */ jsxRuntime.jsx(ui.Select.Item, { value: "order_invoice", children: "Comprobante de Pedido" }),
-            /* @__PURE__ */ jsxRuntime.jsx(ui.Select.Item, { value: "quote_proforma", children: "Cotización Proforma" })
-          ] })
-        ] })
-      ] }),
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { display: "flex", gap: 8, marginTop: 16 }, children: [
-        /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { variant: "secondary", onClick: () => navigate("/invoice-config/invoice-templates"), children: "Cancelar" }),
-        /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { onClick: handleCreate, isLoading: createMutation.isPending, children: "Crear Plantilla" })
-      ] })
-    ] })
-  ] });
-};
-function getDefaultHtml(type) {
-  if (type === "quote_proforma") {
-    return `<!DOCTYPE html>
-<html>
-<head><style>body { font-family: Helvetica, sans-serif; }</style></head>
-<body>
-<h1>COTIZACIÓN {{quote_number}}</h1>
-<p>Fecha: {{date_str}}</p>
-<p>Servicio: {{service_name}}</p>
-<!-- Personaliza tu plantilla aquí -->
-</body>
-</html>`;
-  }
-  return `<!DOCTYPE html>
-<html>
-<head><style>body { font-family: Helvetica, sans-serif; }</style></head>
-<body>
-<h1>COMPROBANTE {{invoice_id}}</h1>
-<p>Fecha: {{invoice_date}}</p>
-<p>Empresa: {{company_name}}</p>
-<!-- Personaliza tu plantilla aquí -->
-</body>
-</html>`;
-}
 const i18nTranslations0 = {};
 const widgetModule = { widgets: [
   {
@@ -1171,21 +1174,21 @@ const routeModule = {
       Component: InvoiceTemplatesPage,
       path: "/invoice-config/invoice-templates"
     },
-    {
-      Component: NewCompanyPage,
-      path: "/invoice-config/companies/new"
-    },
     {
       Component: EditCompanyPage,
       path: "/invoice-config/companies/:id"
     },
     {
-      Component: TemplateEditorPage,
-      path: "/invoice-config/invoice-templates/:id"
+      Component: NewCompanyPage,
+      path: "/invoice-config/companies/new"
     },
     {
       Component: NewTemplatePage,
       path: "/invoice-config/invoice-templates/new"
+    },
+    {
+      Component: TemplateEditorPage,
+      path: "/invoice-config/invoice-templates/:id"
     }
   ]
 };