@dashadmin/dash-admin 1.3.25 → 1.3.26

package/dist/layout/MotionWrapper.original.js

@@ -1 +1,182 @@
-import{Fragment as k,jsx as e,jsxs as h}from"react/jsx-runtime";import{motion as y}from"framer-motion";import{Outlet as P}from"react-router";import{useEffect as v,useState as s}from"react";import{createPortal as S}from"react-dom";const C=({transitionDuration:n,show:o})=>h(y.div,{layout:!0,className:`${o?"slide-in":"slide-out"} lds-ring`,initial:{scaleY:1,scaleX:1},animate:{scaleY:0,scaleX:0},exit:{scaleY:1,scaleX:1},transition:{duration:n,ease:[.33,1,.33,1]},variants:{initial:{opacity:1,transition:{duration:n}},in:{opacity:0,transition:{duration:n}},out:{opacity:1,transition:{duration:n}}},style:{position:"fixed",top:"50%",left:"50%",transform:"translate(-50%, -50%)",zIndex:1e4,pointerEvents:"none"},children:[e("div",{}),e("div",{}),e("div",{}),e("div",{})]}),H=({transitionDuration:n,show:o})=>e(y.div,{layout:!0,className:"motion-wrapper-bg",initial:{scaleY:1,scaleX:1},animate:{scaleY:0,scaleX:0},exit:{scaleY:1,scaleX:1},transition:{duration:n,ease:[.33,1,.33,1]},variants:{initial:{opacity:1,transition:{duration:n}},in:{opacity:0,transition:{duration:n}},out:{opacity:1,transition:{duration:n}}},style:{position:"fixed",top:0,left:0,width:"100vw",height:"100vh",zIndex:9999,pointerEvents:"none"}}),L=n=>{const{pageTransition:o=!0,loadingSpinner:w=!0,transitionDuration:i=.5,maxTimeOut:p=1e3,initialShow:l=!1,usePortalForBackground:u=!1,usePortalForSpinner:c=!1,portalTarget:r="body",spinnerPortalTarget:a="body"}=n,[d,m]=s(l),[f,g]=s(!1),[T,M]=s(null),[b,x]=s(null);v(()=>{if(u){let t;typeof r=="string"?(t=document.querySelector(r),t||(t=document.body)):t=r,M(t)}if(c){let t;typeof a=="string"?(t=document.querySelector(a),t||(t=document.body)):t=a,x(t)}},[u,c,r,a]),v(()=>{if(l&&!f){g(!0),m(!0);const t=setTimeout(()=>{m(!1),setTimeout(()=>{g(!1)},i*1e3)},p);return()=>{clearTimeout(t)}}},[l,p,i,f]);const E=()=>{if(!o)return null;const t=e(H,{transitionDuration:i,show:d});return u&&T?S(t,T):t};return h(k,{children:[(()=>{if(!w)return null;const t=e(C,{transitionDuration:i,show:d});return c&&b?S(t,b):t})(),E(),e(P,{})]})};var W=L;export{H as MotionWrapperBackground,C as SpinnerComponent,W as default};
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { motion } from "framer-motion";
+import { Outlet } from "react-router";
+import { useEffect, useState } from "react";
+import { createPortal } from "react-dom";
+const SpinnerComponent = ({ transitionDuration, show }) => {
+  return /* @__PURE__ */ jsxs(
+    motion.div,
+    {
+      layout: true,
+      className: `${show ? "slide-in" : "slide-out"} lds-ring`,
+      initial: { scaleY: 1, scaleX: 1 },
+      animate: { scaleY: 0, scaleX: 0 },
+      exit: { scaleY: 1, scaleX: 1 },
+      transition: { duration: transitionDuration, ease: [0.33, 1, 0.33, 1] },
+      variants: {
+        initial: {
+          opacity: 1,
+          transition: { duration: transitionDuration }
+        },
+        in: {
+          opacity: 0,
+          transition: { duration: transitionDuration }
+        },
+        out: {
+          opacity: 1,
+          transition: { duration: transitionDuration }
+        }
+      },
+      style: {
+        position: "fixed",
+        top: "50%",
+        left: "50%",
+        transform: "translate(-50%, -50%)",
+        zIndex: 1e4,
+        // Higher than background
+        pointerEvents: "none"
+      },
+      children: [
+        /* @__PURE__ */ jsx("div", {}),
+        /* @__PURE__ */ jsx("div", {}),
+        /* @__PURE__ */ jsx("div", {}),
+        /* @__PURE__ */ jsx("div", {})
+      ]
+    }
+  );
+};
+const MotionWrapperBackground = ({ transitionDuration, show }) => {
+  return /* @__PURE__ */ jsx(
+    motion.div,
+    {
+      layout: true,
+      className: "motion-wrapper-bg",
+      initial: { scaleY: 1, scaleX: 1 },
+      animate: { scaleY: 0, scaleX: 0 },
+      exit: { scaleY: 1, scaleX: 1 },
+      transition: { duration: transitionDuration, ease: [0.33, 1, 0.33, 1] },
+      variants: {
+        initial: {
+          opacity: 1,
+          transition: { duration: transitionDuration }
+        },
+        in: {
+          opacity: 0,
+          transition: { duration: transitionDuration }
+        },
+        out: {
+          opacity: 1,
+          transition: { duration: transitionDuration }
+        }
+      },
+      style: {
+        position: "fixed",
+        top: 0,
+        left: 0,
+        width: "100vw",
+        height: "100vh",
+        zIndex: 9999,
+        // High z-index for portal usage
+        pointerEvents: "none"
+        // Allow clicks to pass through
+      }
+    }
+  );
+};
+const MotionWrapper = (props) => {
+  const {
+    pageTransition = true,
+    loadingSpinner = true,
+    transitionDuration = 0.5,
+    maxTimeOut = 1e3,
+    initialShow = false,
+    usePortalForBackground = false,
+    usePortalForSpinner = false,
+    portalTarget = "body",
+    spinnerPortalTarget = "body"
+  } = props;
+  const [show, setShow] = useState(initialShow);
+  const [isAnimating, setIsAnimating] = useState(false);
+  const [backgroundPortalContainer, setBackgroundPortalContainer] = useState(null);
+  const [spinnerPortalContainer, setSpinnerPortalContainer] = useState(null);
+  useEffect(() => {
+    if (usePortalForBackground) {
+      let container;
+      if (typeof portalTarget === "string") {
+        container = document.querySelector(portalTarget);
+        if (!container) {
+          container = document.body;
+        }
+      } else {
+        container = portalTarget;
+      }
+      setBackgroundPortalContainer(container);
+    }
+    if (usePortalForSpinner) {
+      let container;
+      if (typeof spinnerPortalTarget === "string") {
+        container = document.querySelector(spinnerPortalTarget);
+        if (!container) {
+          container = document.body;
+        }
+      } else {
+        container = spinnerPortalTarget;
+      }
+      setSpinnerPortalContainer(container);
+    }
+  }, [usePortalForBackground, usePortalForSpinner, portalTarget, spinnerPortalTarget]);
+  useEffect(() => {
+    if (initialShow && !isAnimating) {
+      setIsAnimating(true);
+      setShow(true);
+      const timer = setTimeout(() => {
+        setShow(false);
+        setTimeout(() => {
+          setIsAnimating(false);
+        }, transitionDuration * 1e3);
+      }, maxTimeOut);
+      return () => {
+        clearTimeout(timer);
+      };
+    }
+  }, [initialShow, maxTimeOut, transitionDuration, isAnimating]);
+  const renderBackground = () => {
+    if (!pageTransition) return null;
+    const backgroundComponent = /* @__PURE__ */ jsx(
+      MotionWrapperBackground,
+      {
+        transitionDuration,
+        show
+      }
+    );
+    if (usePortalForBackground && backgroundPortalContainer) {
+      return createPortal(backgroundComponent, backgroundPortalContainer);
+    }
+    return backgroundComponent;
+  };
+  const renderSpinner = () => {
+    if (!loadingSpinner) return null;
+    const spinnerComponent = /* @__PURE__ */ jsx(
+      SpinnerComponent,
+      {
+        transitionDuration,
+        show
+      }
+    );
+    if (usePortalForSpinner && spinnerPortalContainer) {
+      return createPortal(spinnerComponent, spinnerPortalContainer);
+    }
+    return spinnerComponent;
+  };
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    renderSpinner(),
+    renderBackground(),
+    /* @__PURE__ */ jsx(Outlet, {})
+  ] });
+};
+var MotionWrapper_original_default = MotionWrapper;
+export {
+  MotionWrapperBackground,
+  SpinnerComponent,
+  MotionWrapper_original_default as default
+};

package/dist/layout/ResourceMenu.js

@@ -1 +1,87 @@
-import{jsx as r,jsxs as i}from"react/jsx-runtime";import{useEffect as p,useState as M}from"react";import{useRedirect as N,useTranslate as S}from"react-admin";import{useDispatch as P}from"react-redux";import{useLocation as f}from"react-router";import{DASH_REDUX_ACTIONS as k}from"@dashadmin/dash-admin-state";import D from"../hooks/useVirtualHash";import _ from"@dashadmin/dash-auto-admin/src/toolbar/buttons/DashResourceButton";const $=o=>!o||typeof o!="string"?!1:o.includes(".")&&o===o.toLowerCase(),B=o=>{const{resourceConfig:t,locale:c}=o,{resourceMenuDisabled:H=!1,resourceMenuPosition:u="top"}=t,h=N(),g=S(),{hash:L,setVirtualHash:T}=D(),l=f(),s=e=>{if(!e)return"";if($(e)){const n=g(e,{_:e});return n===e?e:n}return e},A=P(),R=e=>{const n={title:s(e?.title)};A(k.updatePage(n))},C=(e,n)=>{R(e);let a=e.redirect?.startsWith("/")?e.redirect:`/${e.redirect}`.replace(/\/+/g,"/");e.redirect?h(a):e?.onClick()},[d,m]=M(null),v=f();return p(()=>{const e=Array.isArray(t.menu)?t.menu:typeof t.menu=="function"?t.menu():null;m(e)},[t.menu,c]),p(()=>{const e=Array.isArray(t.menu)?t.menu:typeof t.menu=="function"?t.menu():null;m(e)},[v,t.menu,c]),i("div",{className:`dash-module-${u}`,children:[t.mainAction&&i("div",{className:"dash-module-action",children:[t.create!==!1&&!l.pathname.endsWith("/create")&&r(_,{size:"small",resourceConfig:t,label:s(t.mainAction.title),mode:t.mainAction?.mode||"create"}),t.navActions&&t.navActions.map(e=>e)]}),r("div",{className:`dash-module-${u}-content`,children:r("ul",{className:"dash-module-horizontal-nav",children:d&&d.map((e,n)=>{let a=l.pathname===e?.redirect;return r("li",{onClick:y=>C(e,y),className:a?"active":null,children:i("span",{className:"dash-link",children:[r("i",{className:`icon icon-${e?.icon}`}),r("span",{children:s(e.title)})]})},n)})})})]})};var Y=B;export{Y as default};
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useEffect, useState } from "react";
+import { useRedirect, useTranslate } from "react-admin";
+import { useDispatch } from "react-redux";
+import { useLocation } from "react-router";
+import { DASH_REDUX_ACTIONS } from "dash-admin-state";
+import useVirtualHash from "../hooks/useVirtualHash";
+import DashResourceButton from "dash-auto-admin/src/toolbar/buttons/DashResourceButton";
+const isTranslationKey = (value) => {
+  if (!value || typeof value !== "string") return false;
+  return value.includes(".") && value === value.toLowerCase();
+};
+const ResourceMenu = (props) => {
+  var _a;
+  const { resourceConfig, locale } = props;
+  const { resourceMenuDisabled = false, resourceMenuPosition = "top" } = resourceConfig;
+  const redirect = useRedirect();
+  const translate = useTranslate();
+  const { hash, setVirtualHash } = useVirtualHash();
+  const location = useLocation();
+  const translateLabel = (label) => {
+    if (!label) return "";
+    if (isTranslationKey(label)) {
+      const translated = translate(label, { _: label });
+      return translated === label ? label : translated;
+    }
+    return label;
+  };
+  const dispatch = useDispatch();
+  const updatePageState = (menuItem) => {
+    const newPageState = {
+      title: translateLabel(menuItem == null ? void 0 : menuItem.title)
+      //icon: item?.icon,
+      //subTitle: item?.group,
+    };
+    dispatch(DASH_REDUX_ACTIONS.updatePage(newPageState));
+  };
+  const handleMenuClick = (menuItem, e) => {
+    var _a2;
+    updatePageState(menuItem);
+    let _redirect = ((_a2 = menuItem.redirect) == null ? void 0 : _a2.startsWith("/")) ? menuItem.redirect : `/${menuItem.redirect}`.replace(/\/+/g, "/");
+    menuItem.redirect ? redirect(_redirect) : menuItem == null ? void 0 : menuItem.onClick();
+  };
+  const [resourceMenu, setResourceMenu] = useState(null);
+  const loc = useLocation();
+  useEffect(() => {
+    const val = Array.isArray(resourceConfig.menu) ? resourceConfig.menu : typeof resourceConfig.menu === "function" ? resourceConfig.menu() : null;
+    setResourceMenu(val);
+  }, [resourceConfig.menu, locale]);
+  useEffect(() => {
+    const val = Array.isArray(resourceConfig.menu) ? resourceConfig.menu : typeof resourceConfig.menu === "function" ? resourceConfig.menu() : null;
+    setResourceMenu(val);
+  }, [loc, resourceConfig.menu, locale]);
+  return /* @__PURE__ */ jsxs("div", { className: `dash-module-${resourceMenuPosition}`, children: [
+    resourceConfig.mainAction && /* @__PURE__ */ jsxs("div", { className: "dash-module-action", children: [
+      resourceConfig.create !== false && !location.pathname.endsWith("/create") && /* @__PURE__ */ jsx(
+        DashResourceButton,
+        {
+          size: "small",
+          resourceConfig,
+          label: translateLabel(resourceConfig.mainAction.title),
+          mode: ((_a = resourceConfig.mainAction) == null ? void 0 : _a.mode) || "create"
+        }
+      ),
+      resourceConfig.navActions && resourceConfig.navActions.map((action) => action)
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: `dash-module-${resourceMenuPosition}-content`, children: /* @__PURE__ */ jsx("ul", { className: "dash-module-horizontal-nav", children: resourceMenu && resourceMenu.map((menuItem, index) => {
+      let active = location.pathname === (menuItem == null ? void 0 : menuItem.redirect);
+      return /* @__PURE__ */ jsx(
+        "li",
+        {
+          onClick: (e) => handleMenuClick(menuItem, e),
+          className: active ? "active" : null,
+          children: /* @__PURE__ */ jsxs("span", { className: "dash-link", children: [
+            /* @__PURE__ */ jsx("i", { className: `icon icon-${menuItem == null ? void 0 : menuItem.icon}` }),
+            /* @__PURE__ */ jsx("span", { children: translateLabel(menuItem.title) })
+          ] })
+        },
+        index
+      );
+    }) }) })
+  ] });
+};
+var ResourceMenu_default = ResourceMenu;
+export {
+  ResourceMenu_default as default
+};

package/dist/layout/ResoureLayout.js

@@ -1 +1,47 @@
-import{jsx as r,jsxs as f}from"react/jsx-runtime";import i,{useMemo as s}from"react";import d from"./ResourceMenu";const t=i.memo(({resourceConfig:o,locale:e})=>r(d,{resourceConfig:o,locale:e}),(o,e)=>o.resourceConfig===e.resourceConfig&&o.locale===e.locale),m=o=>{const{resourceConfig:e,children:n,locale:l}=o,{resourceMenuDisabled:u,resourceMenuPosition:g}=s(()=>({resourceMenuDisabled:e.resourceMenuDisabled??!1,resourceMenuPosition:e.resourceMenuPosition??"top"}),[e.resourceMenuDisabled,e.resourceMenuPosition]),c=s(()=>(e.mainAction||e.menu&&e.menu.length>0)&&!u,[e.mainAction,e.menu,u]),a=s(()=>c?r("div",{className:"dash-module-box-header",children:r("div",{className:"dash-module-sidenav dash-d-none dash-d-lg-flex",children:r(t,{resourceConfig:e,locale:l})})}):null,[c,e]);return r("div",{className:"dash-app-module",children:f("div",{className:"dash-module-horizontal-box",style:{maxWidth:"100%"},children:[a,r("div",{className:"dash-module-box-content",children:n})]})})};var A=i.memo(m,(o,e)=>{const n=o.resourceConfig===e.resourceConfig&&o.locale===e.locale;return n||console.log("ResourceLayout re-rendering:",{resourceConfigChanged:o.resourceConfig!==e.resourceConfig,localeChanged:o.locale!==e.locale}),n});export{A as default};
+import { jsx, jsxs } from "react/jsx-runtime";
+import React, { useMemo } from "react";
+import ResourceMenu from "./ResourceMenu";
+const MemoizedResourceMenu = React.memo(({
+  resourceConfig,
+  locale
+}) => /* @__PURE__ */ jsx(ResourceMenu, { resourceConfig, locale }), (prevProps, nextProps) => {
+  return prevProps.resourceConfig === nextProps.resourceConfig && prevProps.locale === nextProps.locale;
+});
+const ResourceLayout = (props) => {
+  const { resourceConfig, children, locale } = props;
+  const { resourceMenuDisabled, resourceMenuPosition } = useMemo(() => {
+    var _a, _b;
+    return {
+      resourceMenuDisabled: (_a = resourceConfig.resourceMenuDisabled) != null ? _a : false,
+      resourceMenuPosition: (_b = resourceConfig.resourceMenuPosition) != null ? _b : "top"
+    };
+  }, [resourceConfig.resourceMenuDisabled, resourceConfig.resourceMenuPosition]);
+  const shouldShowMenu = useMemo(() => {
+    return (resourceConfig.mainAction || resourceConfig.menu && resourceConfig.menu.length > 0) && !resourceMenuDisabled;
+  }, [
+    resourceConfig.mainAction,
+    resourceConfig.menu,
+    resourceMenuDisabled
+  ]);
+  const headerContent = useMemo(() => {
+    if (!shouldShowMenu) return null;
+    return /* @__PURE__ */ jsx("div", { className: "dash-module-box-header", children: /* @__PURE__ */ jsx("div", { className: "dash-module-sidenav dash-d-none dash-d-lg-flex", children: /* @__PURE__ */ jsx(MemoizedResourceMenu, { resourceConfig, locale }) }) });
+  }, [shouldShowMenu, resourceConfig]);
+  return /* @__PURE__ */ jsx("div", { className: "dash-app-module", children: /* @__PURE__ */ jsxs("div", { className: "dash-module-horizontal-box", style: { maxWidth: "100%" }, children: [
+    headerContent,
+    /* @__PURE__ */ jsx("div", { className: "dash-module-box-content", children })
+  ] }) });
+};
+var ResoureLayout_default = React.memo(ResourceLayout, (prevProps, nextProps) => {
+  const propsEqual = prevProps.resourceConfig === nextProps.resourceConfig && prevProps.locale === nextProps.locale;
+  if (!propsEqual) {
+    console.log("ResourceLayout re-rendering:", {
+      resourceConfigChanged: prevProps.resourceConfig !== nextProps.resourceConfig,
+      localeChanged: prevProps.locale !== nextProps.locale
+    });
+  }
+  return propsEqual;
+});
+export {
+  ResoureLayout_default as default
+};

package/dist/layout/TransitionWrapper.js

@@ -1,4 +1,77 @@
-import{jsx as t,jsxs as w}from"react/jsx-runtime";import{useState as a,useEffect as y}from"react";import{Outlet as b,useLocation as g}from"react-router-dom";const h=l=>{const{pageTransition:r=!0,loadingSpinner:d=!0,transitionDuration:i=500}=l,n=g(),[o,m]=a(n),[u,s]=a(!1),[f,p]=a(0),[v,c]=a(!0);return y(()=>{if(!r||n.pathname===o.pathname)return;(async()=>(c(!1),s(!0),await new Promise(e=>requestAnimationFrame(e)),p(1),await new Promise(e=>setTimeout(e,i)),m(n),await new Promise(e=>setTimeout(e,100)),p(0),await new Promise(e=>setTimeout(e,i)),s(!1),c(!0)))()},[n,o,r,i]),w("div",{className:"transition-container",style:{position:"relative",height:"100%"},children:[t("div",{children:t(b,{},o.pathname)}),d&&u&&t("div",{style:{position:"fixed",top:0,left:0,right:0,bottom:0,backgroundColor:"rgba(255, 255, 255, 0.8)",display:"flex",justifyContent:"center",alignItems:"center",zIndex:1e3,opacity:f,transition:`opacity ${i}ms ease-in-out`},children:t("div",{className:"spinner",children:t("style",{children:`
+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, useEffect } from "react";
+import { Outlet, useLocation } from "react-router-dom";
+const TransitionWrapper = (props) => {
+  const {
+    pageTransition = true,
+    loadingSpinner = true,
+    transitionDuration = 500
+    // in ms
+  } = props;
+  const location = useLocation();
+  const [displayLocation, setDisplayLocation] = useState(location);
+  const [showSpinner, setShowSpinner] = useState(false);
+  const [spinnerOpacity, setSpinnerOpacity] = useState(0);
+  const [isReady, setIsReady] = useState(true);
+  useEffect(() => {
+    if (!pageTransition || location.pathname === displayLocation.pathname) {
+      return;
+    }
+    const sequence = () => __async(null, null, function* () {
+      setIsReady(false);
+      setShowSpinner(true);
+      yield new Promise((resolve) => requestAnimationFrame(resolve));
+      setSpinnerOpacity(1);
+      yield new Promise((resolve) => setTimeout(resolve, transitionDuration));
+      setDisplayLocation(location);
+      yield new Promise((resolve) => setTimeout(resolve, 100));
+      setSpinnerOpacity(0);
+      yield new Promise((resolve) => setTimeout(resolve, transitionDuration));
+      setShowSpinner(false);
+      setIsReady(true);
+    });
+    sequence();
+  }, [location, displayLocation, pageTransition, transitionDuration]);
+  return /* @__PURE__ */ jsxs("div", { className: "transition-container", style: { position: "relative", height: "100%" }, children: [
+    /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(Outlet, {}, displayLocation.pathname) }),
+    loadingSpinner && showSpinner && /* @__PURE__ */ jsx(
+      "div",
+      {
+        style: {
+          position: "fixed",
+          top: 0,
+          left: 0,
+          right: 0,
+          bottom: 0,
+          backgroundColor: "rgba(255, 255, 255, 0.8)",
+          display: "flex",
+          justifyContent: "center",
+          alignItems: "center",
+          zIndex: 1e3,
+          opacity: spinnerOpacity,
+          transition: `opacity ${transitionDuration}ms ease-in-out`
+        },
+        children: /* @__PURE__ */ jsx("div", { className: "spinner", children: /* @__PURE__ */ jsx("style", { children: `
               .spinner {
                 display: inline-block;
                 position: relative;
@@ -21,4 +94,12 @@ import{jsx as t,jsxs as w}from"react/jsx-runtime";import{useState as a,useEffect
                 0% { transform: rotate(0); }
                 100% { transform: rotate(360deg); }
               }
-            `})})})]})};var I=h;export{I as default};
+            ` }) })
+      }
+    )
+  ] });
+};
+var TransitionWrapper_default = TransitionWrapper;
+export {
+  TransitionWrapper_default as default
+};

package/dist/pages/ChangePassword.js

@@ -1 +1,198 @@
-import{jsx as e,jsxs as C}from"react/jsx-runtime";import{Alert as g,Box as k,Button as b,TextField as y}from"@mui/material";import{useEffect as R,useState as l}from"react";import{useNavigate as L,useSearchParams as S}from"react-router-dom";import A from"../hooks/axios";import{FullLayoutMarkup as B}from"../../src/default-theme";const I=m=>{let s={};for(const a of m){const[p,r]=a;s={...s,[p]:r}}return Object.keys(s).length>0?s:null},E=({})=>{const m=L();let[s]=S();const a=I(s.entries()),p=a?.email?decodeURIComponent(a.email).replace(/[)\]\s]+$/,""):"",[r,v]=l(""),[u,w]=l(""),[c,f]=l(!1),[h,o]=l(""),[x,P]=l(!1),{axios:N}=A();return R(()=>{(!a?.token||!a?.email)&&m("/login")},[]),e(B,{children:x?C(k,{sx:{display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",boxShadow:3,borderRadius:2,p:4,minWidth:320,minHeight:200,bgcolor:"background.paper",mt:8,mx:"auto"},children:[e("h1",{className:"dash-app-login-form-title",style:{margin:0},children:"Contrase\xF1a cambiada"}),e(g,{severity:"success",sx:{mt:2,mb:2},children:"Tu contrase\xF1a ha sido cambiada correctamente."}),e(b,{variant:"contained",color:"primary",onClick:()=>m("/login"),sx:{mt:2},children:"Ir al Login"})]}):C("form",{onSubmit:async n=>{if(n.preventDefault(),r===u){o(""),f(!0);try{const{data:i}=await N.post("password/reset",{password:r,password_confirmation:u,token:a?.token,email:p});P(!0)}catch(i){let d="Error al cambiar contrase\xF1a";if(i?.response?.data){const t=i.response.data;t.errors&&t.errors.email&&t.errors.email.length>0?d=t.errors.email[0]:t.message&&(d=t.message)}else i?.message&&(d=i.message);o(d)}finally{f(!1)}}else o("Las contrase\xF1as no coinciden")},className:"dash-app-login-form",autoComplete:"on",method:"post",children:[e("h1",{className:"dash-app-login-form-title",children:"Cambiar Contrase\xF1a"}),h&&e(g,{severity:"error",sx:{mb:2},children:h}),e("div",{className:"dash-app-form-item",children:e(y,{fullWidth:!0,label:"Contrase\xF1a",placeholder:"Contrase\xF1a",required:!0,type:"password",value:r,onChange:n=>{o(""),v(n.target.value)},className:"dash-app-form-item-input",disabled:c})}),e("div",{className:"dash-app-form-item",children:e(y,{fullWidth:!0,label:"Repetir Contrase\xF1a",placeholder:"Repetir Contrase\xF1a",required:!0,type:"password",value:u,onChange:n=>{o(""),w(n.target.value)},className:"dash-app-form-item-input",disabled:c})}),e("div",{className:"dash-app-form-item mt-1",children:e(b,{type:"submit",variant:"contained",className:"submit",disabled:c,sx:{mb:2,width:"100%"},children:c?"Cargando...":"Cambiar Contrase\xF1a"})})]})})};var Q=E;export{Q 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 { Alert, Box, Button, TextField } from "@mui/material";
+import { useEffect, useState } from "react";
+import { useNavigate, useSearchParams } from "react-router-dom";
+import useAxios from "../hooks/axios";
+import { FullLayoutMarkup } from "../default-theme";
+const getUrlParamsObject = (searchParams) => {
+  let params = {};
+  for (const entry of searchParams) {
+    const [param, value] = entry;
+    params = __spreadProps(__spreadValues({}, params), { [param]: value });
+  }
+  return Object.keys(params).length > 0 ? params : null;
+};
+const ChangePassword = ({}) => {
+  const navigate = useNavigate();
+  let [searchParams] = useSearchParams();
+  const urlQuery = getUrlParamsObject(searchParams.entries());
+  const cleanEmail = (urlQuery == null ? void 0 : urlQuery.email) ? decodeURIComponent(urlQuery.email).replace(/[)\]\s]+$/, "") : "";
+  const [password, setPassword] = useState("");
+  const [rePassword, setRePassword] = useState("");
+  const [loading, setLoading] = useState(false);
+  const [error, setError] = useState("");
+  const [success, setSuccess] = useState(false);
+  const { axios } = useAxios();
+  useEffect(() => {
+    if (!(urlQuery == null ? void 0 : urlQuery.token) || !(urlQuery == null ? void 0 : urlQuery.email)) {
+      navigate("/login");
+    }
+  }, []);
+  const handleSubmit = (e) => __async(null, null, function* () {
+    var _a;
+    e.preventDefault();
+    if (password === rePassword) {
+      setError("");
+      setLoading(true);
+      try {
+        const { data } = yield axios.post(`password/reset`, {
+          password,
+          password_confirmation: rePassword,
+          token: urlQuery == null ? void 0 : urlQuery.token,
+          email: cleanEmail
+        });
+        setSuccess(true);
+      } catch (error2) {
+        let errorMsg = "Error al cambiar contrase\xF1a";
+        if ((_a = error2 == null ? void 0 : error2.response) == null ? void 0 : _a.data) {
+          const resp = error2.response.data;
+          if (resp.errors && resp.errors.email && resp.errors.email.length > 0) {
+            errorMsg = resp.errors.email[0];
+          } else if (resp.message) {
+            errorMsg = resp.message;
+          }
+        } else if (error2 == null ? void 0 : error2.message) {
+          errorMsg = error2.message;
+        }
+        setError(errorMsg);
+      } finally {
+        setLoading(false);
+      }
+    } else {
+      setError("Las contrase\xF1as no coinciden");
+    }
+  });
+  return /* @__PURE__ */ jsx(FullLayoutMarkup, { children: success ? /* @__PURE__ */ jsxs(
+    Box,
+    {
+      sx: {
+        display: "flex",
+        flexDirection: "column",
+        alignItems: "center",
+        justifyContent: "center",
+        boxShadow: 3,
+        borderRadius: 2,
+        p: 4,
+        minWidth: 320,
+        minHeight: 200,
+        bgcolor: "background.paper",
+        mt: 8,
+        mx: "auto"
+      },
+      children: [
+        /* @__PURE__ */ jsx("h1", { className: "dash-app-login-form-title", style: { margin: 0 }, children: "Contrase\xF1a cambiada" }),
+        /* @__PURE__ */ jsx(Alert, { severity: "success", sx: { mt: 2, mb: 2 }, children: "Tu contrase\xF1a ha sido cambiada correctamente." }),
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            variant: "contained",
+            color: "primary",
+            onClick: () => navigate("/login"),
+            sx: { mt: 2 },
+            children: "Ir al Login"
+          }
+        )
+      ]
+    }
+  ) : /* @__PURE__ */ jsxs(
+    "form",
+    {
+      onSubmit: handleSubmit,
+      className: "dash-app-login-form",
+      autoComplete: "on",
+      method: "post",
+      children: [
+        /* @__PURE__ */ jsx("h1", { className: "dash-app-login-form-title", children: "Cambiar Contrase\xF1a" }),
+        error && /* @__PURE__ */ jsx(Alert, { severity: "error", sx: { mb: 2 }, children: error }),
+        /* @__PURE__ */ jsx("div", { className: "dash-app-form-item", children: /* @__PURE__ */ jsx(
+          TextField,
+          {
+            fullWidth: true,
+            label: "Contrase\xF1a",
+            placeholder: "Contrase\xF1a",
+            required: true,
+            type: "password",
+            value: password,
+            onChange: (e) => {
+              setError("");
+              setPassword(e.target.value);
+            },
+            className: "dash-app-form-item-input",
+            disabled: loading
+          }
+        ) }),
+        /* @__PURE__ */ jsx("div", { className: "dash-app-form-item", children: /* @__PURE__ */ jsx(
+          TextField,
+          {
+            fullWidth: true,
+            label: "Repetir Contrase\xF1a",
+            placeholder: "Repetir Contrase\xF1a",
+            required: true,
+            type: "password",
+            value: rePassword,
+            onChange: (e) => {
+              setError("");
+              setRePassword(e.target.value);
+            },
+            className: "dash-app-form-item-input",
+            disabled: loading
+          }
+        ) }),
+        /* @__PURE__ */ jsx("div", { className: "dash-app-form-item mt-1", children: /* @__PURE__ */ jsx(
+          Button,
+          {
+            type: "submit",
+            variant: "contained",
+            className: "submit",
+            disabled: loading,
+            sx: { mb: 2, width: "100%" },
+            children: loading ? "Cargando..." : "Cambiar Contrase\xF1a"
+          }
+        ) })
+      ]
+    }
+  ) });
+};
+var ChangePassword_default = ChangePassword;
+export {
+  ChangePassword_default as default
+};

package/dist/pages/DASHLanding.js

@@ -1 +1,9 @@
-import{jsx as o}from"react/jsx-runtime";import{Box as t,Typography as r}from"@mui/material";const p=()=>o(t,{sx:{p:4},children:o(r,{variant:"h4",gutterBottom:!0,children:"Welcome to DASH"})});var s=p;export{s as default};
+import { jsx } from "react/jsx-runtime";
+import { Box, Typography } from "@mui/material";
+const DashLanding = () => {
+  return /* @__PURE__ */ jsx(Box, { sx: { p: 4 }, children: /* @__PURE__ */ jsx(Typography, { variant: "h4", gutterBottom: true, children: "Welcome to DASH" }) });
+};
+var DASHLanding_default = DashLanding;
+export {
+  DASHLanding_default as default
+};