@oondemand/oon-core-front 0.4.29 → 0.4.30

package/dist/index.js

@@ -5090,9 +5090,9 @@ function CorePage2({ page, registry }) {
 
 // src/components/CoreTransactionalEmail.tsx
 import { useEffect as useEffect11, useMemo as useMemo11, useState as useState18 } from "react";
-import { Badge as Badge5, Box as Box22, Button as Button16, Flex as Flex15, Heading as Heading13, Input as Input10, Stack as Stack9, Text as Text23, Textarea as Textarea3 } from "@chakra-ui/react";
+import { Badge as Badge5, Box as Box22, Button as Button16, Flex as Flex15, Heading as Heading13, IconButton as IconButton3, Input as Input10, Stack as Stack9, Text as Text23, Textarea as Textarea3 } from "@chakra-ui/react";
 import { useMutation as useMutation5, useQuery as useQuery11, useQueryClient as useQueryClient7 } from "@tanstack/react-query";
-import { jsx as jsx31, jsxs as jsxs23 } from "react/jsx-runtime";
+import { Fragment as Fragment5, jsx as jsx31, jsxs as jsxs23 } from "react/jsx-runtime";
 var EMPTY_SCHEMA = '{\n  "type": "object",\n  "additionalProperties": false,\n  "properties": {}\n}';
 var EMPTY_DRAFT = {
   code: "",
@@ -5155,6 +5155,9 @@ function CoreTransactionalEmail() {
   const [previewVariables, setPreviewVariables] = useState18("{}");
   const [testTarget, setTestTarget] = useState18(null);
   const [templateTest, setTemplateTest] = useState18({ to: "", variables: "{}" });
+  const [templateModalOpen, setTemplateModalOpen] = useState18(false);
+  const [templateModalTab, setTemplateModalTab] = useState18("versions");
+  const [managedTemplateCode, setManagedTemplateCode] = useState18("");
   const health = useQuery11({
     queryKey: ["transactional-email", "health"],
     queryFn: async () => (await http.get("/core/transactional-email/health")).data
@@ -5199,6 +5202,12 @@ function CoreTransactionalEmail() {
     for (const item of templates.data || []) (groups[_a = item.code] || (groups[_a] = [])).push(item);
     return Object.entries(groups);
   }, [templates.data]);
+  const managedVersions = useMemo11(
+    () => (templates.data || []).filter((item) => item.code === managedTemplateCode),
+    [managedTemplateCode, templates.data]
+  );
+  const managedTemplate = managedVersions.find((item) => item.status === "active") || managedVersions[0] || null;
+  const draftContext = !managedTemplateCode || Boolean(editingBase);
   const saveConfiguration = useMutation5({
     mutationFn: async () => {
       const payload = {
@@ -5250,6 +5259,7 @@ function CoreTransactionalEmail() {
       setNotice("Nova vers\xE3o salva como rascunho. Ela ainda n\xE3o est\xE1 ativa.");
       setEditingBase(null);
       setTemplateDraft(EMPTY_DRAFT);
+      setTemplateModalOpen(false);
       cache.invalidateQueries({ queryKey: ["transactional-email", "templates"] });
     },
     onError: (reason) => {
@@ -5315,6 +5325,7 @@ function CoreTransactionalEmail() {
   });
   function useAsBase(item) {
     setEditingBase(item);
+    setManagedTemplateCode(item.code);
     setTemplateDraft({
       code: item.code,
       name: item.name,
@@ -5324,13 +5335,59 @@ function CoreTransactionalEmail() {
       variablesSchema: JSON.stringify(item.variablesSchema || {}, null, 2),
       locale: item.locale || "pt-BR"
     });
+    setPreviewVariables(sampleVariables(item.variablesSchema));
+    setPreviewTarget(null);
+    preview.reset();
+    setTemplateModalTab("content");
+    setTemplateModalOpen(true);
     setNotice("Vers\xE3o " + item.version + " carregada como base. Ao salvar, uma nova vers\xE3o em rascunho ser\xE1 criada.");
     setError("");
   }
+  function openNewTemplate() {
+    setManagedTemplateCode("");
+    setEditingBase(null);
+    setTemplateDraft(EMPTY_DRAFT);
+    setPreviewTarget(null);
+    setTestTarget(null);
+    setPreviewVariables("{}");
+    setTemplateTest({ to: config?.senderEmail || "", variables: "{}" });
+    preview.reset();
+    setError("");
+    setNotice("");
+    setTemplateModalTab("content");
+    setTemplateModalOpen(true);
+  }
+  function manageTemplate(code) {
+    const versions = (templates.data || []).filter((item) => item.code === code);
+    const target = versions.find((item) => item.status === "active") || versions[0] || null;
+    setManagedTemplateCode(code);
+    setEditingBase(null);
+    setTemplateDraft(EMPTY_DRAFT);
+    setPreviewTarget(target);
+    setTestTarget(target);
+    setPreviewVariables(sampleVariables(target?.variablesSchema));
+    setTemplateTest({
+      to: config?.senderEmail || "",
+      variables: sampleVariables(target?.variablesSchema)
+    });
+    preview.reset();
+    setError("");
+    setNotice("");
+    setTemplateModalTab("versions");
+    setTemplateModalOpen(true);
+  }
+  function closeTemplateModal() {
+    setTemplateModalOpen(false);
+    setError("");
+    preview.reset();
+  }
   function selectPreview(item) {
+    setManagedTemplateCode(item.code);
     setPreviewTarget(item);
     setPreviewVariables(sampleVariables(item.variablesSchema));
     preview.reset();
+    setTemplateModalTab("preview");
+    setTemplateModalOpen(true);
     setError("");
     setNotice("");
   }
@@ -5364,14 +5421,30 @@ function CoreTransactionalEmail() {
     }
   }
   function selectTest(item) {
+    setManagedTemplateCode(item.code);
     setTestTarget(item);
     setTemplateTest((value3) => ({
       to: value3.to || config?.senderEmail || "",
       variables: sampleVariables(item.variablesSchema)
     }));
+    setTemplateModalTab("test");
+    setTemplateModalOpen(true);
     setError("");
     setNotice("");
   }
+  useEffect11(() => {
+    if (!templateModalOpen) return void 0;
+    const previousOverflow = document.body.style.overflow;
+    const onKeyDown = (event) => {
+      if (event.key === "Escape") closeTemplateModal();
+    };
+    document.body.style.overflow = "hidden";
+    document.addEventListener("keydown", onKeyDown);
+    return () => {
+      document.body.style.overflow = previousOverflow;
+      document.removeEventListener("keydown", onKeyDown);
+    };
+  }, [templateModalOpen]);
   function activateVersion(item) {
     const confirmed = window.confirm(
       "Ativar " + item.code + " v" + item.version + "? A vers\xE3o ativa atual ser\xE1 arquivada."
@@ -5507,44 +5580,48 @@ function CoreTransactionalEmail() {
         ] })
       ] })
     ] }) : null,
-    tab === "templates" ? /* @__PURE__ */ jsxs23(Stack9, { gap: 5, children: [
-      /* @__PURE__ */ jsxs23(Box22, { borderWidth: "1px", borderRadius: "lg", p: { base: 4, md: 5 }, children: [
-        /* @__PURE__ */ jsxs23(Flex15, { justify: "space-between", align: "start", gap: 3, wrap: "wrap", mb: 4, children: [
-          /* @__PURE__ */ jsxs23(Box22, { children: [
-            /* @__PURE__ */ jsx31(Heading13, { size: "sm", children: "Templates e vers\xF5es" }),
-            /* @__PURE__ */ jsx31(Text23, { fontSize: "sm", color: "gray.600", children: "Visualize, use uma vers\xE3o como base ou envie um teste sem alterar a publica\xE7\xE3o atual." })
-          ] }),
-          /* @__PURE__ */ jsx31(
-            Button16,
-            {
-              size: "sm",
-              variant: "outline",
-              onClick: () => {
-                setEditingBase(null);
-                setTemplateDraft(EMPTY_DRAFT);
-                setNotice("");
-              },
-              children: "Novo template"
-            }
-          )
+    tab === "templates" ? /* @__PURE__ */ jsxs23(Box22, { borderWidth: "1px", borderRadius: "lg", p: { base: 4, md: 5 }, children: [
+      /* @__PURE__ */ jsxs23(Flex15, { justify: "space-between", align: "start", gap: 3, wrap: "wrap", mb: 4, children: [
+        /* @__PURE__ */ jsxs23(Box22, { children: [
+          /* @__PURE__ */ jsx31(Heading13, { size: "sm", children: "Templates e vers\xF5es" }),
+          /* @__PURE__ */ jsx31(Text23, { fontSize: "sm", color: "gray.600", children: "Consulte o hist\xF3rico e abra o gerenciamento completo sem sair da lista." })
         ] }),
-        /* @__PURE__ */ jsxs23(Stack9, { gap: 4, children: [
-          groupedTemplates.map(([code, versions]) => /* @__PURE__ */ jsxs23(Box22, { borderWidth: "1px", borderRadius: "md", overflow: "hidden", children: [
-            /* @__PURE__ */ jsxs23(Flex15, { px: 4, py: 3, bg: "gray.50", justify: "space-between", align: "center", gap: 3, wrap: "wrap", children: [
-              /* @__PURE__ */ jsxs23(Box22, { children: [
-                /* @__PURE__ */ jsx31(Text23, { fontWeight: "bold", children: versions[0]?.name || code }),
-                /* @__PURE__ */ jsxs23(Text23, { fontSize: "xs", color: "gray.600", children: [
-                  code,
-                  " \xB7 ",
-                  versions.length,
-                  " vers\xE3o(\xF5es)"
-                ] })
-              ] }),
-              versions.find((item) => item.status === "active") ? /* @__PURE__ */ jsxs23(Badge5, { colorPalette: "green", children: [
-                "ativa v",
-                versions.find((item) => item.status === "active")?.version
-              ] }) : /* @__PURE__ */ jsx31(Badge5, { colorPalette: "yellow", children: "sem vers\xE3o ativa" })
-            ] }),
+        /* @__PURE__ */ jsx31(Button16, { size: "sm", variant: "outline", onClick: openNewTemplate, children: "Novo template" })
+      ] }),
+      /* @__PURE__ */ jsxs23(Stack9, { gap: 4, children: [
+        groupedTemplates.map(([code, versions]) => {
+          const activeVersion = versions.find((item) => item.status === "active");
+          return /* @__PURE__ */ jsxs23(Box22, { borderWidth: "1px", borderRadius: "md", overflow: "hidden", children: [
+            /* @__PURE__ */ jsxs23(
+              Flex15,
+              {
+                px: 4,
+                py: 3,
+                bg: "gray.50",
+                justify: "space-between",
+                align: "center",
+                gap: 3,
+                wrap: "wrap",
+                children: [
+                  /* @__PURE__ */ jsxs23(Box22, { children: [
+                    /* @__PURE__ */ jsx31(Text23, { fontWeight: "bold", children: versions[0]?.name || code }),
+                    /* @__PURE__ */ jsxs23(Text23, { fontSize: "xs", color: "gray.600", children: [
+                      code,
+                      " \xB7 ",
+                      versions.length,
+                      " vers\xE3o(\xF5es)"
+                    ] })
+                  ] }),
+                  /* @__PURE__ */ jsxs23(Flex15, { gap: 2, align: "center", wrap: "wrap", children: [
+                    activeVersion ? /* @__PURE__ */ jsxs23(Badge5, { colorPalette: "green", children: [
+                      "ativa v",
+                      activeVersion.version
+                    ] }) : /* @__PURE__ */ jsx31(Badge5, { colorPalette: "yellow", children: "sem vers\xE3o ativa" }),
+                    /* @__PURE__ */ jsx31(Button16, { size: "sm", onClick: () => manageTemplate(code), children: "Gerenciar" })
+                  ] })
+                ]
+              }
+            ),
             /* @__PURE__ */ jsx31(Stack9, { gap: 0, children: versions.map((item) => /* @__PURE__ */ jsxs23(
               Flex15,
               {
@@ -5568,237 +5645,408 @@ function CoreTransactionalEmail() {
                     /* @__PURE__ */ jsx31(Text23, { mt: 1, fontSize: "sm", color: "gray.700", children: item.subject }),
                     /* @__PURE__ */ jsx31(Text23, { fontSize: "xs", color: "gray.500", children: prettyDate(item.createdAt) })
                   ] }),
-                  /* @__PURE__ */ jsxs23(Flex15, { gap: 2, wrap: "wrap", children: [
-                    /* @__PURE__ */ jsx31(Button16, { size: "xs", variant: "outline", onClick: () => selectPreview(item), children: "Visualizar" }),
-                    /* @__PURE__ */ jsx31(Button16, { size: "xs", variant: "outline", onClick: () => useAsBase(item), children: "Usar como base" }),
-                    /* @__PURE__ */ jsx31(Button16, { size: "xs", variant: "outline", onClick: () => selectTest(item), children: "Enviar teste" }),
-                    item.status !== "active" ? /* @__PURE__ */ jsx31(
-                      Button16,
-                      {
-                        size: "xs",
-                        loading: activate.isPending,
-                        onClick: () => activateVersion(item),
-                        children: "Ativar vers\xE3o"
-                      }
-                    ) : null
-                  ] })
+                  /* @__PURE__ */ jsx31(Button16, { size: "xs", variant: "outline", onClick: () => selectPreview(item), children: "Abrir vers\xE3o" })
                 ]
               },
               item._id
             )) })
-          ] }, code)),
-          !templates.isLoading && !templates.data?.length ? /* @__PURE__ */ jsx31(Text23, { children: "Nenhum template declarado." }) : null
-        ] })
-      ] }),
-      /* @__PURE__ */ jsxs23(Box22, { borderWidth: "1px", borderRadius: "lg", p: { base: 4, md: 5 }, children: [
-        /* @__PURE__ */ jsxs23(Flex15, { justify: "space-between", gap: 3, align: "start", wrap: "wrap", mb: 4, children: [
-          /* @__PURE__ */ jsxs23(Box22, { children: [
-            /* @__PURE__ */ jsx31(Heading13, { size: "sm", children: editingBase ? "Nova vers\xE3o a partir de " + editingBase.code + " v" + editingBase.version : "Nova vers\xE3o em rascunho" }),
-            /* @__PURE__ */ jsx31(Text23, { fontSize: "sm", color: "gray.600", children: "Salvar sempre cria uma nova vers\xE3o e nunca a ativa automaticamente." })
-          ] }),
-          editingBase ? /* @__PURE__ */ jsx31(Button16, { size: "sm", variant: "ghost", onClick: () => {
-            setEditingBase(null);
-            setTemplateDraft(EMPTY_DRAFT);
-          }, children: "Cancelar edi\xE7\xE3o" }) : null
-        ] }),
-        /* @__PURE__ */ jsxs23(Stack9, { gap: 3, children: [
-          /* @__PURE__ */ jsxs23(Flex15, { gap: 3, wrap: "wrap", children: [
-            /* @__PURE__ */ jsxs23(Box22, { flex: "1", minW: "180px", children: [
-              /* @__PURE__ */ jsx31("label", { htmlFor: "template-code", style: { fontSize: "0.875rem", fontWeight: 600 }, children: "C\xF3digo" }),
-              /* @__PURE__ */ jsx31(
-                Input10,
+          ] }, code);
+        }),
+        !templates.isLoading && !templates.data?.length ? /* @__PURE__ */ jsx31(Text23, { children: "Nenhum template declarado." }) : null
+      ] })
+    ] }) : null,
+    templateModalOpen ? /* @__PURE__ */ jsx31(
+      Flex15,
+      {
+        position: "fixed",
+        inset: 0,
+        zIndex: 1200,
+        align: "center",
+        justify: "center",
+        p: { base: 2, md: 4 },
+        bg: "rgba(15,23,42,.55)",
+        children: /* @__PURE__ */ jsxs23(
+          Box22,
+          {
+            role: "dialog",
+            "aria-modal": "true",
+            "aria-labelledby": "transactional-template-modal-title",
+            display: "flex",
+            flexDirection: "column",
+            w: "min(1180px, 96vw)",
+            h: "min(900px, 92vh)",
+            maxH: "92vh",
+            overflow: "hidden",
+            bg: "white",
+            borderRadius: "14px",
+            boxShadow: "0 24px 70px rgba(15,23,42,.28)",
+            children: [
+              /* @__PURE__ */ jsxs23(
+                Flex15,
                 {
-                  id: "template-code",
-                  mt: 1,
-                  disabled: Boolean(editingBase),
-                  value: templateDraft.code,
-                  onChange: (event) => setTemplateDraft({ ...templateDraft, code: event.target.value })
+                  minH: "72px",
+                  px: { base: 4, md: 5 },
+                  py: 3,
+                  align: "center",
+                  justify: "space-between",
+                  gap: 4,
+                  borderBottomWidth: "1px",
+                  borderColor: "gray.200",
+                  children: [
+                    /* @__PURE__ */ jsxs23(Box22, { minW: 0, children: [
+                      /* @__PURE__ */ jsx31(Text23, { color: "#0474AF", fontSize: "10px", fontWeight: "700", textTransform: "uppercase", children: "Template transacional" }),
+                      /* @__PURE__ */ jsx31(Heading13, { id: "transactional-template-modal-title", size: "md", lineClamp: 1, children: !managedTemplateCode ? "Novo template" : editingBase ? "Nova vers\xE3o de " + editingBase.name : managedTemplate?.name || managedTemplateCode }),
+                      managedTemplateCode ? /* @__PURE__ */ jsxs23(Text23, { fontSize: "xs", color: "gray.600", children: [
+                        managedTemplateCode,
+                        editingBase ? " \xB7 base v" + editingBase.version : ""
+                      ] }) : null
+                    ] }),
+                    /* @__PURE__ */ jsx31(
+                      IconButton3,
+                      {
+                        "aria-label": "Fechar gerenciamento do template",
+                        title: "Fechar",
+                        size: "sm",
+                        minW: "32px",
+                        h: "32px",
+                        borderRadius: "full",
+                        variant: "ghost",
+                        fontSize: "21px",
+                        onClick: closeTemplateModal,
+                        children: "\xD7"
+                      }
+                    )
+                  ]
                 }
-              )
-            ] }),
-            /* @__PURE__ */ jsxs23(Box22, { flex: "2", minW: "220px", children: [
-              /* @__PURE__ */ jsx31("label", { htmlFor: "template-name", style: { fontSize: "0.875rem", fontWeight: 600 }, children: "Nome" }),
+              ),
               /* @__PURE__ */ jsx31(
-                Input10,
+                Flex15,
                 {
-                  id: "template-name",
-                  mt: 1,
-                  value: templateDraft.name,
-                  onChange: (event) => setTemplateDraft({ ...templateDraft, name: event.target.value })
+                  flex: "0 0 auto",
+                  gap: 2,
+                  px: { base: 3, md: 5 },
+                  pt: 3,
+                  borderBottomWidth: "1px",
+                  borderColor: "gray.200",
+                  overflowX: "auto",
+                  children: [
+                    ["versions", "Vers\xF5es"],
+                    ["content", "Conte\xFAdo"],
+                    ["variables", "Vari\xE1veis"],
+                    ["preview", "Pr\xE9via"],
+                    ["test", "Teste"]
+                  ].map(([id, label]) => /* @__PURE__ */ jsx31(
+                    Button16,
+                    {
+                      type: "button",
+                      size: "sm",
+                      flex: "0 0 auto",
+                      variant: templateModalTab === id ? "solid" : "ghost",
+                      disabled: id === "versions" && !managedTemplateCode,
+                      onClick: () => {
+                        setTemplateModalTab(id);
+                        setError("");
+                      },
+                      children: label
+                    },
+                    id
+                  ))
                 }
-              )
-            ] })
-          ] }),
-          /* @__PURE__ */ jsxs23(Box22, { children: [
-            /* @__PURE__ */ jsx31("label", { htmlFor: "template-subject", style: { fontSize: "0.875rem", fontWeight: 600 }, children: "Assunto Handlebars" }),
-            /* @__PURE__ */ jsx31(
-              Input10,
-              {
-                id: "template-subject",
-                mt: 1,
-                value: templateDraft.subject,
-                onChange: (event) => setTemplateDraft({ ...templateDraft, subject: event.target.value })
-              }
-            )
-          ] }),
-          /* @__PURE__ */ jsxs23(Box22, { children: [
-            /* @__PURE__ */ jsx31("label", { htmlFor: "template-html", style: { fontSize: "0.875rem", fontWeight: 600 }, children: "HTML" }),
-            /* @__PURE__ */ jsx31(
-              Textarea3,
-              {
-                id: "template-html",
-                mt: 1,
-                minH: "240px",
-                fontFamily: "mono",
-                value: templateDraft.htmlContent,
-                onChange: (event) => setTemplateDraft({ ...templateDraft, htmlContent: event.target.value })
-              }
-            ),
-            /* @__PURE__ */ jsx31(Text23, { fontSize: "xs", color: "gray.600", children: "Imagens embutidas com data:image/*;base64 s\xE3o aceitas; URLs remotas continuam bloqueadas." })
-          ] }),
-          /* @__PURE__ */ jsxs23(Box22, { children: [
-            /* @__PURE__ */ jsx31("label", { htmlFor: "template-text", style: { fontSize: "0.875rem", fontWeight: 600 }, children: "Texto simples" }),
-            /* @__PURE__ */ jsx31(
-              Textarea3,
-              {
-                id: "template-text",
-                mt: 1,
-                minH: "120px",
-                value: templateDraft.textContent,
-                onChange: (event) => setTemplateDraft({ ...templateDraft, textContent: event.target.value })
-              }
-            )
-          ] }),
-          /* @__PURE__ */ jsxs23(Box22, { children: [
-            /* @__PURE__ */ jsx31("label", { htmlFor: "template-schema", style: { fontSize: "0.875rem", fontWeight: 600 }, children: "JSON Schema das vari\xE1veis" }),
-            /* @__PURE__ */ jsx31(
-              Textarea3,
-              {
-                id: "template-schema",
-                mt: 1,
-                minH: "180px",
-                fontFamily: "mono",
-                value: templateDraft.variablesSchema,
-                onChange: (event) => setTemplateDraft({ ...templateDraft, variablesSchema: event.target.value })
-              }
-            )
-          ] }),
-          /* @__PURE__ */ jsxs23(Flex15, { gap: 2, wrap: "wrap", children: [
-            /* @__PURE__ */ jsx31(
-              Button16,
-              {
-                loading: createVersion.isPending,
-                onClick: () => {
-                  try {
-                    parseObject(templateDraft.variablesSchema, "JSON Schema inv\xE1lido.");
-                    createVersion.mutate();
-                  } catch (reason) {
-                    setError(errorMessage(reason));
-                  }
-                },
-                children: "Salvar nova vers\xE3o"
-              }
-            ),
-            /* @__PURE__ */ jsx31(
-              Button16,
-              {
-                variant: "outline",
-                loading: preview.isPending,
-                disabled: !templateDraft.code,
-                onClick: renderDraftPreview,
-                children: "Pr\xE9-visualizar rascunho"
-              }
-            )
-          ] })
-        ] })
-      ] }),
-      /* @__PURE__ */ jsxs23(Box22, { borderWidth: "1px", borderRadius: "lg", p: { base: 4, md: 5 }, children: [
-        /* @__PURE__ */ jsx31(Heading13, { size: "sm", children: "Pr\xE9-visualiza\xE7\xE3o" }),
-        /* @__PURE__ */ jsx31(Text23, { fontSize: "sm", color: "gray.600", mb: 4, children: previewTarget ? previewTarget.code + " \xB7 vers\xE3o " + previewTarget.version : "Pr\xE9via do conte\xFAdo em edi\xE7\xE3o" }),
-        /* @__PURE__ */ jsxs23(Stack9, { gap: 3, children: [
-          /* @__PURE__ */ jsxs23(Box22, { children: [
-            /* @__PURE__ */ jsx31("label", { htmlFor: "preview-variables", style: { fontSize: "0.875rem", fontWeight: 600 }, children: "Vari\xE1veis de exemplo" }),
-            /* @__PURE__ */ jsx31(
-              Textarea3,
-              {
-                id: "preview-variables",
-                mt: 1,
-                minH: "120px",
-                fontFamily: "mono",
-                value: previewVariables,
-                onChange: (event) => setPreviewVariables(event.target.value)
-              }
-            )
-          ] }),
-          previewTarget ? /* @__PURE__ */ jsx31(Button16, { alignSelf: "start", variant: "outline", loading: preview.isPending, onClick: renderSavedPreview, children: "Atualizar pr\xE9via" }) : null,
-          preview.data ? /* @__PURE__ */ jsxs23(Stack9, { gap: 3, children: [
-            /* @__PURE__ */ jsxs23(Box22, { bg: "gray.50", borderWidth: "1px", borderRadius: "md", p: 3, children: [
-              /* @__PURE__ */ jsx31(Text23, { fontSize: "xs", color: "gray.600", children: "Assunto renderizado" }),
-              /* @__PURE__ */ jsx31(Text23, { fontWeight: "semibold", children: preview.data.subject })
-            ] }),
-            /* @__PURE__ */ jsxs23(Box22, { children: [
-              /* @__PURE__ */ jsx31(Text23, { fontSize: "sm", fontWeight: "semibold", mb: 1, children: "HTML" }),
-              /* @__PURE__ */ jsx31(
-                "iframe",
+              ),
+              /* @__PURE__ */ jsxs23(Box22, { flex: "1", minH: 0, overflowY: "auto", p: { base: 4, md: 5 }, children: [
+                error ? /* @__PURE__ */ jsx31(Box22, { role: "alert", mb: 4, borderWidth: "1px", borderColor: "red.200", bg: "red.50", p: 3, borderRadius: "md", children: /* @__PURE__ */ jsx31(Text23, { color: "red.700", children: error }) }) : null,
+                notice ? /* @__PURE__ */ jsx31(Box22, { role: "status", mb: 4, borderWidth: "1px", borderColor: "green.200", bg: "green.50", p: 3, borderRadius: "md", children: /* @__PURE__ */ jsx31(Text23, { color: "green.800", children: notice }) }) : null,
+                templateModalTab === "versions" ? /* @__PURE__ */ jsxs23(Stack9, { gap: 3, children: [
+                  /* @__PURE__ */ jsxs23(Box22, { children: [
+                    /* @__PURE__ */ jsx31(Heading13, { size: "sm", children: "Hist\xF3rico de vers\xF5es" }),
+                    /* @__PURE__ */ jsx31(Text23, { fontSize: "sm", color: "gray.600", children: "Escolha a vers\xE3o que deseja revisar, testar ou usar como base." })
+                  ] }),
+                  managedVersions.map((item) => /* @__PURE__ */ jsx31(Box22, { borderWidth: "1px", borderRadius: "md", p: 4, children: /* @__PURE__ */ jsxs23(Flex15, { justify: "space-between", align: "start", gap: 3, wrap: "wrap", children: [
+                    /* @__PURE__ */ jsxs23(Box22, { flex: "1", minW: "220px", children: [
+                      /* @__PURE__ */ jsxs23(Flex15, { gap: 2, align: "center", wrap: "wrap", children: [
+                        /* @__PURE__ */ jsxs23(Text23, { fontWeight: "bold", children: [
+                          "Vers\xE3o ",
+                          item.version
+                        ] }),
+                        /* @__PURE__ */ jsx31(Badge5, { colorPalette: color(item.status), children: item.status }),
+                        /* @__PURE__ */ jsx31(Badge5, { variant: "outline", children: item.origin })
+                      ] }),
+                      /* @__PURE__ */ jsx31(Text23, { mt: 2, fontSize: "sm", children: item.subject }),
+                      /* @__PURE__ */ jsx31(Text23, { fontSize: "xs", color: "gray.500", children: prettyDate(item.createdAt) })
+                    ] }),
+                    /* @__PURE__ */ jsxs23(Flex15, { gap: 2, wrap: "wrap", children: [
+                      /* @__PURE__ */ jsx31(Button16, { size: "xs", variant: "outline", onClick: () => selectPreview(item), children: "Visualizar" }),
+                      /* @__PURE__ */ jsx31(Button16, { size: "xs", variant: "outline", onClick: () => useAsBase(item), children: "Editar como nova" }),
+                      /* @__PURE__ */ jsx31(Button16, { size: "xs", variant: "outline", onClick: () => selectTest(item), children: "Enviar teste" }),
+                      item.status !== "active" ? /* @__PURE__ */ jsx31(
+                        Button16,
+                        {
+                          size: "xs",
+                          loading: activate.isPending,
+                          onClick: () => activateVersion(item),
+                          children: "Ativar vers\xE3o"
+                        }
+                      ) : null
+                    ] })
+                  ] }) }, item._id))
+                ] }) : null,
+                templateModalTab === "content" ? draftContext ? /* @__PURE__ */ jsxs23(Stack9, { gap: 4, children: [
+                  /* @__PURE__ */ jsxs23(Box22, { children: [
+                    /* @__PURE__ */ jsx31(Heading13, { size: "sm", children: editingBase ? "Nova vers\xE3o a partir da v" + editingBase.version : "Conte\xFAdo do novo template" }),
+                    /* @__PURE__ */ jsx31(Text23, { fontSize: "sm", color: "gray.600", children: "O salvamento cria um rascunho e nunca altera a vers\xE3o ativa." })
+                  ] }),
+                  /* @__PURE__ */ jsxs23(Flex15, { gap: 3, wrap: "wrap", children: [
+                    /* @__PURE__ */ jsxs23(Box22, { flex: "1", minW: "180px", children: [
+                      /* @__PURE__ */ jsx31("label", { htmlFor: "template-code", style: { fontSize: "0.875rem", fontWeight: 600 }, children: "C\xF3digo" }),
+                      /* @__PURE__ */ jsx31(
+                        Input10,
+                        {
+                          id: "template-code",
+                          mt: 1,
+                          disabled: Boolean(editingBase),
+                          value: templateDraft.code,
+                          onChange: (event) => setTemplateDraft({ ...templateDraft, code: event.target.value })
+                        }
+                      )
+                    ] }),
+                    /* @__PURE__ */ jsxs23(Box22, { flex: "2", minW: "220px", children: [
+                      /* @__PURE__ */ jsx31("label", { htmlFor: "template-name", style: { fontSize: "0.875rem", fontWeight: 600 }, children: "Nome" }),
+                      /* @__PURE__ */ jsx31(
+                        Input10,
+                        {
+                          id: "template-name",
+                          mt: 1,
+                          value: templateDraft.name,
+                          onChange: (event) => setTemplateDraft({ ...templateDraft, name: event.target.value })
+                        }
+                      )
+                    ] })
+                  ] }),
+                  /* @__PURE__ */ jsxs23(Box22, { children: [
+                    /* @__PURE__ */ jsx31("label", { htmlFor: "template-subject", style: { fontSize: "0.875rem", fontWeight: 600 }, children: "Assunto Handlebars" }),
+                    /* @__PURE__ */ jsx31(
+                      Input10,
+                      {
+                        id: "template-subject",
+                        mt: 1,
+                        value: templateDraft.subject,
+                        onChange: (event) => setTemplateDraft({ ...templateDraft, subject: event.target.value })
+                      }
+                    )
+                  ] }),
+                  /* @__PURE__ */ jsxs23(Box22, { children: [
+                    /* @__PURE__ */ jsx31("label", { htmlFor: "template-html", style: { fontSize: "0.875rem", fontWeight: 600 }, children: "HTML" }),
+                    /* @__PURE__ */ jsx31(
+                      Textarea3,
+                      {
+                        id: "template-html",
+                        mt: 1,
+                        minH: "280px",
+                        fontFamily: "mono",
+                        value: templateDraft.htmlContent,
+                        onChange: (event) => setTemplateDraft({ ...templateDraft, htmlContent: event.target.value })
+                      }
+                    ),
+                    /* @__PURE__ */ jsx31(Text23, { fontSize: "xs", color: "gray.600", children: "Imagens data:image/*;base64 s\xE3o aceitas; URLs remotas continuam bloqueadas." })
+                  ] }),
+                  /* @__PURE__ */ jsxs23(Box22, { children: [
+                    /* @__PURE__ */ jsx31("label", { htmlFor: "template-text", style: { fontSize: "0.875rem", fontWeight: 600 }, children: "Texto simples" }),
+                    /* @__PURE__ */ jsx31(
+                      Textarea3,
+                      {
+                        id: "template-text",
+                        mt: 1,
+                        minH: "140px",
+                        value: templateDraft.textContent,
+                        onChange: (event) => setTemplateDraft({ ...templateDraft, textContent: event.target.value })
+                      }
+                    )
+                  ] })
+                ] }) : /* @__PURE__ */ jsxs23(Stack9, { gap: 4, align: "start", children: [
+                  /* @__PURE__ */ jsx31(Heading13, { size: "sm", children: "Escolha uma vers\xE3o como base" }),
+                  /* @__PURE__ */ jsx31(Text23, { color: "gray.600", children: "Para proteger o hist\xF3rico, uma vers\xE3o publicada n\xE3o \xE9 alterada diretamente." }),
+                  managedTemplate ? /* @__PURE__ */ jsx31(Button16, { onClick: () => useAsBase(managedTemplate), children: "Editar a vers\xE3o ativa como nova" }) : null
+                ] }) : null,
+                templateModalTab === "variables" ? draftContext ? /* @__PURE__ */ jsxs23(Stack9, { gap: 4, children: [
+                  /* @__PURE__ */ jsxs23(Box22, { children: [
+                    /* @__PURE__ */ jsx31(Heading13, { size: "sm", children: "Contrato de vari\xE1veis" }),
+                    /* @__PURE__ */ jsx31(Text23, { fontSize: "sm", color: "gray.600", children: "Defina os campos aceitos pelo Handlebars. O teste e a pr\xE9via validar\xE3o este schema." })
+                  ] }),
+                  /* @__PURE__ */ jsxs23(Box22, { children: [
+                    /* @__PURE__ */ jsx31("label", { htmlFor: "template-schema", style: { fontSize: "0.875rem", fontWeight: 600 }, children: "JSON Schema" }),
+                    /* @__PURE__ */ jsx31(
+                      Textarea3,
+                      {
+                        id: "template-schema",
+                        mt: 1,
+                        minH: "420px",
+                        fontFamily: "mono",
+                        value: templateDraft.variablesSchema,
+                        onChange: (event) => setTemplateDraft({ ...templateDraft, variablesSchema: event.target.value })
+                      }
+                    )
+                  ] })
+                ] }) : /* @__PURE__ */ jsxs23(Stack9, { gap: 4, align: "start", children: [
+                  /* @__PURE__ */ jsx31(Heading13, { size: "sm", children: "Schema da vers\xE3o selecionada" }),
+                  /* @__PURE__ */ jsx31(Text23, { color: "gray.600", children: "Use a vers\xE3o como base para editar o contrato de vari\xE1veis em um novo rascunho." }),
+                  managedTemplate ? /* @__PURE__ */ jsxs23(Fragment5, { children: [
+                    /* @__PURE__ */ jsx31(Box22, { as: "pre", w: "100%", minH: "280px", overflow: "auto", whiteSpace: "pre-wrap", borderWidth: "1px", borderRadius: "md", p: 4, fontSize: "sm", children: JSON.stringify(managedTemplate.variablesSchema || {}, null, 2) }),
+                    /* @__PURE__ */ jsx31(Button16, { variant: "outline", onClick: () => useAsBase(managedTemplate), children: "Editar como nova vers\xE3o" })
+                  ] }) : null
+                ] }) : null,
+                templateModalTab === "preview" ? /* @__PURE__ */ jsxs23(Stack9, { gap: 4, children: [
+                  /* @__PURE__ */ jsxs23(Box22, { children: [
+                    /* @__PURE__ */ jsx31(Heading13, { size: "sm", children: "Pr\xE9-visualiza\xE7\xE3o" }),
+                    /* @__PURE__ */ jsx31(Text23, { fontSize: "sm", color: "gray.600", children: previewTarget ? previewTarget.code + " \xB7 vers\xE3o " + previewTarget.version : editingBase ? "Rascunho baseado na vers\xE3o " + editingBase.version : "Conte\xFAdo do novo template" })
+                  ] }),
+                  /* @__PURE__ */ jsxs23(Box22, { children: [
+                    /* @__PURE__ */ jsx31("label", { htmlFor: "preview-variables", style: { fontSize: "0.875rem", fontWeight: 600 }, children: "Vari\xE1veis de exemplo" }),
+                    /* @__PURE__ */ jsx31(
+                      Textarea3,
+                      {
+                        id: "preview-variables",
+                        mt: 1,
+                        minH: "140px",
+                        fontFamily: "mono",
+                        value: previewVariables,
+                        onChange: (event) => setPreviewVariables(event.target.value)
+                      }
+                    )
+                  ] }),
+                  /* @__PURE__ */ jsx31(
+                    Button16,
+                    {
+                      alignSelf: "start",
+                      variant: "outline",
+                      loading: preview.isPending,
+                      disabled: !previewTarget && !templateDraft.code,
+                      onClick: previewTarget ? renderSavedPreview : renderDraftPreview,
+                      children: "Atualizar pr\xE9via"
+                    }
+                  ),
+                  preview.data ? /* @__PURE__ */ jsxs23(Stack9, { gap: 3, children: [
+                    /* @__PURE__ */ jsxs23(Box22, { bg: "gray.50", borderWidth: "1px", borderRadius: "md", p: 3, children: [
+                      /* @__PURE__ */ jsx31(Text23, { fontSize: "xs", color: "gray.600", children: "Assunto renderizado" }),
+                      /* @__PURE__ */ jsx31(Text23, { fontWeight: "semibold", children: preview.data.subject })
+                    ] }),
+                    /* @__PURE__ */ jsxs23(Box22, { children: [
+                      /* @__PURE__ */ jsx31(Text23, { fontSize: "sm", fontWeight: "semibold", mb: 1, children: "HTML" }),
+                      /* @__PURE__ */ jsx31(
+                        "iframe",
+                        {
+                          title: "Pr\xE9-visualiza\xE7\xE3o segura do template",
+                          sandbox: "",
+                          srcDoc: preview.data.html,
+                          style: {
+                            width: "100%",
+                            minHeight: 420,
+                            border: "1px solid #E2E8F0",
+                            borderRadius: 8,
+                            background: "white"
+                          }
+                        }
+                      )
+                    ] }),
+                    /* @__PURE__ */ jsxs23(Box22, { children: [
+                      /* @__PURE__ */ jsx31(Text23, { fontSize: "sm", fontWeight: "semibold", mb: 1, children: "Texto simples" }),
+                      /* @__PURE__ */ jsx31(Box22, { as: "pre", whiteSpace: "pre-wrap", borderWidth: "1px", borderRadius: "md", p: 3, fontSize: "sm", children: preview.data.text })
+                    ] })
+                  ] }) : /* @__PURE__ */ jsx31(Text23, { fontSize: "sm", color: "gray.600", children: "Informe vari\xE1veis v\xE1lidas e atualize a pr\xE9via." })
+                ] }) : null,
+                templateModalTab === "test" ? /* @__PURE__ */ jsxs23(Stack9, { gap: 4, children: [
+                  /* @__PURE__ */ jsxs23(Box22, { children: [
+                    /* @__PURE__ */ jsx31(Heading13, { size: "sm", children: "Envio de teste" }),
+                    /* @__PURE__ */ jsx31(Text23, { fontSize: "sm", color: "gray.600", children: testTarget ? testTarget.code + " \xB7 vers\xE3o " + testTarget.version + " \xB7 " + testTarget.status : "Selecione uma vers\xE3o salva antes de enviar o teste." })
+                  ] }),
+                  testTarget ? /* @__PURE__ */ jsxs23(Fragment5, { children: [
+                    /* @__PURE__ */ jsxs23(Box22, { children: [
+                      /* @__PURE__ */ jsx31("label", { htmlFor: "template-test-recipient", style: { fontSize: "0.875rem", fontWeight: 600 }, children: "Destinat\xE1rio" }),
+                      /* @__PURE__ */ jsx31(
+                        Input10,
+                        {
+                          id: "template-test-recipient",
+                          type: "email",
+                          mt: 1,
+                          value: templateTest.to,
+                          onChange: (event) => setTemplateTest({ ...templateTest, to: event.target.value })
+                        }
+                      )
+                    ] }),
+                    /* @__PURE__ */ jsxs23(Box22, { children: [
+                      /* @__PURE__ */ jsx31("label", { htmlFor: "template-test-variables", style: { fontSize: "0.875rem", fontWeight: 600 }, children: "Vari\xE1veis" }),
+                      /* @__PURE__ */ jsx31(
+                        Textarea3,
+                        {
+                          id: "template-test-variables",
+                          mt: 1,
+                          minH: "260px",
+                          fontFamily: "mono",
+                          value: templateTest.variables,
+                          onChange: (event) => setTemplateTest({ ...templateTest, variables: event.target.value })
+                        }
+                      )
+                    ] }),
+                    /* @__PURE__ */ jsx31(
+                      Button16,
+                      {
+                        alignSelf: "start",
+                        loading: testTemplate.isPending,
+                        onClick: () => {
+                          try {
+                            parseObject(templateTest.variables, "JSON de vari\xE1veis inv\xE1lido.");
+                            testTemplate.mutate();
+                          } catch (reason) {
+                            setError(errorMessage(reason));
+                          }
+                        },
+                        children: "Enfileirar teste desta vers\xE3o"
+                      }
+                    )
+                  ] }) : null
+                ] }) : null
+              ] }),
+              /* @__PURE__ */ jsxs23(
+                Flex15,
                 {
-                  title: "Pr\xE9-visualiza\xE7\xE3o segura do template",
-                  sandbox: "",
-                  srcDoc: preview.data.html,
-                  style: { width: "100%", minHeight: 360, border: "1px solid #E2E8F0", borderRadius: 8, background: "white" }
+                  flex: "0 0 auto",
+                  minH: "64px",
+                  px: { base: 4, md: 5 },
+                  py: 3,
+                  align: "center",
+                  justify: "space-between",
+                  gap: 3,
+                  borderTopWidth: "1px",
+                  borderColor: "gray.200",
+                  boxShadow: "0 -8px 24px rgba(15,23,42,.05)",
+                  children: [
+                    /* @__PURE__ */ jsx31(Text23, { fontSize: "xs", color: "gray.600", children: "Nenhuma altera\xE7\xE3o \xE9 publicada automaticamente." }),
+                    /* @__PURE__ */ jsxs23(Flex15, { gap: 2, children: [
+                      /* @__PURE__ */ jsx31(Button16, { variant: "ghost", onClick: closeTemplateModal, children: "Fechar" }),
+                      draftContext && ["content", "variables"].includes(templateModalTab) ? /* @__PURE__ */ jsx31(
+                        Button16,
+                        {
+                          loading: createVersion.isPending,
+                          disabled: !templateDraft.code,
+                          onClick: () => {
+                            try {
+                              parseObject(templateDraft.variablesSchema, "JSON Schema inv\xE1lido.");
+                              createVersion.mutate();
+                            } catch (reason) {
+                              setError(errorMessage(reason));
+                            }
+                          },
+                          children: "Salvar nova vers\xE3o"
+                        }
+                      ) : null
+                    ] })
+                  ]
                 }
               )
-            ] }),
-            /* @__PURE__ */ jsxs23(Box22, { children: [
-              /* @__PURE__ */ jsx31(Text23, { fontSize: "sm", fontWeight: "semibold", mb: 1, children: "Texto simples" }),
-              /* @__PURE__ */ jsx31(Box22, { as: "pre", whiteSpace: "pre-wrap", borderWidth: "1px", borderRadius: "md", p: 3, fontSize: "sm", children: preview.data.text })
-            ] })
-          ] }) : /* @__PURE__ */ jsx31(Text23, { fontSize: "sm", color: "gray.600", children: "Selecione uma vers\xE3o ou use \u201CPr\xE9-visualizar rascunho\u201D." })
-        ] })
-      ] }),
-      /* @__PURE__ */ jsxs23(Box22, { borderWidth: "1px", borderRadius: "lg", p: { base: 4, md: 5 }, children: [
-        /* @__PURE__ */ jsx31(Heading13, { size: "sm", children: "Envio de teste da vers\xE3o" }),
-        /* @__PURE__ */ jsx31(Text23, { fontSize: "sm", color: "gray.600", mb: 4, children: testTarget ? testTarget.code + " \xB7 vers\xE3o " + testTarget.version + " \xB7 " + testTarget.status : "Escolha \u201CEnviar teste\u201D em uma vers\xE3o da lista." }),
-        /* @__PURE__ */ jsxs23(Stack9, { gap: 3, children: [
-          /* @__PURE__ */ jsx31(
-            Input10,
-            {
-              type: "email",
-              "aria-label": "Destinat\xE1rio do teste do template",
-              placeholder: "Destinat\xE1rio",
-              value: templateTest.to,
-              onChange: (event) => setTemplateTest({ ...templateTest, to: event.target.value })
-            }
-          ),
-          /* @__PURE__ */ jsx31(
-            Textarea3,
-            {
-              "aria-label": "Vari\xE1veis do teste do template",
-              minH: "120px",
-              fontFamily: "mono",
-              value: templateTest.variables,
-              onChange: (event) => setTemplateTest({ ...templateTest, variables: event.target.value })
-            }
-          ),
-          /* @__PURE__ */ jsx31(
-            Button16,
-            {
-              alignSelf: "start",
-              loading: testTemplate.isPending,
-              disabled: !testTarget,
-              onClick: () => {
-                try {
-                  parseObject(templateTest.variables, "JSON de vari\xE1veis inv\xE1lido.");
-                  testTemplate.mutate();
-                } catch (reason) {
-                  setError(errorMessage(reason));
-                }
-              },
-              children: "Enfileirar teste desta vers\xE3o"
-            }
-          )
-        ] })
-      ] })
-    ] }) : null,
+            ]
+          }
+        )
+      }
+    ) : null,
     tab === "dispatches" ? /* @__PURE__ */ jsxs23(Stack9, { gap: 3, children: [
       /* @__PURE__ */ jsxs23(Flex15, { justify: "space-between", align: "center", gap: 3, wrap: "wrap", children: [
         /* @__PURE__ */ jsxs23(Box22, { children: [
@@ -6148,7 +6396,7 @@ function Sidebar({ app, menu, registry }) {
 // package.json
 var package_default = {
   name: "@oondemand/oon-core-front",
-  version: "0.4.29",
+  version: "0.4.30",
   repository: {
     type: "git",
     url: "git+https://github.com/oondemand/oon-platform.git",
@@ -6573,7 +6821,7 @@ function AccessDeniedPage({ app }) {
 
 // src/security/AppAccessGuard.tsx
 import { Navigate, useLocation as useLocation3 } from "react-router-dom";
-import { Fragment as Fragment5, jsx as jsx37 } from "react/jsx-runtime";
+import { Fragment as Fragment6, jsx as jsx37 } from "react/jsx-runtime";
 function loginRedirect(pathname, search) {
   const destination = `${pathname}${search}`;
   return `/login?redirect=${encodeURIComponent(destination)}`;
@@ -6599,7 +6847,7 @@ function AppAccessGuard({ children }) {
       }
     );
   }
-  return /* @__PURE__ */ jsx37(Fragment5, { children });
+  return /* @__PURE__ */ jsx37(Fragment6, { children });
 }
 
 // src/security/LoginPage.tsx
@@ -6783,7 +7031,7 @@ function FirstAccessPage() {
 // src/security/ActivationPage.tsx
 import { useEffect as useEffect12, useState as useState22 } from "react";
 import { Box as Box28, Button as Button21, Heading as Heading17, Input as Input13, Text as Text29, VStack as VStack7 } from "@chakra-ui/react";
-import { Fragment as Fragment6, jsx as jsx40, jsxs as jsxs29 } from "react/jsx-runtime";
+import { Fragment as Fragment7, jsx as jsx40, jsxs as jsxs29 } from "react/jsx-runtime";
 function encodeBasicCredentials2(email, password) {
   const bytes = new TextEncoder().encode(`${email}:${password}`);
   let binary = "";
@@ -6938,7 +7186,7 @@ function ActivationPage() {
     ] }, field.name);
   }
   function renderDevLocalActivation() {
-    return /* @__PURE__ */ jsxs29(Fragment6, { children: [
+    return /* @__PURE__ */ jsxs29(Fragment7, { children: [
       /* @__PURE__ */ jsx40(Text29, { color: "gray.700", children: "Entre com seu e-mail e senha para ativar esta Central em ambiente de desenvolvimento. Se o e-mail ainda n\xE3o existir na Central de Ativa\xE7\xF5es, o usu\xE1rio ser\xE1 criado automaticamente com perfil de desenvolvedor." }),
       /* @__PURE__ */ jsxs29(Box28, { w: "100%", children: [
         /* @__PURE__ */ jsx40(Text29, { fontWeight: "medium", children: "Nome do usu\xE1rio" }),
@@ -7042,7 +7290,7 @@ function ActivationPage() {
             config.technical.ambiente
           ] }),
           error ? /* @__PURE__ */ jsx40(Text29, { color: "red.600", children: error }) : null,
-          step !== 6 ? /* @__PURE__ */ jsxs29(Fragment6, { children: [
+          step !== 6 ? /* @__PURE__ */ jsxs29(Fragment7, { children: [
             /* @__PURE__ */ jsxs29(Box28, { w: "100%", children: [
               /* @__PURE__ */ jsx40(Text29, { fontWeight: "medium", children: "E-mail do administrador *" }),
               /* @__PURE__ */ jsx40(
@@ -7080,7 +7328,7 @@ function ActivationPage() {
                 children: "Criar ecossistema e ativar"
               }
             )
-          ] }) : /* @__PURE__ */ jsxs29(Fragment6, { children: [
+          ] }) : /* @__PURE__ */ jsxs29(Fragment7, { children: [
             /* @__PURE__ */ jsx40(Heading17, { size: "md", children: "Ativa\xE7\xE3o conclu\xEDda" }),
             /* @__PURE__ */ jsx40(Text29, { children: "Usu\xE1rio, acesso do sistema e aplicativo root foram preparados. Redirecionando para o primeiro login..." })
           ] })
@@ -7112,7 +7360,7 @@ function ActivationPage() {
         ] }),
         error ? /* @__PURE__ */ jsx40(Text29, { color: "red.600", children: error }) : null,
         step === 1 && isDevelopmentMember && !showCodeFlow ? renderDevLocalActivation() : null,
-        step === 1 && (!isDevelopmentMember || showCodeFlow) && /* @__PURE__ */ jsxs29(Fragment6, { children: [
+        step === 1 && (!isDevelopmentMember || showCodeFlow) && /* @__PURE__ */ jsxs29(Fragment7, { children: [
           /* @__PURE__ */ jsx40(Text29, { children: "Informe o c\xF3digo de ativa\xE7\xE3o para validar Tenant, App, Entitlement e Deployment. A licen\xE7a ser\xE1 validada somente para Apps comerciais." }),
           /* @__PURE__ */ jsx40(
             Input13,
@@ -7142,22 +7390,22 @@ function ActivationPage() {
             }
           ) : null
         ] }),
-        step === 2 && /* @__PURE__ */ jsxs29(Fragment6, { children: [
+        step === 2 && /* @__PURE__ */ jsxs29(Fragment7, { children: [
           /* @__PURE__ */ jsx40(Heading17, { size: "md", children: "Confirma\xE7\xE3o" }),
           /* @__PURE__ */ jsx40("pre", { children: JSON.stringify(preview, null, 2) }),
           /* @__PURE__ */ jsx40(Button21, { onClick: () => setStep(3), children: "Continuar" })
         ] }),
-        step === 3 && /* @__PURE__ */ jsxs29(Fragment6, { children: [
+        step === 3 && /* @__PURE__ */ jsxs29(Fragment7, { children: [
           config.globalFields.map(
             (field) => renderField(field, global, setGlobal)
           ),
           /* @__PURE__ */ jsx40(Button21, { onClick: () => setStep(4), children: "Continuar" })
         ] }),
-        step === 4 && /* @__PURE__ */ jsxs29(Fragment6, { children: [
+        step === 4 && /* @__PURE__ */ jsxs29(Fragment7, { children: [
           config.appFields.length ? config.appFields.map((field) => renderField(field, app, setApp)) : /* @__PURE__ */ jsx40(Text29, { children: "Nenhum par\xE2metro adicional declarado." }),
           /* @__PURE__ */ jsx40(Button21, { onClick: () => setStep(5), children: "Revisar" })
         ] }),
-        step === 5 && /* @__PURE__ */ jsxs29(Fragment6, { children: [
+        step === 5 && /* @__PURE__ */ jsxs29(Fragment7, { children: [
           /* @__PURE__ */ jsx40(Text29, { children: "Ao confirmar, o c\xF3digo ser\xE1 consumido e este runtime ser\xE1 vinculado ao Deployment do Ecossistema Oon." }),
           /* @__PURE__ */ jsx40(
             Button21,
@@ -7170,7 +7418,7 @@ function ActivationPage() {
             }
           )
         ] }),
-        step === 6 && /* @__PURE__ */ jsxs29(Fragment6, { children: [
+        step === 6 && /* @__PURE__ */ jsxs29(Fragment7, { children: [
           /* @__PURE__ */ jsx40(Heading17, { size: "md", children: "Ativa\xE7\xE3o conclu\xEDda" }),
           devResult?.appCode ? /* @__PURE__ */ jsxs29(Text29, { children: [
             "C\xF3digo do app: ",
@@ -7194,7 +7442,7 @@ function InstanceBlockedPage({
 }
 
 // src/security/RouteGuard.tsx
-import { Fragment as Fragment7, jsx as jsx41 } from "react/jsx-runtime";
+import { Fragment as Fragment8, jsx as jsx41 } from "react/jsx-runtime";
 function RouteGuard({
   permission,
   children
@@ -7205,7 +7453,7 @@ function RouteGuard({
   if (!hasPermission(permission)) {
     return /* @__PURE__ */ jsx41(LoadingScreen, { message: "Voc\xEA n\xE3o tem acesso a esta tela." });
   }
-  return /* @__PURE__ */ jsx41(Fragment7, { children });
+  return /* @__PURE__ */ jsx41(Fragment8, { children });
 }
 
 // src/security/ActivationGuard.tsx