@mohasinac/appkit 3.2.3 → 3.2.5

package/dist/_internal/client/features/layout/DashboardLayoutClient.js

@@ -77,6 +77,10 @@ function useResponsiveDrawer(storageKey) {
                 setMobileOpen(false);
         });
     }, [isDesktop, storageKey]);
+    // Close only the mobile drawer — used on route change so desktop sidebar stays persistent.
+    const closeMobile = useCallback(() => {
+        startTransition(() => { setMobileOpen(false); });
+    }, []);
     const toggle = useCallback(() => {
         startTransition(() => {
             if (isDesktop()) {
@@ -97,7 +101,7 @@ function useResponsiveDrawer(storageKey) {
         registerNav({ open, close, toggle });
         return () => unregisterNav();
     }, [registerNav, unregisterNav, open, close, toggle]);
-    return { desktopOpen, mobileOpen, close, toggle };
+    return { desktopOpen, mobileOpen, close, closeMobile, toggle };
 }
 /** Filter nav groups by navConfig (enabled toggle) + requiredPermission. */
 function filterGroups(groups, navConfig, permissions) {
@@ -117,7 +121,8 @@ export function DashboardLayoutClient({ variant, groups, permissions, activeHref
     const pathname = usePathname();
     const activeHref = explicitActiveHref ?? pathname ?? "";
     const storageKey = `appkit:sidebar-open:${variant}`;
-    const { desktopOpen, mobileOpen, close, toggle } = useResponsiveDrawer(storageKey);
+    const { desktopOpen, mobileOpen, close, closeMobile, toggle } = useResponsiveDrawer(storageKey);
+    useEffect(() => { closeMobile(); }, [pathname, closeMobile]);
     const { data: settings } = useSiteSettings();
     const navConfig = settings?.navConfig;
     const filteredGroups = filterGroups(groups, navConfig, permissions);

package/dist/_internal/server/features/homepage/data.d.ts

@@ -1,11 +1,11 @@
-export declare const getHomepageSections: () => Promise<never[] | import("../../../..").HomepageSectionDocument[]>;
+export declare const getHomepageSections: () => Promise<import("../../../..").HomepageSectionDocument[]>;
 export declare const getHeroCarouselSlides: () => Promise<never[] | import("../../../..").CarouselSlideDocument[]>;
 /**
  * One parallel fetch returning every piece of data the homepage sections need.
  * Page components call this once; React.cache() deduplicates per request.
  */
 export declare const getHomepageInitial: () => Promise<{
-    sections: never[] | import("../../../..").HomepageSectionDocument[];
+    sections: import("../../../..").HomepageSectionDocument[];
     carouselSlides: never[] | import("../../../..").CarouselSlideDocument[];
     featuredProducts: never[] | import("../../../..").ProductDocument[];
     activeAuctions: never[] | import("../../../..").ProductDocument[];

package/dist/_internal/server/features/homepage/data.js

@@ -1,8 +1,29 @@
 import { cache } from "react";
-import { homepageSectionsRepository, carouselRepository, productRepository, reviewRepository, blogRepository, eventRepository, categoriesRepository, } from "../../../../repositories";
+import { homepageSectionsRepository, carouselRepository, productRepository, reviewRepository, blogRepository, eventRepository, categoriesRepository, siteSettingsRepository, } from "../../../../repositories";
 import { HOMEPAGE_FEATURED_REVIEWS_LIMIT, HOMEPAGE_RECENT_BLOG_POSTS_LIMIT, } from "../../../shared/features/homepage/config";
+/** Section types that require a feature flag to be enabled to show on the homepage. */
+const SECTION_FEATURE_GATE = {
+    auctions: "auctions",
+    "pre-orders": "preOrders",
+    events: "events",
+    "event-raffles": "events",
+    "prize-draws": "events",
+    "blog-articles": "blog",
+};
 export const getHomepageSections = cache(async () => {
-    return homepageSectionsRepository.getEnabledSections().catch(() => []);
+    const [sections, settings] = await Promise.all([
+        homepageSectionsRepository.getEnabledSections().catch(() => []),
+        siteSettingsRepository.getSingleton().catch(() => null),
+    ]);
+    const flags = settings?.featureFlags;
+    if (!flags)
+        return sections;
+    return sections.filter((s) => {
+        const flagKey = SECTION_FEATURE_GATE[s.type];
+        if (!flagKey)
+            return true;
+        return flags[flagKey] !== false;
+    });
 });
 export const getHeroCarouselSlides = cache(async () => {
     return carouselRepository.getActiveSlides().catch(() => []);
@@ -12,8 +33,9 @@ export const getHeroCarouselSlides = cache(async () => {
  * Page components call this once; React.cache() deduplicates per request.
  */
 export const getHomepageInitial = cache(async () => {
-    const [sections, carouselSlides, featuredProducts, activeAuctions, activePreOrders, activeBrands, featuredReviews, recentBlogPosts, activeEvents, featuredCategories,] = await Promise.all([
+    const [rawSections, settings, carouselSlides, featuredProducts, activeAuctions, activePreOrders, activeBrands, featuredReviews, recentBlogPosts, activeEvents, featuredCategories,] = await Promise.all([
         homepageSectionsRepository.getEnabledSections().catch(() => []),
+        siteSettingsRepository.getSingleton().catch(() => null),
         carouselRepository.getActiveSlides().catch(() => []),
         productRepository.findFeatured().catch(() => []),
         productRepository.findActiveAuctions().catch(() => []),
@@ -24,6 +46,15 @@ export const getHomepageInitial = cache(async () => {
         eventRepository.listActive().catch(() => []),
         categoriesRepository.getFeaturedCategories().catch(() => []),
     ]);
+    const flags = settings?.featureFlags;
+    const sections = flags
+        ? rawSections.filter((s) => {
+            const flagKey = SECTION_FEATURE_GATE[s.type];
+            if (!flagKey)
+                return true;
+            return flags[flagKey] !== false;
+        })
+        : rawSections;
     return {
         sections,
         carouselSlides,

package/dist/features/layout/AppLayoutShell.js

@@ -26,6 +26,7 @@ import { SidebarLayout } from "./SidebarLayout";
 import { TitleBar } from "./TitleBar";
 import { BackToTop } from "./BackToTop";
 import { useDashboardNav } from "./DashboardNavContext";
+import { usePathname } from "next/navigation";
 // Background defaults consumed by BackgroundRenderer — these are seed values
 // written into siteSettings on first deploy and may be overridden at runtime.
 // audit-hex-tokens-ok: seed defaults for siteSettings.theme.background
@@ -113,6 +114,8 @@ export function AppLayoutShell({ children, navItems, sidebarItems = [], sidebarS
     // a single consumer-level QueryProvider is the correct architecture.
     const [sidebarOpen, setSidebarOpen] = useState(false);
     const [searchOpen, setSearchOpen] = useState(false);
+    const pathname = usePathname();
+    useEffect(() => { setSidebarOpen(false); }, [pathname]);
     const { theme, toggleTheme } = useTheme();
     const { closeNav: closeDashboardNav, hasNav: hasDashboardNav, toggleNav: toggleDashboardNav } = useDashboardNav();
     const { state: bottomActionsState } = useBottomActionsContext();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mohasinac/appkit",
-  "version": "3.2.3",
+  "version": "3.2.5",
   "license": "MIT",
   "publishConfig": {
     "access": "public"