@dashadmin/dash-admin 1.3.24 → 1.3.26

package/dist/pages/DASHSimpleLogin.js

@@ -1 +1,231 @@
-import{jsx as o,jsxs as l}from"react/jsx-runtime";import{useState as g}from"react";import{useForm as B}from"react-hook-form";import{Button as N,Link as D,IconButton as E,InputAdornment as I,TextField as f,Box as r,Card as k,CardContent as H}from"@mui/material";import{useNavigate as P}from"react-router";import R from"@mui/icons-material/VisibilityOff";import W from"@mui/icons-material/Visibility";const Z="",M="";import{DASHAppConstants as u}from"@dashadmin/dash-constants";import O from"../contexts/auth/DASHAuthenticationService";const _=$=>{const w=/^[a-zA-Z0-9.!#$%&'*+/=?^_`{|}~-]+@[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?(?:\.[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?)*$/,h=s=>w.test(s),A=B(),m=P(),[S,a]=g(!1),[d,x]=g(!1),{register:c,handleSubmit:L,formState:{errors:i}}=A,C=()=>x(s=>!s),b=s=>{s.preventDefault()},y=(s,n="error")=>{console.log(`${n.toUpperCase()}: ${s}`),n==="error"&&alert(s)};async function z(s,n){const v=s.password;a(!0);try{console.log("Attempting login with DASHAuthenticationService...");const e=await O.login({username:s.email,password:v,redirect:window.location.pathname});if(console.log("Login response:",e),e.success){if(console.log("Login successful!"),u.system.LOGIN_SOUNDS){const t=new Audio(Z);t.load(),t.play()}a(!1),e.redirectAfterLogin?(console.log("Redirecting to:",e.redirectAfterLogin),m(e.redirectAfterLogin)):m("/")}else throw new Error(e.error||"Login failed")}catch(e){if(console.error("Login error:",e),u.system.LOGIN_SOUNDS){const p=new Audio(M);p.load(),p.play()}a(!1);let t="Credenciales inv\xE1lidas";e&&e.response&&e.response.data&&e.response.data.message?t=e.response.data.message:e&&e.error?t=e.error:e&&e.message&&(t=e.message),y(t,"error")}}return o(r,{sx:{display:"flex",justifyContent:"center",alignItems:"center",pt:20},children:o(k,{sx:{maxWidth:400,width:"100%",boxShadow:3},children:o(H,{sx:{p:3},children:l("form",{onSubmit:L(z),className:"dash-app-login-form",children:[l(r,{sx:{mb:1.5},children:[o(f,{label:"Email",placeholder:"Email",required:!0,fullWidth:!0,...c("email",{validate:h}),className:"dash-app-form-item-input",size:"small",variant:"outlined"}),i.email&&o(r,{sx:{color:"error.main",fontSize:"0.75rem",mt:.25},children:i.email.message||"Email inv\xE1lido"})]}),l(r,{sx:{mb:1.5},children:[o(f,{label:"Contrase\xF1a",placeholder:"Contrase\xF1a",fullWidth:!0,...c("password"),className:"dash-app-form-item-input",size:"small",variant:"outlined",slotProps:{input:{autoComplete:"password",type:d?"text":"password",endAdornment:o(I,{position:"end",children:o(E,{"aria-label":"toggle password visibility",onClick:C,onMouseDown:b,edge:"end",size:"small",children:d?o(R,{fontSize:"small"}):o(W,{fontSize:"small"})})})}}}),i.password&&o(r,{sx:{color:"error.main",fontSize:"0.75rem",mt:.25},children:i.password.message||"Contrase\xF1a Inv\xE1lida"})]}),o(r,{sx:{mb:1.5,textAlign:"right"},children:o(D,{className:"link link--secondary",href:"/reset-password",sx:{fontSize:"0.875rem"},children:"Resetear contrase\xF1a B"})}),o(r,{sx:{mb:.5},children:o(N,{fullWidth:!0,size:"medium",className:"submit",type:"submit",loading:S,variant:"contained",sx:{py:1},children:"Ingresar"})})]})})})})};var K=_;export{K as default};
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __async = (__this, __arguments, generator) => {
+  return new Promise((resolve, reject) => {
+    var fulfilled = (value) => {
+      try {
+        step(generator.next(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var rejected = (value) => {
+      try {
+        step(generator.throw(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
+    step((generator = generator.apply(__this, __arguments)).next());
+  });
+};
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { useForm } from "react-hook-form";
+import {
+  Button as LoadingButton,
+  Link,
+  IconButton,
+  InputAdornment,
+  TextField,
+  Box,
+  Card,
+  CardContent
+} from "@mui/material";
+import { useNavigate } from "react-router";
+import VisibilityOff from "@mui/icons-material/VisibilityOff";
+import Visibility from "@mui/icons-material/Visibility";
+const successSource = "";
+const errorSource = "";
+import { DASHAppConstants } from "dash-constants";
+import DASHAuthenticationService from "../contexts/auth/DASHAuthenticationService";
+const DASHLightWeightLogin = (props) => {
+  const EMAIL_REGEX = /^[a-zA-Z0-9.!#$%&'*+/=?^_`{|}~-]+@[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?(?:\.[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?)*$/;
+  const validateEmail = (value) => {
+    return EMAIL_REGEX.test(value);
+  };
+  const form = useForm();
+  const navigate = useNavigate();
+  const [loginLoading, setLoginLoading] = useState(false);
+  const [showNewPassword, setShowNewPassword] = useState(false);
+  const {
+    register,
+    handleSubmit,
+    formState: { errors }
+  } = form;
+  const handleClickShowNewPassword = () => setShowNewPassword((show) => !show);
+  const handleMouseDownPassword = (event) => {
+    event.preventDefault();
+  };
+  const showNotification = (message, type = "error") => {
+    console.log(`${type.toUpperCase()}: ${message}`);
+    if (type === "error") {
+      alert(message);
+    }
+  };
+  function onSubmit(data, _e) {
+    return __async(this, null, function* () {
+      const password = data.password;
+      setLoginLoading(true);
+      try {
+        console.log("Attempting login with DASHAuthenticationService...");
+        const loginResponse = yield DASHAuthenticationService.login({
+          username: data.email,
+          password,
+          redirect: window.location.pathname
+        });
+        console.log("Login response:", loginResponse);
+        if (loginResponse.success) {
+          console.log("Login successful!");
+          if (!!DASHAppConstants.system.LOGIN_SOUNDS) {
+            const audio = new Audio(successSource);
+            audio.load();
+            audio.play();
+          }
+          setLoginLoading(false);
+          if (loginResponse.redirectAfterLogin) {
+            console.log("Redirecting to:", loginResponse.redirectAfterLogin);
+            navigate(loginResponse.redirectAfterLogin);
+          } else {
+            navigate("/");
+          }
+        } else {
+          throw new Error(loginResponse.error || "Login failed");
+        }
+      } catch (error) {
+        console.error("Login error:", error);
+        if (!!DASHAppConstants.system.LOGIN_SOUNDS) {
+          const audio = new Audio(errorSource);
+          audio.load();
+          audio.play();
+        }
+        setLoginLoading(false);
+        let eMessage = "Credenciales inv\xE1lidas";
+        if (error && error.response && error.response.data && error.response.data.message) {
+          eMessage = error.response.data.message;
+        } else if (error && error.error) {
+          eMessage = error.error;
+        } else if (error && error.message) {
+          eMessage = error.message;
+        }
+        showNotification(eMessage, "error");
+      }
+    });
+  }
+  return /* @__PURE__ */ jsx(
+    Box,
+    {
+      sx: {
+        display: "flex",
+        justifyContent: "center",
+        alignItems: "center",
+        //minHeight: '100vh',
+        pt: 20
+      },
+      children: /* @__PURE__ */ jsx(
+        Card,
+        {
+          sx: {
+            maxWidth: 400,
+            width: "100%",
+            boxShadow: 3
+          },
+          children: /* @__PURE__ */ jsx(CardContent, { sx: { p: 3 }, children: /* @__PURE__ */ jsxs("form", { onSubmit: handleSubmit(onSubmit), className: "dash-app-login-form", children: [
+            /* @__PURE__ */ jsxs(Box, { sx: { mb: 1.5 }, children: [
+              /* @__PURE__ */ jsx(
+                TextField,
+                __spreadProps(__spreadValues({
+                  label: "Email",
+                  placeholder: "Email",
+                  required: true,
+                  fullWidth: true
+                }, register("email", { validate: validateEmail })), {
+                  className: "dash-app-form-item-input",
+                  size: "small",
+                  variant: "outlined"
+                })
+              ),
+              errors.email && /* @__PURE__ */ jsx(Box, { sx: { color: "error.main", fontSize: "0.75rem", mt: 0.25 }, children: errors.email.message || "Email inv\xE1lido" })
+            ] }),
+            /* @__PURE__ */ jsxs(Box, { sx: { mb: 1.5 }, children: [
+              /* @__PURE__ */ jsx(
+                TextField,
+                __spreadProps(__spreadValues({
+                  label: "Contrase\xF1a",
+                  placeholder: "Contrase\xF1a",
+                  fullWidth: true
+                }, register("password")), {
+                  className: "dash-app-form-item-input",
+                  size: "small",
+                  variant: "outlined",
+                  slotProps: {
+                    input: {
+                      autoComplete: "password",
+                      type: showNewPassword ? "text" : "password",
+                      endAdornment: /* @__PURE__ */ jsx(InputAdornment, { position: "end", children: /* @__PURE__ */ jsx(
+                        IconButton,
+                        {
+                          "aria-label": "toggle password visibility",
+                          onClick: handleClickShowNewPassword,
+                          onMouseDown: handleMouseDownPassword,
+                          edge: "end",
+                          size: "small",
+                          children: showNewPassword ? /* @__PURE__ */ jsx(VisibilityOff, { fontSize: "small" }) : /* @__PURE__ */ jsx(Visibility, { fontSize: "small" })
+                        }
+                      ) })
+                    }
+                  }
+                })
+              ),
+              errors.password && /* @__PURE__ */ jsx(Box, { sx: { color: "error.main", fontSize: "0.75rem", mt: 0.25 }, children: errors.password.message || "Contrase\xF1a Inv\xE1lida" })
+            ] }),
+            /* @__PURE__ */ jsx(Box, { sx: { mb: 1.5, textAlign: "right" }, children: /* @__PURE__ */ jsx(
+              Link,
+              {
+                className: "link link--secondary",
+                href: "/reset-password",
+                sx: { fontSize: "0.875rem" },
+                children: "Resetear contrase\xF1a B"
+              }
+            ) }),
+            /* @__PURE__ */ jsx(Box, { sx: { mb: 0.5 }, children: /* @__PURE__ */ jsx(
+              LoadingButton,
+              {
+                fullWidth: true,
+                size: "medium",
+                className: "submit",
+                type: "submit",
+                loading: loginLoading,
+                variant: "contained",
+                sx: { py: 1 },
+                children: "Ingresar"
+              }
+            ) })
+          ] }) })
+        }
+      )
+    }
+  );
+};
+var DASHSimpleLogin_default = DASHLightWeightLogin;
+export {
+  DASHSimpleLogin_default as default
+};

package/dist/pages/Login.js

@@ -1 +1,113 @@
-import{jsx as e,jsxs as L}from"react/jsx-runtime";import f,{useEffect as g}from"react";import{useState as n}from"react";import{useNotify as y}from"react-admin";import{Link as b}from"react-router-dom";import{Button as h,Input as l,InputLabel as m}from"@mui/material";import{useSelector as S}from"react-redux";import v from"../providers/authProvider";import{ConstantsContext as x}from"../config/ConstantsService";import{dashStorage as I}from"@dashadmin/dash-utils";const C=()=>{const[r,p]=n(""),[a,d]=n(""),[o,s]=n(!1),{login:c}=v,i=y(),w=f.useContext(x),D=S(t=>t.common.panelSettings),u=t=>{t.preventDefault(),s(!0),c({username:r,password:a}).then(()=>{i("Login ok!",{type:"success"})}).catch(()=>{i("Error",{type:"error"}),s(!1)})};return g(()=>{I.setItem("roles",JSON.stringify([]))},[]),e("div",{className:"dash-app-login-content",style:{display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center",minHeight:"100vh"},children:L("form",{onSubmit:u,style:{width:"100%",maxWidth:400,background:"white",padding:32,borderRadius:12,boxShadow:"0 2px 16px rgba(0,0,0,0.08)",display:"flex",flexDirection:"column",alignItems:"stretch"},children:[e(m,{id:"demo-simple-select-label",children:"Correo"}),e(l,{name:"email",type:"email",value:r,required:!0,readOnly:o,onChange:t=>p(t.target.value)}),e("br",{}),e(m,{id:"demo-simple-select-label",children:"Contrase\xF1a"}),e(l,{name:"password",type:"password",value:a,required:!0,readOnly:o,onChange:t=>d(t.target.value)}),e("br",{}),e("br",{}),e(b,{style:{color:"royalblue",alignSelf:"flex-end"},to:"/reset-password",children:"Olvido contrase\xF1a"}),e("br",{}),e(h,{type:"submit",variant:"contained",color:"primary",disabled:o,style:{marginTop:16},children:o?"Cargando...":"Ingresar"})]})})};var j=C;export{j as default};
+import { jsx, jsxs } from "react/jsx-runtime";
+import React, { useEffect } from "react";
+import { useState } from "react";
+import { useNotify } from "react-admin";
+import { Link } from "react-router-dom";
+import { Button, Input, InputLabel } from "@mui/material";
+import { useSelector } from "react-redux";
+import authProvider from "../providers/authProvider";
+import { ConstantsContext } from "../config/ConstantsService";
+import { dashStorage } from "dash-utils";
+const Login = () => {
+  const [email, setEmail] = useState("");
+  const [password, setPassword] = useState("");
+  const [loading, setLoading] = useState(false);
+  const { login } = authProvider;
+  const notify = useNotify();
+  const constants = React.useContext(ConstantsContext);
+  const panelSettings = useSelector(
+    (state) => state.common.panelSettings
+  );
+  const handleSubmit = (e) => {
+    e.preventDefault();
+    setLoading(true);
+    login({ username: email, password }).then(() => {
+      notify("Login ok!", { type: "success" });
+    }).catch(() => {
+      notify("Error", { type: "error" });
+      setLoading(false);
+    });
+  };
+  useEffect(() => {
+    dashStorage.setItem(
+      "roles",
+      JSON.stringify([])
+    );
+  }, []);
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: "dash-app-login-content",
+      style: {
+        display: "flex",
+        flexDirection: "column",
+        justifyContent: "center",
+        alignItems: "center",
+        minHeight: "100vh"
+      },
+      children: /* @__PURE__ */ jsxs(
+        "form",
+        {
+          onSubmit: handleSubmit,
+          style: {
+            width: "100%",
+            maxWidth: 400,
+            background: "white",
+            padding: 32,
+            borderRadius: 12,
+            boxShadow: "0 2px 16px rgba(0,0,0,0.08)",
+            display: "flex",
+            flexDirection: "column",
+            alignItems: "stretch"
+          },
+          children: [
+            /* @__PURE__ */ jsx(InputLabel, { id: "demo-simple-select-label", children: "Correo" }),
+            /* @__PURE__ */ jsx(
+              Input,
+              {
+                name: "email",
+                type: "email",
+                value: email,
+                required: true,
+                readOnly: loading,
+                onChange: (e) => setEmail(e.target.value)
+              }
+            ),
+            /* @__PURE__ */ jsx("br", {}),
+            /* @__PURE__ */ jsx(InputLabel, { id: "demo-simple-select-label", children: "Contrase\xF1a" }),
+            /* @__PURE__ */ jsx(
+              Input,
+              {
+                name: "password",
+                type: "password",
+                value: password,
+                required: true,
+                readOnly: loading,
+                onChange: (e) => setPassword(e.target.value)
+              }
+            ),
+            /* @__PURE__ */ jsx("br", {}),
+            /* @__PURE__ */ jsx("br", {}),
+            /* @__PURE__ */ jsx(Link, { style: { color: "royalblue", alignSelf: "flex-end" }, to: "/reset-password", children: "Olvido contrase\xF1a" }),
+            /* @__PURE__ */ jsx("br", {}),
+            /* @__PURE__ */ jsx(
+              Button,
+              {
+                type: "submit",
+                variant: "contained",
+                color: "primary",
+                disabled: loading,
+                style: { marginTop: 16 },
+                children: loading ? "Cargando..." : "Ingresar"
+              }
+            )
+          ]
+        }
+      )
+    }
+  );
+};
+var Login_default = Login;
+export {
+  Login_default as default
+};