@dashadmin/dash-admin 1.3.24 → 1.3.26

package/dist/pages/DASHLightWeightLogin.js

@@ -1 +1,495 @@
-import{jsx as i,jsxs as w}from"react/jsx-runtime";import ee,{useEffect as h,useState as s}from"react";import{useDispatch as oe}from"react-redux";import{useForm as te}from"react-hook-form";import{Button as ie,Link as ae,IconButton as re,InputAdornment as ne,TextField as M,Container as O,Box as n,Alert as se}from"@mui/material";import{useNavigate as le}from"react-router";import ce from"@mui/icons-material/VisibilityOff";import de from"@mui/icons-material/Visibility";const ge="",ue="";import{DASH_REDUX_ACTIONS as me}from"@dashadmin/dash-admin-state";import pe from"../contexts/dictionary/DictionaryContext";import{DASHAppConstants as P}from"@dashadmin/dash-constants";import R from"..//default-theme/FullLayoutMarkup";import{AuthPersistenceService as v}from"@dashadmin/dash-auth";import C from"../contexts/auth/DASHAuthenticationService";const he=fe=>{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])?)*$/,V=e=>W.test(e),[_,d]=s(!1),[F,S]=s(!1),[we,g]=s(!1),[x,L]=s(null),T=oe(),z=ee.useContext(pe),Z=te(),[a,H]=s(!1),[y,p]=s(!1),[ye,u]=s(0),b=()=>{const e=!!window?.Capacitor?.Plugins?.Keyboard,o=!!window?.CapacitorKeyboard;return console.log("Checking Capacitor keyboard availability:",{hasCapacitor:e,hasCapacitorKeyboard:o}),e||o},A=()=>window?.Capacitor?.Plugins?.Keyboard||window?.CapacitorKeyboard,E=()=>{const e=document.body.className,o=e.includes("webview")||e.includes("android")||e.includes("ios")||e.includes("mobile"),t=window.innerWidth<700;return o||t},D=(e,o="capacitor")=>{console.log(`\u{1F53C} KEYBOARD OPENED (${o}):`,{height:e||"unknown",timestamp:new Date().toISOString(),isMobile:a,screenHeight:window.screen.height,viewportHeight:window.visualViewport?.height||window.innerHeight,source:o})},B=(e="capacitor")=>{console.log(`\u{1F53D} KEYBOARD CLOSED (${e}):`,{timestamp:new Date().toISOString(),isMobile:a,screenHeight:window.screen.height,viewportHeight:window.visualViewport?.height||window.innerHeight,source:e})},U=()=>{const e=()=>{const o=E();if(H(o),o){const c=window.visualViewport?.height||window.innerHeight,t=window.screen.height,r=t*.75,l=c<r;if(l!==y){if(l){const N=t-c;D(N,"fallback"),u(N)}else B("fallback"),u(0);p(l)}}};return window.addEventListener("resize",e),window.visualViewport&&window.visualViewport.addEventListener("resize",e),()=>{window.removeEventListener("resize",e),window.visualViewport&&window.visualViewport.removeEventListener("resize",e)}};h(()=>{if(H(E()),b()){const e=A();if(e)return console.log("\u{1F3B9} Using Capacitor Keyboard API for keyboard detection"),e.addListener("keyboardWillShow",o=>{console.log("\u{1F4F1} Capacitor: keyboard will show with height:",o.keyboardHeight),D(o.keyboardHeight,"capacitor"),p(!0),u(o.keyboardHeight)}),e.addListener("keyboardDidShow",o=>{console.log("\u{1F4F1} Capacitor: keyboard did show with height:",o.keyboardHeight),p(!0),u(o.keyboardHeight)}),e.addListener("keyboardWillHide",()=>{console.log("\u{1F4F1} Capacitor: keyboard will hide"),B("capacitor"),p(!1),u(0)}),e.addListener("keyboardDidHide",()=>{console.log("\u{1F4F1} Capacitor: keyboard did hide"),p(!1),u(0)}),()=>{e.removeAllListeners()}}return console.log("\u{1F310} Using fallback keyboard detection (viewport-based)"),U()},[]),h(()=>{(async()=>{if(b()){const o=A();if(o)try{console.log("\u2699\uFE0F Configuring Capacitor Keyboard settings..."),await o.setAccessoryBarVisible({isVisible:!1}),await o.setResizeMode({mode:"body"}),console.log("\u2705 Capacitor Keyboard configured successfully")}catch(c){console.log("\u274C Error configuring Capacitor Keyboard:",c)}}})()},[]);const{register:I,handleSubmit:$,formState:{errors:m}}=Z;h(()=>{T(me.updatePage({title:null}))},[]),h(()=>{(async()=>{S(!0);try{const o=await C.checkAuth();g(o),d(o)}catch(o){console.error("Error checking auth state:",o),g(!1),d(!1)}finally{S(!1)}})()},[]);const k=le(),[q,f]=s(!1),be=(e,o="error")=>{console.log(`${o.toUpperCase()}: ${e}`),o==="error"&&alert(e)};async function G(e,o){const c=e.password;f(!0),L(null);try{console.log("Attempting login with DASHAuthenticationService...");const t=await C.login({username:e.email,password:c,redirect:window.location.pathname});if(console.log("Login response:",t),t.success){if(console.log("Login successful!"),P.system.LOGIN_SOUNDS){const r=new Audio(ge);r.load(),r.play()}if(f(!1),d(!0),g(!0),b()){const r=A();if(r)try{console.log("\u{1F53D} Manually hiding keyboard after successful login..."),await r.hide()}catch(l){console.log("\u274C Error hiding keyboard:",l)}}t.redirectAfterLogin?(console.log("Redirecting to:",t.redirectAfterLogin),k(t.redirectAfterLogin)):k("/")}else throw new Error(t.error||"Login failed")}catch(t){if(console.error("Login error:",t),P.system.LOGIN_SOUNDS){const l=new Audio(ue);l.load(),l.play()}f(!1);let r="Credenciales inv\xE1lidas";t&&t.response&&t.response.data&&t.response.data.message?r=t.response.data.message:t&&t.error?r=t.error:t&&t.message&&(r=t.message),L(r)}finally{f(!1)}}const[K,X]=s(!1),Y=()=>X(e=>!e),j=e=>{e.preventDefault()};if(h(()=>{(async()=>{try{console.log("Initializing app authentication...");const o=await C.initializeApp();o.success?(console.log("App authentication initialized successfully"),g(!0),d(!0),o.redirectAfterLogin&&console.log("Role redirect available:",o.redirectAfterLogin,"(not navigating during init)")):(console.log("App authentication initialization failed or no valid auth found"),g(!1),d(!1))}catch(o){console.error("Error initializing app authentication:",o),g(!1),d(!1)}})()},[]),F)return i(R,{className:a?"mobile":"desktop",children:i(O,{maxWidth:"sm",sx:{p:1},children:i(n,{display:"flex",justifyContent:"center",alignItems:"center",minHeight:"50vh",textAlign:"center",children:i("div",{children:"Cargando..."})})})});const J=v.getTenantImages()?.horizontal_logo?.original,Ae=v.getTenantImages()?.squared_logo?.original,Q=v.getTenantImages()?.banner?.original;return i(R,{className:a?"mobile":"desktop",logo:J,loginBackground:Q,children:i(O,{maxWidth:"sm",sx:{display:"flex",flexDirection:"column",justifyContent:y?"flex-start":"center"},children:i(n,{sx:{width:"100%",maxWidth:a?"100%":400,mx:"auto"},children:_?i(n,{sx:{textAlign:"center"}}):w(n,{children:[w("form",{onSubmit:$(G),className:"dash-app-login-form",children:[w(n,{sx:{mb:a?1:1.5},children:[i(M,{label:"Email",placeholder:"Email",required:!0,fullWidth:!0,...I("email",{validate:V}),className:"dash-app-form-item-input",size:"small",variant:"outlined",sx:{"& .MuiInputBase-root":{fontSize:a?"0.875rem":"1rem"}}}),m.email&&i(n,{sx:{color:"error.main",fontSize:"0.75rem",mt:.25},children:m.email.message?z.get(m.email.message,!0):"Email inv\xE1lido"})]}),w(n,{sx:{mb:a?1:1.5},children:[i(M,{label:"Contrase\xF1a",placeholder:"Contrase\xF1a",fullWidth:!0,...I("password"),className:"dash-app-form-item-input",size:"small",variant:"outlined",sx:{"& .MuiInputBase-root":{fontSize:a?"0.875rem":"1rem"}},slotProps:{input:{autoComplete:"password",type:K?"text":"password",endAdornment:i(ne,{position:"end",children:i(re,{"aria-label":"toggle password visibility",onClick:Y,onMouseDown:j,edge:"end",size:"small",children:K?i(ce,{fontSize:"small"}):i(de,{fontSize:"small"})})})}}}),m.password&&i(n,{sx:{color:"error.main",fontSize:"0.75rem",mt:.25},children:m.password.message?z.get(m.password.message,!0):"Contrase\xF1a Inv\xE1lida"})]}),x&&i(n,{sx:{mb:2},children:i(se,{severity:"error",variant:"filled",children:x})}),i(n,{sx:{mb:.5},children:i(ie,{fullWidth:!0,size:"medium",className:"submit",type:"submit",loading:q,variant:"contained",sx:{py:a?.75:1,fontSize:a?"0.875rem":"1rem"},children:"Ingresar"})})]}),!(a&&y)&&i(n,{sx:{mb:a?1:1.5,textAlign:"right"},children:i(ae,{className:"link link--secondary",component:"button",onClick:()=>k("/reset-password"),sx:{fontSize:a?"0.75rem":"0.875rem"},children:"Resetear contrase\xF1a A"})})]})})})})};var Pe=he;export{Pe 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 React, { useEffect, useState } from "react";
+import { useDispatch } from "react-redux";
+import { useForm } from "react-hook-form";
+import {
+  Button as LoadingButton,
+  Link,
+  IconButton,
+  InputAdornment,
+  TextField,
+  Container,
+  Box,
+  Alert
+} 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 { DASH_REDUX_ACTIONS } from "dash-admin-state";
+import DictionaryContext from "../contexts/dictionary/DictionaryContext";
+import { DASHAppConstants } from "dash-constants";
+import FullLayoutMarkup from "..//default-theme/FullLayoutMarkup";
+import { AuthPersistenceService } from "dash-auth";
+import DASHAuthenticationService from "../contexts/auth/DASHAuthenticationService";
+const DASHLightWeightLogin = (props) => {
+  var _a, _b, _c, _d, _e, _f;
+  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 [loggedIn, setLoggedIn] = useState(false);
+  const [isLoading, setIsLoading] = useState(false);
+  const [authenticated, setAuthenticated] = useState(false);
+  const [formError, setFormError] = useState(null);
+  const dispatch = useDispatch();
+  const dict = React.useContext(DictionaryContext);
+  const form = useForm();
+  const [isMobile, setIsMobile] = useState(false);
+  const [isKeyboardOpen, setIsKeyboardOpen] = useState(false);
+  const [keyboardHeight, setKeyboardHeight] = useState(0);
+  const isCapacitorKeyboardAvailable = () => {
+    var _a2, _b2;
+    const hasCapacitor = !!((_b2 = (_a2 = window == null ? void 0 : window.Capacitor) == null ? void 0 : _a2.Plugins) == null ? void 0 : _b2.Keyboard);
+    const hasCapacitorKeyboard = !!(window == null ? void 0 : window.CapacitorKeyboard);
+    console.log("Checking Capacitor keyboard availability:", { hasCapacitor, hasCapacitorKeyboard });
+    return hasCapacitor || hasCapacitorKeyboard;
+  };
+  const getCapacitorKeyboard = () => {
+    var _a2, _b2;
+    return ((_b2 = (_a2 = window == null ? void 0 : window.Capacitor) == null ? void 0 : _a2.Plugins) == null ? void 0 : _b2.Keyboard) || (window == null ? void 0 : window.CapacitorKeyboard);
+  };
+  const checkMobileDevice = () => {
+    const bodyClasses = document.body.className;
+    const hasMobileClass = bodyClasses.includes("webview") || bodyClasses.includes("android") || bodyClasses.includes("ios") || bodyClasses.includes("mobile");
+    const screenWidth = window.innerWidth;
+    const isSmallScreen = screenWidth < 700;
+    return hasMobileClass || isSmallScreen;
+  };
+  const logKeyboardShow = (height, source = "capacitor") => {
+    var _a2;
+    console.log(`\u{1F53C} KEYBOARD OPENED (${source}):`, {
+      height: height || "unknown",
+      timestamp: (/* @__PURE__ */ new Date()).toISOString(),
+      isMobile,
+      screenHeight: window.screen.height,
+      viewportHeight: ((_a2 = window.visualViewport) == null ? void 0 : _a2.height) || window.innerHeight,
+      source
+    });
+  };
+  const logKeyboardHide = (source = "capacitor") => {
+    var _a2;
+    console.log(`\u{1F53D} KEYBOARD CLOSED (${source}):`, {
+      timestamp: (/* @__PURE__ */ new Date()).toISOString(),
+      isMobile,
+      screenHeight: window.screen.height,
+      viewportHeight: ((_a2 = window.visualViewport) == null ? void 0 : _a2.height) || window.innerHeight,
+      source
+    });
+  };
+  const setupFallbackKeyboardDetection = () => {
+    const handleResize = () => {
+      var _a2;
+      const mobile = checkMobileDevice();
+      setIsMobile(mobile);
+      if (mobile) {
+        const viewportHeight = ((_a2 = window.visualViewport) == null ? void 0 : _a2.height) || window.innerHeight;
+        const screenHeight = window.screen.height;
+        const keyboardThreshold = screenHeight * 0.75;
+        const keyboardOpen = viewportHeight < keyboardThreshold;
+        if (keyboardOpen !== isKeyboardOpen) {
+          if (keyboardOpen) {
+            const estimatedKeyboardHeight = screenHeight - viewportHeight;
+            logKeyboardShow(estimatedKeyboardHeight, "fallback");
+            setKeyboardHeight(estimatedKeyboardHeight);
+          } else {
+            logKeyboardHide("fallback");
+            setKeyboardHeight(0);
+          }
+          setIsKeyboardOpen(keyboardOpen);
+        }
+      }
+    };
+    window.addEventListener("resize", handleResize);
+    if (window.visualViewport) {
+      window.visualViewport.addEventListener("resize", handleResize);
+    }
+    return () => {
+      window.removeEventListener("resize", handleResize);
+      if (window.visualViewport) {
+        window.visualViewport.removeEventListener("resize", handleResize);
+      }
+    };
+  };
+  useEffect(() => {
+    setIsMobile(checkMobileDevice());
+    if (isCapacitorKeyboardAvailable()) {
+      const Keyboard = getCapacitorKeyboard();
+      if (Keyboard) {
+        console.log("\u{1F3B9} Using Capacitor Keyboard API for keyboard detection");
+        Keyboard.addListener("keyboardWillShow", (info) => {
+          console.log("\u{1F4F1} Capacitor: keyboard will show with height:", info.keyboardHeight);
+          logKeyboardShow(info.keyboardHeight, "capacitor");
+          setIsKeyboardOpen(true);
+          setKeyboardHeight(info.keyboardHeight);
+        });
+        Keyboard.addListener("keyboardDidShow", (info) => {
+          console.log("\u{1F4F1} Capacitor: keyboard did show with height:", info.keyboardHeight);
+          setIsKeyboardOpen(true);
+          setKeyboardHeight(info.keyboardHeight);
+        });
+        Keyboard.addListener("keyboardWillHide", () => {
+          console.log("\u{1F4F1} Capacitor: keyboard will hide");
+          logKeyboardHide("capacitor");
+          setIsKeyboardOpen(false);
+          setKeyboardHeight(0);
+        });
+        Keyboard.addListener("keyboardDidHide", () => {
+          console.log("\u{1F4F1} Capacitor: keyboard did hide");
+          setIsKeyboardOpen(false);
+          setKeyboardHeight(0);
+        });
+        return () => {
+          Keyboard.removeAllListeners();
+        };
+      }
+    }
+    console.log("\u{1F310} Using fallback keyboard detection (viewport-based)");
+    return setupFallbackKeyboardDetection();
+  }, []);
+  useEffect(() => {
+    const configureKeyboard = () => __async(null, null, function* () {
+      if (isCapacitorKeyboardAvailable()) {
+        const Keyboard = getCapacitorKeyboard();
+        if (Keyboard) {
+          try {
+            console.log("\u2699\uFE0F Configuring Capacitor Keyboard settings...");
+            yield Keyboard.setAccessoryBarVisible({ isVisible: false });
+            yield Keyboard.setResizeMode({ mode: "body" });
+            console.log("\u2705 Capacitor Keyboard configured successfully");
+          } catch (error) {
+            console.log("\u274C Error configuring Capacitor Keyboard:", error);
+          }
+        }
+      }
+    });
+    configureKeyboard();
+  }, []);
+  const {
+    register,
+    handleSubmit,
+    formState: { errors }
+  } = form;
+  useEffect(() => {
+    dispatch(
+      DASH_REDUX_ACTIONS.updatePage({
+        title: null
+      })
+    );
+  }, []);
+  useEffect(() => {
+    const checkAuthState = () => __async(null, null, function* () {
+      setIsLoading(true);
+      try {
+        const isAuth = yield DASHAuthenticationService.checkAuth();
+        setAuthenticated(isAuth);
+        setLoggedIn(isAuth);
+      } catch (error) {
+        console.error("Error checking auth state:", error);
+        setAuthenticated(false);
+        setLoggedIn(false);
+      } finally {
+        setIsLoading(false);
+      }
+    });
+    checkAuthState();
+  }, []);
+  const navigate = useNavigate();
+  const [loginLoading, setLoginLoading] = useState(false);
+  const showNotification = (message, type = "error") => {
+    console.log(`${type.toUpperCase()}: ${message}`);
+    if (type === "error") {
+      alert(message);
+    }
+  };
+  function onSubmit(data, _e2) {
+    return __async(this, null, function* () {
+      const password = data.password;
+      setLoginLoading(true);
+      setFormError(null);
+      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);
+          setLoggedIn(true);
+          setAuthenticated(true);
+          if (isCapacitorKeyboardAvailable()) {
+            const Keyboard = getCapacitorKeyboard();
+            if (Keyboard) {
+              try {
+                console.log("\u{1F53D} Manually hiding keyboard after successful login...");
+                yield Keyboard.hide();
+              } catch (error) {
+                console.log("\u274C Error hiding keyboard:", error);
+              }
+            }
+          }
+          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;
+        }
+        setFormError(eMessage);
+      } finally {
+        setLoginLoading(false);
+      }
+    });
+  }
+  const [showNewPassword, setShowNewPassword] = useState(false);
+  const handleClickShowNewPassword = () => setShowNewPassword((show) => !show);
+  const handleMouseDownPassword = (event) => {
+    event.preventDefault();
+  };
+  useEffect(() => {
+    const initializeAuth = () => __async(null, null, function* () {
+      try {
+        console.log("Initializing app authentication...");
+        const initResponse = yield DASHAuthenticationService.initializeApp();
+        if (initResponse.success) {
+          console.log("App authentication initialized successfully");
+          setAuthenticated(true);
+          setLoggedIn(true);
+          if (initResponse.redirectAfterLogin) {
+            console.log("Role redirect available:", initResponse.redirectAfterLogin, "(not navigating during init)");
+          }
+        } else {
+          console.log("App authentication initialization failed or no valid auth found");
+          setAuthenticated(false);
+          setLoggedIn(false);
+        }
+      } catch (error) {
+        console.error("Error initializing app authentication:", error);
+        setAuthenticated(false);
+        setLoggedIn(false);
+      }
+    });
+    initializeAuth();
+  }, []);
+  if (isLoading) {
+    return /* @__PURE__ */ jsx(
+      FullLayoutMarkup,
+      {
+        className: isMobile ? "mobile" : "desktop",
+        children: /* @__PURE__ */ jsx(Container, { maxWidth: "sm", sx: { p: 1 }, children: /* @__PURE__ */ jsx(
+          Box,
+          {
+            display: "flex",
+            justifyContent: "center",
+            alignItems: "center",
+            minHeight: "50vh",
+            textAlign: "center",
+            children: /* @__PURE__ */ jsx("div", { children: "Cargando..." })
+          }
+        ) })
+      }
+    );
+  }
+  const horizontal_logo = (_b = (_a = AuthPersistenceService.getTenantImages()) == null ? void 0 : _a.horizontal_logo) == null ? void 0 : _b.original;
+  const squared_logo = (_d = (_c = AuthPersistenceService.getTenantImages()) == null ? void 0 : _c.squared_logo) == null ? void 0 : _d.original;
+  const banner = (_f = (_e = AuthPersistenceService.getTenantImages()) == null ? void 0 : _e.banner) == null ? void 0 : _f.original;
+  return /* @__PURE__ */ jsx(
+    FullLayoutMarkup,
+    {
+      className: isMobile ? "mobile" : "desktop",
+      logo: horizontal_logo,
+      loginBackground: banner,
+      children: /* @__PURE__ */ jsx(
+        Container,
+        {
+          maxWidth: "sm",
+          sx: {
+            //p: isMobile ? 0.5 : 2,
+            display: "flex",
+            flexDirection: "column",
+            justifyContent: isKeyboardOpen ? "flex-start" : "center"
+            //pt: isKeyboardOpen ? 0.5 : 'auto',
+            //pb: isKeyboardOpen && isMobile ? `${keyboardHeight / 16}rem` : 'auto'
+          },
+          children: /* @__PURE__ */ jsx(
+            Box,
+            {
+              sx: {
+                width: "100%",
+                maxWidth: isMobile ? "100%" : 400,
+                mx: "auto"
+                //p: isMobile ? 0.5 : 1.5
+              },
+              children: !loggedIn ? /* @__PURE__ */ jsxs(Box, { children: [
+                /* @__PURE__ */ jsxs(
+                  "form",
+                  {
+                    onSubmit: handleSubmit(onSubmit),
+                    className: "dash-app-login-form",
+                    children: [
+                      /* @__PURE__ */ jsxs(Box, { sx: { mb: isMobile ? 1 : 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",
+                            sx: {
+                              "& .MuiInputBase-root": {
+                                fontSize: isMobile ? "0.875rem" : "1rem"
+                              }
+                            }
+                          })
+                        ),
+                        errors.email && /* @__PURE__ */ jsx(Box, { sx: { color: "error.main", fontSize: "0.75rem", mt: 0.25 }, children: errors.email.message ? dict.get(errors.email.message, true) : "Email inv\xE1lido" })
+                      ] }),
+                      /* @__PURE__ */ jsxs(Box, { sx: { mb: isMobile ? 1 : 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",
+                            sx: {
+                              "& .MuiInputBase-root": {
+                                fontSize: isMobile ? "0.875rem" : "1rem"
+                              }
+                            },
+                            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 ? dict.get(errors.password.message, true) : "Contrase\xF1a Inv\xE1lida" })
+                      ] }),
+                      formError && /* @__PURE__ */ jsx(Box, { sx: { mb: 2 }, children: /* @__PURE__ */ jsx(Alert, { severity: "error", variant: "filled", children: formError }) }),
+                      /* @__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: isMobile ? 0.75 : 1,
+                            fontSize: isMobile ? "0.875rem" : "1rem"
+                          },
+                          children: "Ingresar"
+                        }
+                      ) })
+                    ]
+                  }
+                ),
+                !(isMobile && isKeyboardOpen) && /* @__PURE__ */ jsx(Box, { sx: { mb: isMobile ? 1 : 1.5, textAlign: "right" }, children: /* @__PURE__ */ jsx(
+                  Link,
+                  {
+                    className: "link link--secondary",
+                    component: "button",
+                    onClick: () => navigate("/reset-password"),
+                    sx: { fontSize: isMobile ? "0.75rem" : "0.875rem" },
+                    children: "Resetear contrase\xF1a A"
+                  }
+                ) })
+              ] }) : /* @__PURE__ */ jsx(Box, { sx: { textAlign: "center" } })
+            }
+          )
+        }
+      )
+    }
+  );
+};
+var DASHLightWeightLogin_default = DASHLightWeightLogin;
+export {
+  DASHLightWeightLogin_default as default
+};