@dashadmin/dash-admin 1.3.24 → 1.3.26

package/dist/hooks/window/useWindowSize.js

@@ -1 +1,23 @@
-import{useState as d,useEffect as t}from"react";const w=()=>{const[i,n]=d({width:void 0,height:void 0});return t(()=>{function e(){n({width:window.innerWidth,height:window.innerHeight})}return window.addEventListener("resize",e),e(),()=>window.removeEventListener("resize",e)},[]),i};var r=w;export{r as default};
+import { useState, useEffect } from "react";
+const useWindowSize = () => {
+  const [windowSize, setWindowSize] = useState({
+    width: void 0,
+    height: void 0
+  });
+  useEffect(() => {
+    function handleResize() {
+      setWindowSize({
+        width: window.innerWidth,
+        height: window.innerHeight
+      });
+    }
+    window.addEventListener("resize", handleResize);
+    handleResize();
+    return () => window.removeEventListener("resize", handleResize);
+  }, []);
+  return windowSize;
+};
+var useWindowSize_default = useWindowSize;
+export {
+  useWindowSize_default as default
+};

package/dist/index.js

@@ -1,99 +1,122 @@
-import { A as t, d as o, e as n, f as i, g as u, h as c, i as l, j as d, B as m, B as p, k as C, k as h, l as g, m as A, n as D, D as R, o as S, p as v, q as x, r as L, s as y, t as B, v as M, w as P, x as T, y as H, z as b, E, G as F, H as W, F as k, I, J as f, K as w, L as N, M as V, N as q, O as G, P as Q, Q as j, R as z, S as U, T as _, V as J, W as K, X as O, Y as X, Z as Y, _ as Z, $, a0 as aa, a1 as ea, a2 as sa, a3 as ra, a4 as ta, U as oa, a5 as na, a6 as ia, c as ua, a7 as ca, a8 as la, a9 as da, aa as ma, ab as pa, ac as Ca, ad as ha, ae as ga, af as Aa, ag as Da, ah as Ra, ai as Sa, aj as va, ak as xa, al as La, am as ya, an as Ba, ao as Ma, u as Pa, ap as Ta, aq as Ha, ar as ba, as as Ea, at as Fa, au as Wa, av as ka, aw as Ia, ax as fa, ay as wa, az as Na, aA as Va, aB as qa, aC as Ga, aD as Qa, aE as ja } from "./index-gfebuoyf.js";
-import "@dashadmin/dash-utils";
-import "react";
+import { default as default2 } from "./hooks/useGlobalLoaderMgr";
+import { default as default3 } from "./components/loader/GlobalLoader";
+import { default as default4 } from "./AppAsyncWrapper";
+import { default as default5 } from "./AppWrapper";
+import { default as default6 } from "./DASHAdmin";
+import { default as default7 } from "./systemResources";
+import { default as default8 } from "./tenantResources";
+import { default as default9 } from "./components/misc/CustomImageInput";
+import { default as default10 } from "./templates/ResourceTemplate";
+import { default as default11 } from "./templates/ResourceTemplateFull";
+import { useDashResource } from "./contexts/DashResourceContext";
+import { default as default12 } from "./templates/TrashTemplate";
+import { default as default13 } from "./layout/MotionWrapper";
+import { default as default14 } from "./hooks/window/useWindowSize";
+import { CacheInvalidatorContext } from "./utils/cache/CacheInvalidatorContext";
+import { default as default15 } from "./utils/cache/CacheInvalidatorListenerComponent";
+import { AuthContext } from "./contexts/auth";
+import { NotificationComponent } from "./contexts/com/components/NotificationRenderer";
+import { NotificationWrapper } from "./contexts/com/components/NotificationsWidget";
+import { default as default16 } from "./contexts/com/useLaravelEcho";
+import { default as default17 } from "./hooks/notifications/WSMessagesManager";
+import { default as default18, FCMProvider } from "./contexts/com/FCMContext";
+import { default as default19 } from "./components/custom/Redirect";
+import { default as default20, AnimatedRoutesWrapper } from "./RoutingWrapper";
+import { useAuthContext } from "./contexts/auth/AuthContext";
+import { default as default21 } from "./contexts/com/LaravelEchoContext";
+import { default as default22, useDashQueryClient, useDashQueryPersister, useIsCachePersisted } from "./contexts/DashQueryClientContext";
+import { default as default23, useSystemRequestsCache } from "./contexts/SystemRequestsCache";
+import { SubscriptionPlanFormatsProvider, useSubscriptionPlanFormats } from "./contexts/SubscriptionPlanFormatsProvider";
+import { default as default24 } from "./components/misc/DASHGlobalErrorHandler";
+export * from "./react-admin-dash/Resource";
+import { default as default25 } from "./components/logs/LogFileById";
+import { default as default26 } from "./components/logs/LogFile";
+import { default as default27 } from "./contexts/auth/DASHAuthenticationService";
+export * from "./contexts/auth";
+export * from "./utils";
+export * from "./default-theme";
+export * from "./providers/i18n/languages";
+import { default as default28 } from "./components/menu/DarkToggleMode";
+import { default as default29 } from "./hooks/useFormPersistance";
+import { default as default30 } from "./components/user/AvatarComponent";
+import { default as default31 } from "./components/user/TenantAvatarComponent";
+import { default as default32 } from "./components/user/UserPreferences";
+import { default as default33 } from "./components/misc/LanguageSwitcher";
+import { default as default34 } from "./components/misc/DarkModeSwitcher";
+import { Breadcrumbs, BreadcrumbsComponent, BreadcrumbsManager, BreadcrumbsManagerComponent } from "./components/navigation";
+import { useBreadcrumbs } from "./hooks/useBreadcrumbs";
+import {
+  createDASHResourceLoader,
+  getDASHResources,
+  loadResourcesFromManifest,
+  loadManifest,
+  clearResourceCache,
+  getCachedResources
+} from "./resources/DASHResourceLoader";
+import { default as default35, I18nBridgeProvider, useI18nBridge, useBridgedLocales, useBridgedChangeLocale, useBridgedLocale } from "./contexts/I18nBridgeContext";
 export {
-  t as AnimatedRoutesWrapper,
-  o as AppAsyncWrapper,
-  n as AppWrapper,
-  i as AuthContext,
-  u as AuthContextClass,
-  c as AuthContextConsumer,
-  l as AuthContextProvider,
-  d as AvatarComponent,
-  m as Breadcrumbs,
-  p as BreadcrumbsComponent,
-  C as BreadcrumbsManager,
-  h as BreadcrumbsManagerComponent,
-  g as CacheInvalidatorContext,
-  A as CacheInvalidatorListenerComponent,
-  D as CustomImageInput,
-  R as DASHAdmin,
-  S as DASHAppLayout,
-  v as DASHAppProviders,
-  x as DASHAuthenticationService,
-  L as DASHGlobalErrorHandler,
-  y as DarkModeSwitcher,
-  B as DarkToggleMode,
-  M as DashQueryClientContext,
-  P as DashThemeContext,
-  T as DashThemeHelperProvider,
-  H as DomainHeader,
-  b as DomainTheme,
-  E as EmailValidator,
-  F as FCMContext,
-  W as FCMProvider,
-  k as FullLayoutMarkup,
-  I as GlobalLoader,
-  f as I18nBridgeContext,
-  w as I18nBridgeProvider,
-  N as LanguageSwitcher,
-  V as LaravelEchoContext,
-  q as LogFile,
-  G as LogFileById,
-  Q as MotionWrapper,
-  j as NAV_EVENTS,
-  z as NavEventManager,
-  U as NotificationComponent,
-  _ as NotificationWrapper,
-  J as Redirect,
-  K as Resource,
-  O as ResourceTemplate,
-  X as ResourceTemplateFull,
-  Y as RoutingWrapper,
-  Z as RutValidator,
-  $ as RutValidatorWithoutDots,
-  aa as StaticLayout,
-  ea as SubscriptionPlanFormatsProvider,
-  sa as SystemRequestsCache,
-  ra as TenantAvatarComponent,
-  ta as TrashTemplate,
-  oa as UserPreferences,
-  na as WSMessagesManager,
-  ia as WindowContext,
-  ua as clearAllCookies,
-  ca as clearResourceCache,
-  la as createDASHResourceLoader,
-  da as emailRegExp,
-  ma as en,
-  pa as es,
-  Ca as getAuthPermissions,
-  ha as getCachedResources,
-  ga as getCookie,
-  Aa as getDASHResources,
-  Da as injectTenantStyles,
-  Ra as loadManifest,
-  Sa as loadResourcesFromManifest,
-  va as removeCookie,
-  xa as setAuthEvent,
-  La as setCookie,
-  ya as slugify,
-  Ba as systemResources,
-  Ma as tenantResources,
-  Pa as useAuthContext,
-  Ta as useBreadcrumbs,
-  Ha as useBridgedChangeLocale,
-  ba as useBridgedLocale,
-  Ea as useBridgedLocales,
-  Fa as useDashQueryClient,
-  Wa as useDashQueryPersister,
-  ka as useDashResource,
-  Ia as useDashThemeHelperContext,
-  fa as useFormPersistence,
-  wa as useGlobalLoaderMgr,
-  Na as useI18nBridge,
-  Va as useIsCachePersisted,
-  qa as useLaravelEcho,
-  Ga as useSubscriptionPlanFormats,
-  Qa as useSystemRequestsCache,
-  ja as useWindowSize
+  AnimatedRoutesWrapper,
+  default4 as AppAsyncWrapper,
+  default5 as AppWrapper,
+  AuthContext,
+  default30 as AvatarComponent,
+  Breadcrumbs,
+  BreadcrumbsComponent,
+  BreadcrumbsManager,
+  BreadcrumbsManagerComponent,
+  CacheInvalidatorContext,
+  default15 as CacheInvalidatorListenerComponent,
+  default9 as CustomImageInput,
+  default6 as DASHAdmin,
+  default27 as DASHAuthenticationService,
+  default24 as DASHGlobalErrorHandler,
+  default34 as DarkModeSwitcher,
+  default28 as DarkToggleMode,
+  default22 as DashQueryClientContext,
+  default18 as FCMContext,
+  FCMProvider,
+  default3 as GlobalLoader,
+  default35 as I18nBridgeContext,
+  I18nBridgeProvider,
+  default33 as LanguageSwitcher,
+  default21 as LaravelEchoContext,
+  default26 as LogFile,
+  default25 as LogFileById,
+  default13 as MotionWrapper,
+  NotificationComponent,
+  NotificationWrapper,
+  default19 as Redirect,
+  default10 as ResourceTemplate,
+  default11 as ResourceTemplateFull,
+  default20 as RoutingWrapper,
+  SubscriptionPlanFormatsProvider,
+  default23 as SystemRequestsCache,
+  default31 as TenantAvatarComponent,
+  default12 as TrashTemplate,
+  default32 as UserPreferences,
+  default17 as WSMessagesManager,
+  clearResourceCache,
+  createDASHResourceLoader,
+  getCachedResources,
+  getDASHResources,
+  loadManifest,
+  loadResourcesFromManifest,
+  default7 as systemResources,
+  default8 as tenantResources,
+  useAuthContext,
+  useBreadcrumbs,
+  useBridgedChangeLocale,
+  useBridgedLocale,
+  useBridgedLocales,
+  useDashQueryClient,
+  useDashQueryPersister,
+  useDashResource,
+  default29 as useFormPersistence,
+  default2 as useGlobalLoaderMgr,
+  useI18nBridge,
+  useIsCachePersisted,
+  default16 as useLaravelEcho,
+  useSubscriptionPlanFormats,
+  useSystemRequestsCache,
+  default14 as useWindowSize
 };

package/dist/interfaces.js

@@ -1 +1,6 @@
-import{NotificationComponent as e}from"./contexts/com/components/NotificationRenderer";import{NotificationWrapper as r}from"./contexts/com/components/NotificationsWidget";export{e as NotificationComponent,r as NotificationWrapper};
+import { NotificationComponent } from "./contexts/com/components/NotificationRenderer";
+import { NotificationWrapper } from "./contexts/com/components/NotificationsWidget";
+export {
+  NotificationComponent,
+  NotificationWrapper
+};

package/dist/layout/AppLayout.js

@@ -1 +1,36 @@
-import{Fragment as S,jsx as e,jsxs as C}from"react/jsx-runtime";import{useEffect as c,useRef as n}from"react";import{useDispatch as u}from"react-redux";import{useNavigate as m}from"react-router";import{useStore as f}from"react-admin";import{ToastContainer as l}from"react-toastify";import d from"../hooks/useLocalStorage";import{DASH_REDUX_ACTIONS as g}from"@dashadmin/dash-admin-state";import{Box as a}from"@mui/material";import{LaravelEchoProvider as h}from"../contexts/com/LaravelEchoContext";import{DialogServiceProvider as A}from"@dashadmin/dash-dialog";const v=i=>{const{children:t}=i,p=u(),r=n(null),[s,y]=d("authenticated"),[o]=f("resourceConfig"),L=m();return c(()=>{p(g.updatePage({title:o&&o.label,subTitle:o&&o.group}))},[o]),e(S,{children:e(A,{children:s?C(h,{children:[e(l,{style:{width:"520px"}}),e(a,{ref:r,className:"dash-layout-content",children:t},1)]}):e(a,{ref:r,className:"dash-layout-content",children:t},1)})})};var q=v;export{q as default};
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { useEffect, useRef } from "react";
+import { useDispatch } from "react-redux";
+import { useNavigate } from "react-router";
+import { useStore } from "react-admin";
+import { ToastContainer } from "react-toastify";
+import useLocalStorage from "../hooks/useLocalStorage";
+import { DASH_REDUX_ACTIONS } from "dash-admin-state";
+import { Box } from "@mui/material";
+import { LaravelEchoProvider } from "../contexts/com/LaravelEchoContext";
+import { DialogServiceProvider } from "dash-dialog";
+const CustomAppLayout = (props) => {
+  const { children } = props;
+  const dispatch = useDispatch();
+  const contentRef = useRef(null);
+  const [authenticated, setAuthenticated] = useLocalStorage("authenticated");
+  const [resourceConfig] = useStore("resourceConfig");
+  const navigate = useNavigate();
+  useEffect(() => {
+    dispatch(
+      DASH_REDUX_ACTIONS.updatePage({
+        title: resourceConfig && resourceConfig.label,
+        //icon: resourceConfig && resourceConfig.group && GroupIcons[resourceConfig.group],
+        subTitle: resourceConfig && resourceConfig.group
+      })
+    );
+  }, [resourceConfig]);
+  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(DialogServiceProvider, { children: authenticated ? /* @__PURE__ */ jsxs(LaravelEchoProvider, { children: [
+    /* @__PURE__ */ jsx(ToastContainer, { style: { width: "520px" } }),
+    /* @__PURE__ */ jsx(Box, { ref: contentRef, className: "dash-layout-content", children }, 1)
+  ] }) : /* @__PURE__ */ jsx(Box, { ref: contentRef, className: "dash-layout-content", children }, 1) }) });
+};
+var AppLayout_default = CustomAppLayout;
+export {
+  AppLayout_default as default
+};

package/dist/layout/ApplicationLayout.js

@@ -1 +1,110 @@
-import{Fragment as T,jsx as i,jsxs as e}from"react/jsx-runtime";import{useEffect as R,useState as x}from"react";import{Button as M,useRedirect as L,useStore as b,useTranslate as w}from"react-admin";import D from"../hooks/useVirtualHash";const g=t=>!t||typeof t!="string"?!1:t.includes(".")&&t===t.toLowerCase(),S=({resourceConfig:t,children:m})=>{const[h,p]=x(!1),s=L(),u=w(),{setVirtualHash:o}=D(),[,d]=b("resourceConfig",t),r=a=>{if(!a)return"";if(g(a)){const n=u(a,{_:a});return n===a?a:n}return a};R(()=>{d(t)},[t,d]);const A=()=>p(!h),v=a=>{if(a.redirect){const n=a.redirect?.startsWith("/")?a.redirect:`/${a.redirect}`.replace(/\/+/g,"/");s(n)}else a.onClick&&a.onClick()},y=a=>{if(a.preventDefault(),!t.mainAction)return;const n=t.mainAction.fn==="virtualhash"?o:s;if(t.mainAction.redirect){const c=t.mainAction.fn==="virtualhash"?o:s;let l=t.mainAction.redirect;t.mainAction.fn!=="virtualhash"&&(l=t.mainAction.redirect?.startsWith("/")?t.mainAction.redirect:`/${t.mainAction.redirect}`.replace(/\/+/g,"/")),c(l)}else t.mainAction.onClick&&t.mainAction.onClick()},N=()=>t.menu?Array.isArray(t.menu)?t.menu:t.menu():[],f=()=>{const a=N();return i("div",{className:"dash-module-top",children:e("div",{className:"dash-module-top-content",children:[a.length>0&&i("ul",{className:"dash-module-horizontal-nav",children:a.map((n,c)=>i("li",{onClick:()=>v(n),children:e("span",{className:"dash-link",children:[n.icon&&i("i",{className:`icon icon-${n.icon}`}),i("span",{children:r(n.title)})]})},c))}),t.mainAction&&i(T,{children:i("div",{className:"dash-module-action",children:i(M,{type:t.mainAction.type,className:"dash-btn-block",onClick:y,children:r(t.mainAction.title)})})})]})})},k=t.mainAction||t.menu;return i("div",{className:"dash-app-module",children:e("div",{className:"dash-module-horizontal-box",style:t.menu?{}:{maxWidth:"100%"},children:[k&&e("div",{className:"dash-module-box-header",children:[i("div",{className:"dash-module-sidenav dash-d-none dash-d-lg-flex",children:i(f,{})}),i("span",{className:"dash-drawer-btn dash-d-flex dash-d-lg-none",children:i("i",{className:"icon icon-menu dash-icon-btn","aria-label":"Menu",onClick:A})})]}),i("div",{className:"dash-module-box-content",children:m})]})})};var F=S;export{F as default};
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { useEffect, useState } from "react";
+import { Button, useRedirect, useStore, useTranslate } from "react-admin";
+import useVirtualHash from "../hooks/useVirtualHash";
+const isTranslationKey = (value) => {
+  if (!value || typeof value !== "string") return false;
+  return value.includes(".") && value === value.toLowerCase();
+};
+const ApplicationLayout = ({
+  resourceConfig,
+  children
+}) => {
+  const [drawerState, setDrawerState] = useState(false);
+  const redirect = useRedirect();
+  const translate = useTranslate();
+  const { setVirtualHash } = useVirtualHash();
+  const [, setResourceConfig] = useStore("resourceConfig", resourceConfig);
+  const translateLabel = (label) => {
+    if (!label) return "";
+    if (isTranslationKey(label)) {
+      const translated = translate(label, { _: label });
+      return translated === label ? label : translated;
+    }
+    return label;
+  };
+  useEffect(() => {
+    setResourceConfig(resourceConfig);
+  }, [resourceConfig, setResourceConfig]);
+  const toggleDrawer = () => setDrawerState(!drawerState);
+  const handleMenuClick = (menuItem) => {
+    var _a;
+    if (menuItem.redirect) {
+      const _redirect = ((_a = menuItem.redirect) == null ? void 0 : _a.startsWith("/")) ? menuItem.redirect : `/${menuItem.redirect}`.replace(/\/+/g, "/");
+      redirect(_redirect);
+    } else if (menuItem.onClick) {
+      menuItem.onClick();
+    }
+  };
+  const handleMainAction = (e) => {
+    var _a;
+    e.preventDefault();
+    if (!resourceConfig.mainAction) return;
+    const fn = resourceConfig.mainAction.fn === "virtualhash" ? setVirtualHash : redirect;
+    if (resourceConfig.mainAction.redirect) {
+      const fn2 = resourceConfig.mainAction.fn === "virtualhash" ? setVirtualHash : redirect;
+      let _redirect = resourceConfig.mainAction.redirect;
+      if (resourceConfig.mainAction.fn !== "virtualhash") {
+        _redirect = ((_a = resourceConfig.mainAction.redirect) == null ? void 0 : _a.startsWith("/")) ? resourceConfig.mainAction.redirect : `/${resourceConfig.mainAction.redirect}`.replace(/\/+/g, "/");
+      }
+      fn2(_redirect);
+    } else if (resourceConfig.mainAction.onClick) {
+      resourceConfig.mainAction.onClick();
+    }
+  };
+  const getMenu = () => {
+    if (!resourceConfig.menu) return [];
+    return Array.isArray(resourceConfig.menu) ? resourceConfig.menu : resourceConfig.menu();
+  };
+  const TopResourceMenu = () => {
+    const menu = getMenu();
+    return /* @__PURE__ */ jsx("div", { className: "dash-module-top", children: /* @__PURE__ */ jsxs("div", { className: "dash-module-top-content", children: [
+      menu.length > 0 && /* @__PURE__ */ jsx("ul", { className: "dash-module-horizontal-nav", children: menu.map((menuItem, index) => /* @__PURE__ */ jsx(
+        "li",
+        {
+          onClick: () => handleMenuClick(menuItem),
+          children: /* @__PURE__ */ jsxs("span", { className: "dash-link", children: [
+            menuItem.icon && /* @__PURE__ */ jsx("i", { className: `icon icon-${menuItem.icon}` }),
+            /* @__PURE__ */ jsx("span", { children: translateLabel(menuItem.title) })
+          ] })
+        },
+        index
+      )) }),
+      resourceConfig.mainAction && /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx("div", { className: "dash-module-action", children: /* @__PURE__ */ jsx(
+        Button,
+        {
+          type: resourceConfig.mainAction.type,
+          className: "dash-btn-block",
+          onClick: handleMainAction,
+          children: translateLabel(resourceConfig.mainAction.title)
+        }
+      ) }) })
+    ] }) });
+  };
+  const hasNavigation = resourceConfig.mainAction || resourceConfig.menu;
+  return /* @__PURE__ */ jsx("div", { className: "dash-app-module", children: /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: "dash-module-horizontal-box",
+      style: !resourceConfig.menu ? { maxWidth: "100%" } : {},
+      children: [
+        hasNavigation && /* @__PURE__ */ jsxs("div", { className: "dash-module-box-header", children: [
+          /* @__PURE__ */ jsx("div", { className: "dash-module-sidenav dash-d-none dash-d-lg-flex", children: /* @__PURE__ */ jsx(TopResourceMenu, {}) }),
+          /* @__PURE__ */ jsx("span", { className: "dash-drawer-btn dash-d-flex dash-d-lg-none", children: /* @__PURE__ */ jsx(
+            "i",
+            {
+              className: "icon icon-menu dash-icon-btn",
+              "aria-label": "Menu",
+              onClick: toggleDrawer
+            }
+          ) })
+        ] }),
+        /* @__PURE__ */ jsx("div", { className: "dash-module-box-content", children })
+      ]
+    }
+  ) });
+};
+var ApplicationLayout_default = ApplicationLayout;
+export {
+  ApplicationLayout_default as default
+};

package/dist/layout/MotionWrapper.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_default = MotionWrapper;
+export {
+  MotionWrapperBackground,
+  SpinnerComponent,
+  MotionWrapper_default as default
+};