@admin-layout/tailwind-design-pro 12.0.16-alpha.5 → 12.0.16-alpha.51

package/lib/components/Layout/Sidebar/PerplexSidebarMenu.js

@@ -0,0 +1,342 @@
+import {jsxs,jsx}from'react/jsx-runtime';import React__default,{useState,useRef,useEffect}from'react';import {useSelector}from'@xstate/react';import {useLocation,Link}from'@remix-run/react';import {generateMenuPath}from'@admin-layout/client';import {icons}from'../../../icons.js';const PerplexSidebarMenu = ({
+  menuData,
+  routeParams,
+  settings,
+  collapsed,
+  siderPinned,
+  setSiderPinned,
+  actor,
+  deviceSettings = {} // Provide empty object as default
+}) => {
+  const [openMenus, setOpenMenus] = useState([]);
+  const [hoveredMenu, setHoveredMenu] = useState(null);
+  const [activeMenuItem, setActiveMenuItem] = useState(null);
+  const [popupPosition, setPopupPosition] = useState({
+    top: 0,
+    height: 0
+  });
+  const [menuTransition, setMenuTransition] = useState('opening');
+  const [headerOffset, setHeaderOffset] = useState(0);
+  const [flyoutVisible, setFlyoutVisible] = useState(false);
+  const hoverCloseTimeout = React__default.useRef(null);
+  const hoverOpenTimeout = React__default.useRef(null);
+  const currentHoveredMenu = useRef(null);
+  const {
+    PushpinLineIcon,
+    PushpinFillIcon
+  } = icons;
+  const location = useLocation();
+  const machineState = useSelector(actor, state => state);
+  const pinnedPath = machineState?.context?.sidebar?.pinnedPath || null;
+  // Extract showHeader with fallback to true if not defined
+  const showHeader = deviceSettings && deviceSettings.header && deviceSettings.header.showHeader !== undefined ? deviceSettings.header.showHeader : true;
+  const isMenuItemActive = itemPath => {
+    const currentPath = location.pathname;
+    const menuPath = generateMenuPath(itemPath, routeParams);
+    // Exact match
+    if (currentPath === menuPath) {
+      return true;
+    }
+    // Check if current path is a child of the menu item path
+    if (menuPath && currentPath.startsWith(menuPath + '/')) {
+      return true;
+    }
+    return false;
+  };
+  const toggleMenu = (path, depth, e) => {
+    e.preventDefault();
+    if (collapsed) return;
+    setOpenMenus(prev => {
+      if (prev.includes(path)) {
+        return prev.filter(item => item !== path);
+      } else {
+        return [...prev, path];
+      }
+    });
+  };
+  const handleMenuClick = (path, hasChildren, depth, e) => {
+    if (hasChildren && !collapsed) {
+      toggleMenu(path, depth, e);
+    }
+  };
+  const getFirstLetter = name => {
+    return name.charAt(0).toUpperCase();
+  };
+  const getFirstWord = name => {
+    if (!name) return '';
+    const parts = name.trim().split(/\s+/);
+    return parts[0] || name;
+  };
+  const handleMenuHover = (e, item, isHoverMenu, depth = 0) => {
+    // Only set hover state if the menu has children
+    const canShowHoverPopup = collapsed && !isHoverMenu || !collapsed && depth === 0 && !isHoverMenu;
+    if (item.children && item.children.length > 0 && canShowHoverPopup) {
+      const element = e.currentTarget;
+      const rect = element.getBoundingClientRect();
+      // Calculate position ensuring it stays within viewport roughly
+      const viewportHeight = window.innerHeight;
+      let top = rect.top;
+      const maxTop = Math.max(8, viewportHeight - 300); // crude lower bound to avoid going off screen
+      if (top > maxTop) top = maxTop;
+      setPopupPosition({
+        top: top,
+        height: rect.height
+      });
+      // Clear any existing timeouts
+      if (hoverCloseTimeout.current) {
+        window.clearTimeout(hoverCloseTimeout.current);
+        hoverCloseTimeout.current = null;
+      }
+      if (hoverOpenTimeout.current) {
+        window.clearTimeout(hoverOpenTimeout.current);
+        hoverOpenTimeout.current = null;
+      }
+      currentHoveredMenu.current = item.path;
+      // Update which item is being hovered and its children data
+      if (hoveredMenu !== item.path) {
+        // Update the active menu item data first
+        setActiveMenuItem(item);
+        // If we're already showing a menu, just update content without closing/reopening
+        if (flyoutVisible) {
+          // Just update the hovered menu path without animation
+          setHoveredMenu(item.path);
+        } else {
+          // No flyout visible yet, show it with animation
+          setMenuTransition('opening');
+          setFlyoutVisible(true);
+          setHoveredMenu(item.path);
+        }
+      }
+      // If a different top-level item is hovered while pinned, update pinnedPath
+      if (depth === 0 && pinnedPath) {
+        actor?.send({
+          type: 'UPDATE',
+          value: {
+            'sidebar.pinnedPath': item.path
+          }
+        });
+      }
+    }
+  };
+  const handleMenuLeave = (item, isHoverMenu) => {
+    if (!isHoverMenu) {
+      // Clear any existing timeouts
+      if (hoverCloseTimeout.current) {
+        window.clearTimeout(hoverCloseTimeout.current);
+      }
+      if (hoverOpenTimeout.current) {
+        window.clearTimeout(hoverOpenTimeout.current);
+        hoverOpenTimeout.current = null;
+      }
+      currentHoveredMenu.current = null;
+      // Add a longer delay before closing the menu
+      hoverCloseTimeout.current = window.setTimeout(() => {
+        if (!currentHoveredMenu.current) {
+          // Only close if we're not currently hovering any menu
+          setMenuTransition('closing');
+          // Additional delay to complete closing animation
+          setTimeout(() => {
+            if (!currentHoveredMenu.current) {
+              setFlyoutVisible(false);
+              setHoveredMenu(null);
+            }
+          }, 150);
+        }
+      }, 300); // Extended delay to give more time to move between items
+    }
+  };
+  // Measure global header height so the rail starts below it
+  useEffect(() => {
+    const computeHeaderOffset = () => {
+      const headerEl = document.querySelector('header');
+      const measured = headerEl ? headerEl.getBoundingClientRect().height : 0;
+      setHeaderOffset(measured || 0);
+    };
+    computeHeaderOffset();
+    window.addEventListener('resize', computeHeaderOffset);
+    return () => window.removeEventListener('resize', computeHeaderOffset);
+  }, []);
+  const toggleSiderPinned = (e, path) => {
+    e.preventDefault();
+    e.stopPropagation();
+    const nextPinned = pinnedPath === path ? null : path;
+    actor?.send({
+      type: 'UPDATE',
+      value: {
+        'sidebar.pinnedPath': nextPinned
+      }
+    });
+    // Find the menu item by path and set it as active
+    if (nextPinned) {
+      const findItemByPath = (items, targetPath) => {
+        for (const item of items) {
+          if (item.path === targetPath) return item;
+          if (item.children) {
+            const found = findItemByPath(item.children, targetPath);
+            if (found) return found;
+          }
+        }
+        return null;
+      };
+      const menuItem = findItemByPath(menuData, path);
+      if (menuItem) {
+        setActiveMenuItem(menuItem);
+        setHoveredMenu(path);
+        setFlyoutVisible(true);
+      }
+    } else {
+      setFlyoutVisible(false);
+      setHoveredMenu(null);
+    }
+    setSiderPinned(!siderPinned);
+  };
+  // Single persistent flyout component for all menus
+  const renderSingleFlyout = () => {
+    if (!flyoutVisible || !activeMenuItem) return null;
+    const sidebarWidth = 92; // Updated fixed sidebar rail width
+    const item = activeMenuItem; // Use the currently active menu item
+    return jsxs("div", {
+      className: `fixed border border-border z-[999] overflow-hidden bg-background menu-${menuTransition}`,
+      style: {
+        left: `${sidebarWidth}px`,
+        top: !showHeader ? '0px' : `${headerOffset}px`,
+        height: !showHeader ? '100vh' : `calc(100vh - ${headerOffset}px)`,
+        width: '228px',
+        maxWidth: 'calc(100vw - 100px)',
+        pointerEvents: menuTransition === 'closing' ? 'none' : 'auto'
+      },
+      onMouseEnter: () => {
+        if (hoverCloseTimeout.current) {
+          window.clearTimeout(hoverCloseTimeout.current);
+          hoverCloseTimeout.current = null;
+        }
+        // Keep the flyout open while hovering it
+      },
+      onMouseLeave: () => {
+        if (pinnedPath === item.path) return; // don't close if pinned
+        if (hoverCloseTimeout.current) {
+          window.clearTimeout(hoverCloseTimeout.current);
+        }
+        currentHoveredMenu.current = null;
+        setMenuTransition('closing');
+        hoverCloseTimeout.current = window.setTimeout(() => {
+          if (!currentHoveredMenu.current) {
+            setFlyoutVisible(false);
+            setHoveredMenu(null);
+          }
+        }, 150);
+      },
+      children: [jsx("style", {
+        dangerouslySetInnerHTML: {
+          __html: `
+                    @keyframes fadeIn {
+                        from { opacity: 0; transform: translateX(-10px); }
+                        to { opacity: 1; transform: translateX(0); }
+                    }
+                    @keyframes fadeOut {
+                        from { opacity: 1; transform: translateX(0); }
+                        to { opacity: 0; transform: translateX(-10px); }
+                    }
+                    .menu-opening {
+                        animation: fadeIn 0.15s ease-out forwards;
+                    }
+                    .menu-closing {
+                        animation: fadeOut 0.15s ease-in forwards;
+                    }
+                    `
+        }
+      }), jsxs("div", {
+        className: "font-medium text-sm px-3 py-2 border-b border-border bg-muted sticky top-0 flex items-center justify-between",
+        children: [jsx("span", {
+          className: "text-primary whitespace-nowrap overflow-hidden text-ellipsis pr-2",
+          children: item.name
+        }), jsx("button", {
+          className: "text-muted-foreground hover:text-primary transition-colors",
+          "aria-label": pinnedPath === item.path ? 'Unpin' : 'Pin',
+          onClick: e => toggleSiderPinned(e, item.path),
+          children: pinnedPath === item.path ? jsx(PushpinFillIcon, {
+            className: "h-4 w-4"
+          }) : jsx(PushpinLineIcon, {
+            className: "h-4 w-4"
+          })
+        })]
+      }), jsx("div", {
+        className: "overflow-y-auto overflow-x-hidden py-1",
+        style: {
+          height: !showHeader ? 'calc(100vh - 44px)' : `calc(100vh - ${headerOffset}px - 44px)`
+        },
+        children: item.children?.map(child => jsx("div", {
+          className: "w-full min-w-max",
+          children: renderMenuItem(child, 1, true)
+        }, child.path))
+      })]
+    });
+  };
+  const renderMenuItem = (item, depth = 0, isHoverMenu = false) => {
+    const hasChildren = item.children && item.children.length > 0;
+    const isOpen = openMenus.includes(item.path);
+    const isActive = isMenuItemActive(item.path);
+    const isHovered = hoveredMenu === item.path;
+    const paddingLeft = `${depth * 1}rem`;
+    // Determine styling based on whether it's a parent or child item
+    const isParentWithChildren = hasChildren && depth === 0;
+    const shouldApplyBackground = isHovered || !isParentWithChildren && isActive;
+    return jsxs("div", {
+      className: `w-full relative group ${isHovered && collapsed && !isHoverMenu ? `rounded-themed` : ''}`,
+      style: {
+        backgroundColor: isHovered && !isHoverMenu ? 'hsl(var(--muted))' : ''
+      },
+      onMouseEnter: e => handleMenuHover(e, item, isHoverMenu, depth),
+      onMouseLeave: () => handleMenuLeave(item, isHoverMenu),
+      children: [depth === 0 && (isActive || isParentWithChildren && isHovered) && jsx("span", {
+        className: "absolute left-0 top-1 bottom-1 w-0.5 bg-primary rounded-sm"
+      }), jsx(Link, {
+        to: hasChildren && (collapsed || !collapsed && depth === 0) && !isHoverMenu ? '#' : generateMenuPath(item?.path, routeParams),
+        className: `flex items-center justify-between w-full px-1 py-2 hover:bg-muted text-xs cursor-pointer transition-colors rounded-themed mx-1 my-1 whitespace-nowrap overflow-hidden text-ellipsis ${shouldApplyBackground ? 'bg-muted' : ''}`,
+        style: {
+          paddingLeft: depth === 0 && !isHoverMenu ? '0.25rem' : `calc(1rem + ${paddingLeft})`
+        },
+        onClick: e => handleMenuClick(item.path, hasChildren && depth > 0, depth, e),
+        children: jsxs("div", {
+          className: `flex ${depth === 0 && !isHoverMenu ? 'flex-col items-center justify-center w-full gap-1' : 'items-center gap-3'}`,
+          children: [item.icon ? jsx("span", {
+            className: `flex-shrink-0 ${isActive ? 'text-primary' : 'text-muted-foreground'} ${depth === 0 && !isHoverMenu ? 'text-[20px]' : ''}`,
+            style: {
+              color: !isActive && settings?.navTheme === 'realDark' ? '#fff' : undefined
+            },
+            children: item.icon
+          }) : jsx("span", {
+            className: `flex items-center justify-center flex-shrink-0 ${isActive ? 'text-primary' : 'text-muted-foreground'} ${depth === 0 && !isHoverMenu ? 'text-[16px] h-6 w-6 rounded-md bg-muted select-none text-center' : ''}`,
+            style: {
+              color: !isActive && settings?.navTheme === 'realDark' ? '#fff' : undefined
+            },
+            children: getFirstLetter(item.name)
+          }), depth === 0 && !isHoverMenu ? jsx("span", {
+            className: `font-medium text-[11px] leading-4 text-center whitespace-nowrap overflow-hidden text-ellipsis w-full px-1 ${isActive ? 'text-primary' : 'text-foreground'}`,
+            style: {
+              color: !isActive && settings?.navTheme === 'realDark' ? '#fff' : undefined
+            },
+            title: item.name,
+            children: getFirstWord(item.name)
+          }) : (!collapsed || isHoverMenu) && jsx("span", {
+            className: `font-medium whitespace-nowrap overflow-hidden text-ellipsis ${isActive ? 'text-primary' : 'text-foreground'}`,
+            style: {
+              color: !isActive && settings?.navTheme === 'realDark' ? '#fff' : undefined
+            },
+            children: item.name
+          })]
+        })
+      }), hasChildren && isOpen && !collapsed && depth > 0 && jsx("div", {
+        className: "transition-all duration-200 ease-in-out bg-background",
+        children: item.children.map(child => renderMenuItem(child, depth + 1))
+      })]
+    }, item.path);
+  };
+  return jsxs("div", {
+    className: "overflow-hidden",
+    children: [jsx("nav", {
+      className: `mt-2 ${collapsed ? 'px-1' : 'px-2'} overflow-x-hidden`,
+      children: menuData.map(item => renderMenuItem(item))
+    }), renderSingleFlyout()]
+  });
+};export{PerplexSidebarMenu};//# sourceMappingURL=PerplexSidebarMenu.js.map

package/lib/components/Layout/Sidebar/PerplexSidebarMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PerplexSidebarMenu.js","sources":["../../../../src/components/Layout/Sidebar/PerplexSidebarMenu.tsx"],"sourcesContent":[null],"names":["React","_jsxs","_jsx"],"mappings":"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"}

package/lib/components/Layout/TailwindLayout.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TailwindLayout.d.ts","sourceRoot":"","sources":["../../../src/components/Layout/TailwindLayout.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAqB,MAAM,sBAAsB,CAAC;AAG3E,OAAO,KAA+B,MAAM,OAAO,CAAC;AACpD,OAAO,EAAE,kBAAkB,EAAE,cAAc,EAAwB,MAAM,aAAa,CAAC;AAsEvF,KAAK,cAAc,GAAG,cAAc,CAAC,OAAO,SAAS,CAAC,CAAC;AAEvD,QAAA,MAAM,SAAS;;;0EAAoB,CAAC;AAEpC,KAAK,+BAA+B,GAAG,gBAAgB,GAAG,cAAc,CAAC;AAEzE,QAAA,MAAM,mBAAmB,EAAE,kBAAkB,CACzC,KAAK,CAAC,mBAAmB,CAAC,CAAC,KAAK,EAAE,+BAA+B,KAAK,GAAG,CAAC,OAAO,CAAC,EAClF,GAAG,CAC8C,CAAC;AAEtD,eAAe,mBAAmB,CAAC"}
+{"version":3,"file":"TailwindLayout.d.ts","sourceRoot":"","sources":["../../../src/components/Layout/TailwindLayout.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAqB,MAAM,sBAAsB,CAAC;AAK3E,OAAO,KAA+B,MAAM,OAAO,CAAC;AACpD,OAAO,EAAE,kBAAkB,EAAE,cAAc,EAAwB,MAAM,aAAa,CAAC;AAkGvF,KAAK,cAAc,GAAG,cAAc,CAAC,OAAO,SAAS,CAAC,CAAC;AAEvD,QAAA,MAAM,SAAS;;;0EAAoB,CAAC;AAEpC,KAAK,+BAA+B,GAAG,gBAAgB,GAAG,cAAc,CAAC;AAEzE,QAAA,MAAM,mBAAmB,EAAE,kBAAkB,CACzC,KAAK,CAAC,mBAAmB,CAAC,CAAC,KAAK,EAAE,+BAA+B,KAAK,GAAG,CAAC,OAAO,CAAC,EAClF,GAAG,CAC8C,CAAC;AAEtD,eAAe,mBAAmB,CAAC"}

package/lib/components/Layout/TailwindLayout.js

@@ -1,32 +1,57 @@
-import {jsx}from'react/jsx-runtime';import {useLayoutSettings}from'@admin-layout/client';import {userSelector}from'@adminide-stack/user-auth0-client';import {useMachine}from'@xstate/react';import React__default,{useMemo,useCallback}from'react';import {connect,useSelector}from'react-redux';import {settingsMachine}from'../../machines/settingsMachine.js';import {TailwindThemeProvider}from'@admin-layout/tailwind-ui';import {BasicLayout}from'./BasicLayout/index.js';import {useRouteLoaderData}from'@remix-run/react';function BasicLayoutWithAuthorities(props) {
+import {jsx}from'react/jsx-runtime';import {useLayoutSettings}from'@admin-layout/client';import {TailwindThemeProvider}from'@admin-layout/tailwind-ui';import {userSelector}from'@adminide-stack/user-auth0-client';import {useRouteLoaderData}from'@remix-run/react';import {useMachine}from'@xstate/react';import React__default,{useMemo,useCallback}from'react';import {connect,useSelector}from'react-redux';import {settingsMachine}from'../../machines/settingsMachine.js';import {BasicLayout}from'./BasicLayout/index.js';function BasicLayoutWithAuthorities(props) {
   const userData = useSelector(userSelector);
   const {
     settings: settingsFromLoader
   } = useRouteLoaderData('root');
   const {
-    settings,
+    settings: reduxSettings,
     setSettings
   } = useLayoutSettings();
+  // Use settingsFromLoader if available, fallback to Redux settings
+  // This ensures the machine always has valid settings input
+  const initialSettings = settingsFromLoader || reduxSettings;
+  console.log('🎯 TailwindLayout - Settings check:', {
+    hasSettingsFromLoader: !!settingsFromLoader,
+    hasReduxSettings: !!reduxSettings,
+    loaderSettingsKeys: settingsFromLoader ? Object.keys(settingsFromLoader) : [],
+    reduxSettingsKeys: reduxSettings ? Object.keys(reduxSettings) : [],
+    loaderShowSettingPanel: settingsFromLoader?.showSettingPanel,
+    reduxShowSettingPanel: reduxSettings?.showSettingPanel,
+    usingSettings: initialSettings ? 'provided' : 'none',
+    initialSettingsKeys: initialSettings ? Object.keys(initialSettings) : [],
+    initialShowSettingPanel: initialSettings?.showSettingPanel
+  });
   const [state, send, settingsActor] = useMachine(settingsMachine.provide({
     actions: {
       updateReduxSettings: ({
-        context
+        context,
+        event
       }) => {
+        if (event?.type === 'ROUTE_CHANGE') {
+          return;
+        }
         setSettings(context);
       }
     }
   }), {
     input: {
-      settings: settingsFromLoader
+      settings: initialSettings
     }
   });
   const settingXstate = state?.context;
+  console.log('🔧 XState Context after initialization:', {
+    showSettingPanel: settingXstate?.showSettingPanel,
+    hasAllKeys: !!settingXstate,
+    contextKeys: settingXstate ? Object.keys(settingXstate).slice(0, 10) : [],
+    navTheme: settingXstate?.navTheme,
+    primaryColor: settingXstate?.primaryColor
+  });
   const {
     permissions
   } = props;
   const mainHeaderProps = useMemo(() => ({
-    picture: userData ? userData?.profile?.picture : null
-  }), [userData]);
+    picture: userData?.profile?.picture || null
+  }), [userData?.profile?.picture]);
   const onSettingChange = useCallback(config => {
     // Update Redux first
     setSettings(config);
@@ -37,8 +62,10 @@ import {jsx}from'react/jsx-runtime';import {useLayoutSettings}from'@admin-layout
       orgName
     } = {}
   } = props;
+  // Use merged settings for immediate UI updates
+  const mergedSettings = settingXstate?.mergedSettings || settingXstate;
   return jsx(TailwindThemeProvider, {
-    settings: settingXstate,
+    settings: mergedSettings,
     actor: settingsActor,
     children: jsx(BasicLayout, {
       routeParams: orgName,
@@ -47,7 +74,7 @@ import {jsx}from'react/jsx-runtime';import {useLayoutSettings}from'@admin-layout
       mainHeaderProps: mainHeaderProps,
       actor: settingsActor,
       ...props,
-      settings: settingXstate
+      settings: mergedSettings
     })
   });
 }

package/lib/components/Layout/TailwindLayout.js.map

@@ -1 +1 @@
-{"version":3,"file":"TailwindLayout.js","sources":["../../../src/components/Layout/TailwindLayout.tsx"],"sourcesContent":[null],"names":[],"mappings":"mgBAUA,SAAS,0BAA0B,CAAC,KAAgF,EAAA;AAChH,EAAA,MAAA,WAAiB,WAAA,CAAA,YAAY,CAAA;QACvB;IACN,QAAQ;AAER,GAAA,GAAA,kBAAoB,CAAA,MAAA,CAAA;AAEZ,EAAA,MAAA;AACI,IAAA,QAAA;;uBAEC,EAAA;AACJ,EAAA,MAAA,CAAA,KAAA,EAAA,IAAA,EAAA,aAAA,CAAA,GAAA,UAAA,CAAA,eAAA,CAAA,OAAA,CAAA;AACJ,IAAA,OACD,EAAA;AACI,MAAA,mBAAO,EAAA,CAAA;AACH,QAAA;AACH,OAAA,KAAA;AACJ,QACH,WAAA,CAAA,OAAA,CAAA;AAEF;AAEA;AAEA,GAAA,CAAA,EAAA;AAEQ,IAAA,KAAA,EAAA;AACH,MAAC,QACO,EAAA;AAGb;;QAGQ,aAAkB,GAAA,KAAE,EAAA,OAAA;AACxB,EAAA,MACC;IAGL;MACM,KAAA;QAEC,eACmB,GAAA,OAAA,CAAA,OAAA;AAY9B,IAAC,OAAA,EAAA,QAAA,GAAA,QAAA,EAAA,OAAA,EAAA,OAAA,GAAA;AAED,GAAM,CAAA,EAAA,CAAA,QAAW,CAAA,CAAA;QACL,eAAA,GAAA,WAAA,CAAA,MAAA,IAAA;;AAEX,IAAE,WAAA,CAAA,MAAA,CAAA;AAMH,GAAA,EAAA,CAAM,WAAY,CAAA,CAAA;AAIlB;AAKA,EAAA,MAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"TailwindLayout.js","sources":["../../../src/components/Layout/TailwindLayout.tsx"],"sourcesContent":[null],"names":[],"mappings":"mgBAYA,SAAS,0BAA0B,CAAC,KAAqC,EAAA;AACrE,EAAA,MAAA,WAAc,WAAG,CAAA,YAAY,CAAA;QAC7B;IACA,QAAQ,EAAA;MAER,kBAAA,CAAA,MAAA,CAAA;QACA;AACA,IAAA,QAAM,EAAA,aAAe;AAErB,IAAA;uBACI,EAAA;;AAEA;AACA,EAAA,MAAA,eAAA,GAAiB,kBAAkB,IAAA,aAAY;SAC/C,CAAA,GAAA,CAAA,qCAA0C,EAAE;yBAC5C,EAAA,CAAA,CAAqB,kBAAiB;oBACtC,EAAa,CAAE;AACf,IAAA,kBAAA,EAAA,kBAAqB,GAAgB,MAAE,CAAA,IAAO,CAAA,kBAAqB,CAAC,GAAE,EAAE;qBACxE,EAAA,aAAyB,GAAA,MAAA,CAAA,IAAiB,CAAA,aAAA,CAAA,GAAgB,EAAA;AAC7D,IAAA,sBAAE,EAAA,kBAAA,EAAA,gBAAA;AAEH,IAAA,qBAAoB,EAAA,aAAc,EAAG,gBACjC;AACI,IAAA,aAAS,EAAA,eAAA,GAAA,UAAA,GAAA,MAAA;uBACL,EAAA,eAAwB,GAAO,MAAE,CAAK,IAAI,CAAA,eAAE,CAAA,GAAA,EAAA;AACxC,IAAA,uBAAW,EAAA,eAAS,EAAA;;gBAEpB,IAAC,EAAA,aAAA,CAAA,GAAA,UAAA,CAAA,eAAA,CAAA,OAAA,CAAA;;yBAEJ,EAAA,CAAA;AACJ,QAAA,OAAA;AACJ,QACD;AACI,OAAA,KAAA;AACI,QAAA,IAAA,KAAA,EAAA,IAAU,KAAA,cAAe,EAAA;AAC5B,UAAA;AACJ,QACH;AAEF,QAAA,WAAM,CAAA,OAAiB,CAAA;AAEvB,MAAA;;;SAGI,EAAA;cACA,EAAQ;;AAEX,GAAA,CAAA;AAED,EAAA,MAAA,aAAQ,GAAW,cAAW;AAC9B,EAAA,OAAA,CAAM,6CACK,EAAA;AACH,IAAA,gBAAS,EAAA,aAAiB,EAAE,gBAAe;cAE9C,EAAA,CAAQ,CAAA,aAAW;AAExB,IAAA,0BAAwB,GAAA,MAAW,CAC/B,IAAC,CAAA,aAAU,CAAA,CAAA,KAAA,CAAA,CAAA,EAAA,EAAA,CAAA,GAAA,EAAA;YACP,EAAA,aAAA,EAAqB,QAAA;gBACrB,EAAA,aAAoB,EAAA;AACxB,GAAA,CAAA;QAIJ;IACA;MAEA,KAAA;AACA,EAAA,MAAA,kBAAoB,OAAG,CAAA;IAEvB,OAAO,UACF,EAAA,OAAA,EAAA,OAAqB;AAY9B,GAAC,CAAA,EAAA,CAAA,QAAA,EAAA,OAAA,EAAA,OAAA,CAAA,CAAA;AAED,EAAA,MAAM,eAAc,GAAA,WAAgB,CAAO,MAAM,IAAA;;IAE7C,WAAU,CAAA,MAAO,CAAA;AACpB,EAAC,CAAC,EAAA,CAAA,WAAA,CAAA,CAAA;AAMH;AAIA,EAAA,MAAM;AAKN,IAAA,WAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/components/Layout/getPageTitle.js.map

@@ -1 +1 @@
-{"version":3,"file":"getPageTitle.js","sources":["../../../src/components/Layout/getPageTitle.ts"],"sourcesContent":[null],"names":[],"mappings":"yCAGa,MAAA,eAAe,GAAG,CAC3B,QAAgB,EAChB,UAA6C,EAC7C,aAAyC,KAC3B;;MAEV,aAAA,EAAa;UACP,OAAA,GAAA,CAAO,GAAG,aAAI,CAAA,IAAc,EAAA,CAAA,CAAI,IAAI,CAAA,GAAI,IAAK,YAAiB,CAAA,GAAA,CAAA,CAAA,IAAI,CAAC,QAAM,CAAA,CAAA;QAC/E,OAAI,EAAA;AACA,MAAA,OAAA,yBAAyB,CAAA;;;AAGrC;AAEA,MAAM,gBAAgB,GAAG,CACrB,KAAwB,EACxB,UAAoB,KAQpB;AACA,EAAA,MAAA;AAOQ,IAAA,QAAA,MAAa;;AAGrB,IAAA,aAAe;IACf,aAAM;IACN,KAAK,GAAc,gBAAG;QAClB,GAAO;AACH,MAAA,MAAA,EAAA;AACA;AACA,GAAA,GAAA,KAAA;iBACF,GAAA,UAAA,GAAA,EAAA,GAAA,KAAA,IAAA,EAAA;QACL,cAAA,GAAA,eAAA,CAAA,QAAA,EAAA,UAAA,EAAA,aAAA,CAAA;AACD,EAAA,IAAA,CAAA,cAA6B,EAAA;AAE7B,IAAA,OAAQ;WACI,EAAA;AACJ,MAAA,EAAA,EAAA,EAAA;cACc,EAAA;AACjB,KAAA;;MAGD,QAAS,GAAA,cAAG,CAAA,IAAA;UACL,CAAA,MAAA,KAAA,KAAA,IAAA,cAAA,CAAA,MAAA,IAAA,aAAA,EAAA;AACH,IAAA,QAAA,GAAA,aAAgB,CAAA;AAChB,MAAA,EAAA,EAAA,cAAI,CAAA,MAAe,IAAA,EAAM;AACzB,MAAA,cAAQ,EAAE,cAAS,CAAA;;;AAG3B,EAAA,IAAA,CAAA,QAAc,EAAA;WACH;AACH,MAAA,KAAA,EAAA,SAAe;AACf,MAAA,EAAA,EAAA,cAAI,CAAA,MAAe,IAAA,EAAM;cACjB,EAAA;;;MAGT,CAAA,KAAA,EAAA;AACH,IAAA,OAAA;AACA,MAAA,KAAI,EAAA,QAAA;QACJ,EAAQ,cAAA,CAAA,MAAA,IAAA,EAAA;MACV;AACN,KAAE;AAEF;;;;;;"}
+{"version":3,"file":"getPageTitle.js","sources":["../../../src/components/Layout/getPageTitle.ts"],"sourcesContent":[null],"names":[],"mappings":"yCAGO,MAAM,eAAe,GAAG,CAC3B,QAAgB,EAChB,UAA6C,EAC7C,aAAyC,KAC3B;;MAEd,aAAI,EAAa;UACb,OAAM,GAAA,CAAO,GAAG,aAAI,CAAA,IAAc,EAAA,CAAA,CAAI,IAAI,CAAA,GAAI,IAAE,YAAQ,CAAA,GAAA,CAAA,CAAY,IAAI,CAAC,QAAM,CAAA,CAAA;QAC/E,OAAI,EAAA;AACA,MAAA,OAAA,yBAAyB,CAAA;;;AAGrC;AAEA,MAAM,gBAAgB,GAAG,CACrB,KAAwB,EACxB,UAAoB,KAQpB;AACA,EAAA,MAAA;AAOQ,IAAA,QAAA,MAAQ;;AAGhB,IAAA,aAAM;IACN,aAAM;IACN,KAAK,GAAA,gBAAiB;QAClB,GAAA;AACI,MAAA,MAAA,EAAA;AACA;AACA,GAAA,GAAA,KAAA;iBACF,GAAA,UAAA,GAAA,EAAA,GAAA,KAAA,IAAA,EAAA;QACL,cAAA,GAAA,eAAA,CAAA,QAAA,EAAA,UAAA,EAAA,aAAA,CAAA;AACD,EAAA,IAAA,CAAA,cAAe,EAAA;AAEf,IAAA,OAAI;WACA,EAAA;AACI,MAAA,EAAA,EAAA,EAAA;cACA,EAAA;AACH,KAAA;;MAGL,QAAK,GAAQ,cAAG,CAAA,IAAA;UACZ,CAAA,MAAO,KAAA,KAAA,IAAA,cAAA,CAAA,MAAA,IAAA,aAAA,EAAA;AACH,IAAA,QAAA,GAAA,aAAgB,CAAA;AAChB,MAAA,EAAA,EAAA,cAAI,CAAA,MAAe,IAAA,EAAM;AACzB,MAAA,cAAQ,EAAE,cAAS,CAAA;;;AAG3B,EAAA,IAAA,CAAA,QAAI,EAAA;WACA;AACI,MAAA,KAAA,EAAA,SAAO;AACP,MAAA,EAAA,EAAA,cAAI,CAAA,MAAe,IAAA,EAAM;cACzB,EAAA;;;MAGD,CAAA,KAAA,EAAA;AACH,IAAA,OAAA;AACA,MAAA,KAAE,EAAE,QAAA;QACJ,EAAA,cAAQ,CAAA,MAAA,IAAA,EAAA;MACV;AACN,KAAE;AAEF,EAAA;;;;;;"}

package/lib/components/Layout/slot-fill/AdditionalSettings.js.map

@@ -1 +1 @@
-{"version":3,"file":"AdditionalSettings.js","sources":["../../../../src/components/Layout/slot-fill/AdditionalSettings.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":"oFAIO,MAAM,kCAAkC,GAAG;AAErC,MAAA,sBAAsB,GAAG,KAAC,IAAS;SACrCA,GAAA,CAAA,IAAK,EAAA;AAChB,IAAE,IAAA,EAAA,kCAAA;AAEF,IAAA,SAAa,EAAA;IACT;AACJ"}
+{"version":3,"file":"AdditionalSettings.js","sources":["../../../../src/components/Layout/slot-fill/AdditionalSettings.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":"oFAIO,MAAM,kCAAkC,GAAG;AAE3C,MAAM,sBAAsB,GAAG,KAAC,IAAO;SAC1CA,GAAO,CAAA,IAAC,EAAI;AAChB,IAAE,IAAA,EAAA,kCAAA;AAEF,IAAA,SAAa,EAAA;IACT;AACJ"}

package/lib/components/Layout/slot-fill/Footer.js.map

@@ -1 +1 @@
-{"version":3,"file":"Footer.js","sources":["../../../../src/components/Layout/slot-fill/Footer.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":"oFAEO,MAAM,qBAAqB,GAAG;AAExB,MAAA,UAAU,GAAG,KAAC,IAAS;SACzBA,GAAA,CAAA,IAAK,EAAA;AAChB,IAAE,IAAA,EAAA,qBAAA;AAEF,IAAA,SAAa,EAAA;IACT;AACJ"}
+{"version":3,"file":"Footer.js","sources":["../../../../src/components/Layout/slot-fill/Footer.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":"oFAEO,MAAM,qBAAqB,GAAG;AAE9B,MAAM,UAAU,GAAG,KAAC,IAAO;SAC9BA,GAAO,CAAA,IAAC,EAAI;AAChB,IAAE,IAAA,EAAA,qBAAA;AAEF,IAAA,SAAa,EAAA;IACT;AACJ"}

package/lib/components/Layout/slot-fill/HeaderSearchBar.js.map

@@ -1 +1 @@
-{"version":3,"file":"HeaderSearchBar.js","sources":["../../../../src/components/Layout/slot-fill/HeaderSearchBar.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":"8LAKa,MAAA,mBAAmB,GAAG,KAAC,IAAS;SAClCA,GAAA,CAAA,IAAK,EAAA;AAChB,IAAE,IAAA,EAAA,qBAAA;;;"}
+{"version":3,"file":"HeaderSearchBar.js","sources":["../../../../src/components/Layout/slot-fill/HeaderSearchBar.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":"8LAKO,MAAM,mBAAmB,GAAG,KAAC,IAAO;SACvCA,GAAO,CAAA,IAAC,EAAI;AAChB,IAAE,IAAA,EAAA,qBAAA;;;"}

package/lib/components/Layout/slot-fill/HeaderSearchButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"HeaderSearchButton.js","sources":["../../../../src/components/Layout/slot-fill/HeaderSearchButton.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":"kMAKa,MAAA,sBAAsB,GAAG,KAAC,IAAS;SACrCA,GAAA,CAAA,IAAK,EAAA;AAChB,IAAE,IAAA,EAAA,yBAAA;;;"}
+{"version":3,"file":"HeaderSearchButton.js","sources":["../../../../src/components/Layout/slot-fill/HeaderSearchButton.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":"kMAKO,MAAM,sBAAsB,GAAG,KAAC,IAAO;SAC1CA,GAAO,CAAA,IAAC,EAAI;AAChB,IAAE,IAAA,EAAA,yBAAA;;;"}

package/lib/components/Layout/slot-fill/RightContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"RightContent.js","sources":["../../../../src/components/Layout/slot-fill/RightContent.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":"2LAKa,MAAA,gBAAgB,GAAG,KAAC,IAAS;SAC/BA,GAAA,CAAA,IAAK,EAAA;AAChB,IAAE,IAAA,EAAA,kBAAA;;;"}
+{"version":3,"file":"RightContent.js","sources":["../../../../src/components/Layout/slot-fill/RightContent.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":"2LAKO,MAAM,gBAAgB,GAAG,KAAC,IAAO;SACpCA,GAAO,CAAA,IAAC,EAAI;AAChB,IAAE,IAAA,EAAA,kBAAA;;;"}

package/lib/components/Layout/util.js

@@ -1,4 +1,4 @@
-import {generatePath}from'react-router';/* eslint-disable import/no-extraneous-dependencies */
+import {generatePath}from'@remix-run/router';/* eslint-disable import/no-extraneous-dependencies */
 const generateMenuPath = (path, params) => {
   try {
     const generatedPath = generatePath(path, params);

package/lib/components/Layout/util.js.map

@@ -1 +1 @@
-{"version":3,"file":"util.js","sources":["../../../src/components/Layout/util.ts"],"sourcesContent":[null],"names":[],"mappings":"wCAAA;MAGa,gBAAgB,GAAG,CAAC,IAAI,EAAE,MAAM,KAAI;AAC7C,EAAA,IAAA;UACU,aAAA,GAAA,YAA4B,CAAA,IAAC,QAAM,CAAA;AACzC,IAAA,OAAA;IACJ,OAAC,GAAA,EAAA;;;;;SAIA,IAAA;AACD"}
+{"version":3,"file":"util.js","sources":["../../../src/components/Layout/util.ts"],"sourcesContent":[null],"names":[],"mappings":"6CAAA;MAGa,gBAAgB,GAAG,CAAC,IAAI,EAAE,MAAM,KAAI;AAC7C,EAAA,IAAA;UACI,aAAM,GAAA,YAAgB,CAAA,IAAa,QAAM,CAAA;AACzC,IAAA,OAAA;IACJ,OAAC,GAAA,EAAA;;;;;SAIA,IAAA;AACD"}

package/lib/components/SettingDrawer/CheckBoxTheme.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CheckBoxTheme.d.ts","sourceRoot":"","sources":["../../../src/components/SettingDrawer/CheckBoxTheme.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAsD9C,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,KAAK,EAAE,mBAAmB,2CAiC/D"}
+{"version":3,"file":"CheckBoxTheme.d.ts","sourceRoot":"","sources":["../../../src/components/SettingDrawer/CheckBoxTheme.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAuD9C,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,KAAK,EAAE,mBAAmB,2CAwD/D"}

package/lib/components/SettingDrawer/CheckBoxTheme.js

@@ -1,4 +1,4 @@
-import {jsx,jsxs}from'react/jsx-runtime';const themelist = [{
+import {jsx,jsxs}from'react/jsx-runtime';import'react';import'@react-icons/all-files/fa/FaMoon.js';import'@react-icons/all-files/fa/FaSun.js';import {useMediaQuery}from'../../hooks/useMediaQuery.js';const themelist = [{
   key: 'light',
   title: 'Light',
   svg: jsxs("svg", {
@@ -93,8 +93,33 @@ function CheckBoxTheme(props) {
   const {
     list,
     changeSetting,
-    settings
+    settings,
+    location,
+    applyToAllRoutes = false
   } = props;
+  const {
+    isMobile
+  } = useMediaQuery();
+  const currentRoute = location?.pathname || '/';
+  const deviceType = isMobile ? 'mobile' : 'desktop';
+  // Helper to get navTheme value with overrides applied
+  const getNavThemeValue = () => {
+    // If applyToAllRoutes is true, use global settings only
+    if (applyToAllRoutes) {
+      return settings?.navTheme || 'light';
+    }
+    // Otherwise, check for route-specific overrides
+    const contextKey = `[${currentRoute}][${deviceType}]`;
+    const overrideSettings = settings?.uiSettings?.overrides?.[contextKey];
+    if (overrideSettings) {
+      // Handle the uilayout wrapper in override structure
+      const overrideData = overrideSettings.uilayout || overrideSettings;
+      if (overrideData?.navTheme !== undefined) {
+        return overrideData.navTheme;
+      }
+    }
+    return settings?.navTheme || 'light';
+  };
   return jsx("div", {
     className: "flex flex-row gap-4",
     children: themelist.map((themeItems, index) => {
@@ -108,7 +133,7 @@ function CheckBoxTheme(props) {
           changeSetting('primaryColor', settings?.primaryColor);
         },
         children: jsxs("div", {
-          children: [themeItems.svg, settings?.navTheme === themeItems.key && jsx("svg", {
+          children: [themeItems.svg, getNavThemeValue() === themeItems.key && jsx("svg", {
             className: "absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 w-6 h-6 text-blue-500",
             viewBox: "0 0 24 24",
             fill: "currentColor",

package/lib/components/SettingDrawer/CheckBoxTheme.js.map

@@ -1 +1 @@
-{"version":3,"file":"CheckBoxTheme.js","sources":["../../../src/components/SettingDrawer/CheckBoxTheme.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":"yCAGA,MAAM,SAAS,GAAG,CAAA;AACd,EAAA,GAAA,EAAA,OAAA;AACI,EAAA,KAAA,EAAA,OAAY;AACZ,EAAA,GAAA,EAAAA,IAAA,CAAK,KAAS,EAAA;SACX,EAAA,IACM;AASZ,IAAA,MAAA,EAAA,IAAA;AACD,IAAA,OAAA,EAAA,WAAA;AACI,IAAA,KAAA,EAAG,4BAAY;AACf,IAAA,QAAA,GAAOC,GAAU,CAAA,MAAA,EAAA;cAEb,EAAAA,GAAA,CAAA,QAAK,EAAK;AAcjB,QAAA,EAAA,EAAA,YAAA;AACD,QAAA,CAAA,EAAA,MAAA;AACI,QAAA,CAAA,EAAG,MAAQ;AACX,QAAA,KAAK,EAAE,MAAM;QACb,MACI,EAAK,MAAA;AAWZ,QAAA,QAAA,EAAAA,GAAA,CAAA,cAAA,EAAA;UACH,EAAA,EAAA,GAAA;AAEF,UAAO,EAAA,EAAO,GAAU;UACd,YAAQ,EAAA,GAAA;AACd,UAAA,UACI,EAAA,SAAc;AAEN,UAAA,YAGQ,EAAA;AAGI,SAAA;AACA,OAAA;AACJ,KAAA,CAAA,EAAAA,GAAA,CAAA;SAiBX,GACC;AAEd,MAAC,CAAA,EAAA,GAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"CheckBoxTheme.js","sources":["../../../src/components/SettingDrawer/CheckBoxTheme.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":"uMAIA,MAAM,SAAS,GAAG,CAAA;AACd,EAAA,GAAA,EAAA,OAAA;AACI,EAAA,KAAA,EAAA,OAAK;AACL,EAAA,GAAA,EAAAA,IAAA,CAAK,KAAE,EAAA;SACP,EAAG,IACC;AASP,IAAA,MAAA,EAAA,IAAA;AACD,IAAA,OAAA,EAAA,WAAA;AACI,IAAA,KAAA,EAAG,4BAAY;AACf,IAAA,QAAA,GAAOC,GAAA,CAAA,MAAU,EAAA;cAEb,EAAAA,GAAA,CAAA,QAAK,EAAA;AAcZ,QAAA,EAAA,EAAA,YAAA;AACD,QAAA,CAAA,EAAA,MAAA;AACI,QAAA,CAAA,EAAG,MAAE;AACL,QAAA,KAAK,EAAE,MAAM;QACb,MACI,EAAA,MAAA;AAWP,QAAA,QAAA,EAAAA,GAAA,CAAA,cAAA,EAAA;UACH,EAAA,EAAA,GAAA;AAEF,UAAO,EAAA,EAAO,GAAA;AACV,UAAM,YAAQ,EAAA,GAAA;AACd,UAAM,UAAU,EAAE,SAAG;AACrB,UAAM,YAAY,EAAA;SAClB;OAEA;KACA,CAAA,EAAAA,GAAM,CAAA,MAAA,EAAA;SACF,GAAA;SACA,GAAI;AACA,MAAA,KAAA,EAAA,IAAA;YACH,EAAA,IAAA;QAED,EAAA,GAAA;AACA,MAAA,IAAA,EAAA;YACA,EAAM;;;AAGF,CAAA,EAAA;AACA,EAAA,GAAA,EAAA;mBACI;WACJ,CAAC,KAAA,EAAA;SACJ,EAAA,IAAA;AACD,IAAA,MAAA,EAAA,IAAO;AACX,IAAA,OAAE,EAAA,WAAA;AACF,IAAA,KAAA,EAAO;AAGK,IAAA,QAAA,EAAA,CAAAA,GAAO,CACH,MAAA,EAAA;AAKQ,MAAA,CAAA,EAAA,GAAA;AACA,MAAA,CAAA,EAAA,GAAA;AACJ,MAAA,KAAA,EAAA,IAAC;YAiBX,EAET,IAAC;AACN,MAAC,EAAA,EAAA,GAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/components/SettingDrawer/InvitationSettings.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"InvitationSettings.d.ts","sourceRoot":"","sources":["../../../src/components/SettingDrawer/InvitationSettings.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAG/C,MAAM,CAAC,OAAO,UAAU,kBAAkB,CAAC,KAAK,EAAE,oBAAoB,GAAG,GAAG,2CA6D3E"}
+{"version":3,"file":"InvitationSettings.d.ts","sourceRoot":"","sources":["../../../src/components/SettingDrawer/InvitationSettings.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAG/C,MAAM,CAAC,OAAO,UAAU,kBAAkB,CAAC,KAAK,EAAE,oBAAoB,GAAG,GAAG,2CA4E3E"}

package/lib/components/SettingDrawer/InvitationSettings.js

@@ -1,8 +1,9 @@
-import {jsxs,jsx}from'react/jsx-runtime';import {useTranslation}from'react-i18next';import {Switch}from'./Switch/index.js';import'react';import'@react-icons/all-files/fa/FaMoon.js';import'@react-icons/all-files/fa/FaSun.js';import'../../hooks/use-get-current-lat-long.js';import {useMediaQuery}from'../../hooks/useMediaQuery.js';function InvitationSettings(props) {
+import {jsxs,jsx}from'react/jsx-runtime';import {useTranslation}from'react-i18next';import {Switch}from'./Switch/index.js';import'react';import'@react-icons/all-files/fa/FaMoon.js';import'@react-icons/all-files/fa/FaSun.js';import {useMediaQuery}from'../../hooks/useMediaQuery.js';function InvitationSettings(props) {
   const {
     settings,
     changeSetting,
-    location
+    location,
+    applyToAllRoutes = false
   } = props;
   const {
     t
@@ -11,9 +12,22 @@ import {jsxs,jsx}from'react/jsx-runtime';import {useTranslation}from'react-i18ne
     isMobile
   } = useMediaQuery();
   const currentRoute = location?.pathname || '/';
-  settings?.routeSettings?.[currentRoute] || settings?.routeSettings?.['/'] || settings;
-  // Fallback to global if not found in route
-  const invitations = settings?.organization?.members?.invitations || {};
+  const deviceType = isMobile ? 'mobile' : 'desktop';
+  // Get organization invitations from override or default settings
+  let invitations = settings?.organization?.members?.invitations || {};
+  // If applyToAllRoutes is false, check for route/device-specific override
+  if (!applyToAllRoutes) {
+    const routeDeviceKey = `[${currentRoute}][${deviceType}]`;
+    const uiOverride = settings?.uiSettings?.overrides?.[routeDeviceKey];
+    if (uiOverride) {
+      // Handle the uilayout wrapper in override structure
+      const overrideData = uiOverride.uilayout || uiOverride;
+      const overrideOrganization = overrideData?.organization;
+      if (overrideOrganization?.members?.invitations) {
+        invitations = overrideOrganization.members.invitations;
+      }
+    }
+  }
   const handleInvitationChange = (key, value) => {
     if (!changeSetting) return;
     const newInvitations = {

package/lib/components/SettingDrawer/InvitationSettings.js.map

@@ -1 +1 @@
-{"version":3,"file":"InvitationSettings.js","sources":["../../../src/components/SettingDrawer/InvitationSettings.tsx"],"sourcesContent":[null],"names":[],"mappings":"yUAMwB,SAAA,kBAAkB,CAAC,KAAiC,EAAA;QAClE;IACN,QAAQ;AACR,IAAA,aAAgB;AAChB,IAAA;AACA,GAAA,GAAA;QACM;IACN;MACM,cAAA,CAAW,UAAG,CAAQ;AAE5B,EAAA,MAAA;AACI,IAAA;mBAA2B,EAAA;AAC3B,EAAA,MAAA,uBAAuB,EAAA,QAAA,IAAA,GAAA;AACnB,EAAc,QAAA,EAAA,aAAA,GAAA,YAAA,CAAA,IAAA,QAAA,EAAA,aAAA,GAAA,GAAA,CAAA,IAAA;;AAIlB,EAAA,MAAA,WAAA,GAAc,QAAA,EAAA,YAAA,EAAA,OAAA,EAAA,WAAoC,IAAA,EAAc;AACpE,EAAA,MAAE,sBAAA,GAAA,CAAA,GAAA,EAAA,KAAA,KAAA;AAEF,IAAA,IAAA,CAAA,aAAkB,EAAE;IAEpB,MAAO,cAEC,GAAA;AAqCZ,MAAC,GAAA,WAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"InvitationSettings.js","sources":["../../../src/components/SettingDrawer/InvitationSettings.tsx"],"sourcesContent":[null],"names":[],"mappings":"yRAMc,SAAU,kBAAkB,CAAC,KAAiC,EAAA;AACxE,EAAA,MAAA;IACA,QAAQ;AACR,IAAA,aAAQ;AACR,IAAA;IACA,gBAAgB,GAAG;MAEnB,KAAA;QACI;IAEJ;MACA,cAAK,CAAA,UAAmB,CAAA;AACpB,EAAA,MAAA;;mBAGI,EAAA;oBACA,GAAA,QAAA,EAAA,QAAA,IAAA,GAAA;AACA,EAAA,MAAA,UAAM,cAAY,QAAG,GAAU,SAAS;AACxC;AACA,EAAA,IAAA,oCAA0B,EAAA,OAAS,EAAA,WAAc,IAAA,EAAA;AAC7C;uBACH,EAAA;UACJ,cAAA,GAAA,CAAA,CAAA,EAAA,YAAA,CAAA,EAAA,EAAA,UAAA,CAAA,CAAA,CAAA;IACL,MAAC,UAAA,GAAA,QAAA,EAAA,UAAA,EAAA,SAAA,GAAA,cAAA,CAAA;AAED,IAAA,IAAA;AACI;YAAoB,YAAO,GAAA,UAAA,CAAA,QAAA,IAAA,UAAA;AAC3B,MAAA,MAAA,oBAAuB,GAAA,YAAA,EAAA,YAAA;AACnB,MAAA,IAAA,oBAAc,EAAA,OAAA,EAAA,WAAA,EAAA;mBACP,GAAA,oBAAK,CAAA,OAAA,CAAA,WAAA;;AAGhB,IAAA;AACJ,EAAA;AAEA,EAAA,MAAA,sBAAyB,GAAE,CAAA,GAAA,EAAQ,KAAE,KAAQ;IAE7C,IAAA,CAAA,aACI,EAAA;AAsCR,IAAC,MAAA,cAAA,GAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/components/SettingDrawer/LayoutChange.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LayoutChange.d.ts","sourceRoot":"","sources":["../../../src/components/SettingDrawer/LayoutChange.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAG/C,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,KAAK,EAAE,oBAAoB,GAAG,GAAG,2CA2GrE"}
+{"version":3,"file":"LayoutChange.d.ts","sourceRoot":"","sources":["../../../src/components/SettingDrawer/LayoutChange.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAI/C,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,KAAK,EAAE,oBAAoB,GAAG,GAAG,2CAmJrE"}