@oondemand/oon-core-front 0.3.4 → 0.3.5

package/dist/index.js

@@ -2306,6 +2306,12 @@ function LoginPage({ app }) {
 import { useEffect as useEffect5, useState as useState9 } from "react";
 import { Box as Box12, Button as Button9, Heading as Heading8, Input as Input5, Text as Text13, VStack as VStack3 } from "@chakra-ui/react";
 import { Fragment as Fragment2, jsx as jsx20, jsxs as jsxs13 } from "react/jsx-runtime";
+function encodeBasicCredentials2(email, password) {
+  const bytes = new TextEncoder().encode(`${email}:${password}`);
+  let binary = "";
+  for (const byte of bytes) binary += String.fromCharCode(byte);
+  return window.btoa(binary);
+}
 function ActivationPage() {
   const { http } = useOonApi();
   const activation = useActivation();
@@ -2317,6 +2323,11 @@ function ActivationPage() {
   const [app, setApp] = useState9({});
   const [rootEmail, setRootEmail] = useState9("");
   const [rootPassword, setRootPassword] = useState9("");
+  const [devName, setDevName] = useState9("");
+  const [devEmail, setDevEmail] = useState9("");
+  const [devPassword, setDevPassword] = useState9("");
+  const [showCodeFlow, setShowCodeFlow] = useState9(false);
+  const [devResult, setDevResult] = useState9(null);
   const [error, setError] = useState9(null);
   const [submitting, setSubmitting] = useState9(false);
   useEffect5(() => {
@@ -2353,6 +2364,43 @@ function ActivationPage() {
       setSubmitting(false);
     }
   }
+  async function activateDevLocal() {
+    setSubmitting(true);
+    setError(null);
+    try {
+      const response = await http.post(
+        "/ativacao/ativar-dev-local",
+        {
+          nomeUsuario: devName.trim() || void 0,
+          nomeCentral: global.nomeInstancia || config?.defaults?.nomeInstancia,
+          appName: config?.defaults?.nomeInstancia || config?.technical?.appCode,
+          urlPublica: global.urlPublica
+        },
+        {
+          headers: {
+            Authorization: `Basic ${encodeBasicCredentials2(
+              devEmail.trim().toLowerCase(),
+              devPassword
+            )}`
+          }
+        }
+      );
+      setDevPassword("");
+      setDevResult(response.data);
+      setStep(6);
+      const token = response.data.token;
+      window.setTimeout(() => {
+        window.location.replace(token ? `/?code=${encodeURIComponent(token)}` : "/login");
+      }, 900);
+    } catch (caught) {
+      setDevPassword("");
+      setError(
+        caught.message || "N\xE3o foi poss\xEDvel ativar a Central em desenvolvimento."
+      );
+    } finally {
+      setSubmitting(false);
+    }
+  }
   async function validateCode() {
     setSubmitting(true);
     setError(null);
@@ -2411,7 +2459,71 @@ function ActivationPage() {
       field.helpText ? /* @__PURE__ */ jsx20(Text13, { fontSize: "sm", color: "gray.500", children: field.helpText }) : null
     ] }, field.name);
   }
+  function renderDevLocalActivation() {
+    return /* @__PURE__ */ jsxs13(Fragment2, { children: [
+      /* @__PURE__ */ jsx20(Text13, { 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__ */ jsxs13(Box12, { w: "100%", children: [
+        /* @__PURE__ */ jsx20(Text13, { fontWeight: "medium", children: "Nome do usu\xE1rio" }),
+        /* @__PURE__ */ jsx20(
+          Input5,
+          {
+            value: devName,
+            onChange: (event) => setDevName(event.target.value),
+            placeholder: "Seu nome",
+            autoComplete: "name"
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs13(Box12, { w: "100%", children: [
+        /* @__PURE__ */ jsx20(Text13, { fontWeight: "medium", children: "E-mail *" }),
+        /* @__PURE__ */ jsx20(
+          Input5,
+          {
+            type: "email",
+            value: devEmail,
+            onChange: (event) => setDevEmail(event.target.value),
+            placeholder: "dev@empresa.com.br",
+            autoComplete: "email"
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs13(Box12, { w: "100%", children: [
+        /* @__PURE__ */ jsx20(Text13, { fontWeight: "medium", children: "Senha *" }),
+        /* @__PURE__ */ jsx20(
+          Input5,
+          {
+            type: "password",
+            value: devPassword,
+            onChange: (event) => setDevPassword(event.target.value),
+            placeholder: "M\xEDnimo de 8 caracteres",
+            minLength: 8,
+            autoComplete: "current-password"
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsx20(
+        Button9,
+        {
+          colorPalette: "blue",
+          onClick: activateDevLocal,
+          loading: submitting,
+          disabled: submitting || !devEmail.trim() || devPassword.length < 8 || !activation.details?.podeAtivar,
+          children: "Ativar ambiente de desenvolvimento"
+        }
+      ),
+      /* @__PURE__ */ jsx20(
+        Button9,
+        {
+          variant: "outline",
+          onClick: () => setShowCodeFlow(true),
+          disabled: submitting,
+          children: "Usar c\xF3digo de ativa\xE7\xE3o manual"
+        }
+      )
+    ] });
+  }
   const rootMode = config?.mode === "root-bootstrap" || activation.details?.role === "root";
+  const isDevelopmentMember = !rootMode && config?.technical?.ambiente === "desenvolvimento";
   if (activation.status === "loading" || !config) {
     return /* @__PURE__ */ jsx20(Box12, { minH: "100vh", bg: "gray.50", p: 8, children: /* @__PURE__ */ jsxs13(
       VStack3,
@@ -2518,10 +2630,11 @@ function ActivationPage() {
           config.technical.ambiente,
           " \xB7 Central:",
           " ",
-          config.technical.centralAtivacaoHost
+          config.technical.centralAtivacaoUrl || config.technical.centralAtivacaoHost
         ] }),
         error ? /* @__PURE__ */ jsx20(Text13, { color: "red.600", children: error }) : null,
-        step === 1 && /* @__PURE__ */ jsxs13(Fragment2, { children: [
+        step === 1 && isDevelopmentMember && !showCodeFlow ? renderDevLocalActivation() : null,
+        step === 1 && (!isDevelopmentMember || showCodeFlow) && /* @__PURE__ */ jsxs13(Fragment2, { children: [
           /* @__PURE__ */ jsx20(Text13, { children: "Informe o c\xF3digo de ativa\xE7\xE3o para validar tenant, aplicativo e licen\xE7a antes de consumir o c\xF3digo." }),
           /* @__PURE__ */ jsx20(
             Input5,
@@ -2540,7 +2653,16 @@ function ActivationPage() {
               disabled: !code || submitting,
               children: "Validar c\xF3digo"
             }
-          )
+          ),
+          isDevelopmentMember ? /* @__PURE__ */ jsx20(
+            Button9,
+            {
+              variant: "outline",
+              onClick: () => setShowCodeFlow(false),
+              disabled: submitting,
+              children: "Voltar para ativa\xE7\xE3o com usu\xE1rio"
+            }
+          ) : null
         ] }),
         step === 2 && /* @__PURE__ */ jsxs13(Fragment2, { children: [
           /* @__PURE__ */ jsx20(Heading8, { size: "md", children: "Confirma\xE7\xE3o" }),
@@ -2572,7 +2694,12 @@ function ActivationPage() {
         ] }),
         step === 6 && /* @__PURE__ */ jsxs13(Fragment2, { children: [
           /* @__PURE__ */ jsx20(Heading8, { size: "md", children: "Ativa\xE7\xE3o conclu\xEDda" }),
-          /* @__PURE__ */ jsx20(Text13, { children: "Redirecionando para o login..." })
+          devResult?.appCode ? /* @__PURE__ */ jsxs13(Text13, { children: [
+            "C\xF3digo do app: ",
+            devResult.appCode,
+            ". Redirecionando para a Central em desenvolvimento..."
+          ] }) : /* @__PURE__ */ jsx20(Text13, { children: "Redirecionando para o login..." }),
+          devResult?.instrucoes?.env ? /* @__PURE__ */ jsx20(Text13, { fontSize: "sm", color: "gray.500", children: devResult.instrucoes.env }) : null
         ] })
       ]
     }