gsintegrations 0.0.491 → 0.0.493

package/dist/bundle.cjs.js

@@ -152634,7 +152634,139 @@ const isDefaultHomeWidgetOrder = (order, profile) => {
 };
 const mergeHomeWidgetVisibility = (partial) => (Object.assign(Object.assign({}, DEFAULT_HOME_WIDGET_VISIBILITY), (partial !== null && partial !== void 0 ? partial : {})));
 
-enumType(["root", "visibility", "order"]);
+/** Funcionalidade ids used as the untouched defaults for each profile. */
+const BOTTOM_NAV_ACTION_EVENTS = "events";
+const BOTTOM_NAV_ACTION_ACTIVITIES = "activities";
+const BOTTOM_NAV_ACTION_SOCIAL = "social";
+const BOTTOM_NAV_ACTION_RITUAL_BATHS = "ritual-baths";
+enumType(["leading", "trailing"]);
+const HomeBottomNavShortcutsSchema = objectType({
+    leading: stringType().min(1),
+    trailing: stringType().min(1),
+});
+const HomeBottomNavProfileKindSchema = enumType(["personal", "terreiro"]);
+const ATALHOS_DA_BARRA_TITLE = "Atalhos da barra";
+const ATALHOS_DA_BARRA_ROW_TITLE = "Escolher atalhos";
+const ATALHOS_DA_BARRA_SECTION_DESCRIPTION = "Troque os dois atalhos ao lado do logo por outras Funcionalidades. Home, o logo e Menu não mudam, e a escolha vale só para este perfil.";
+const ATALHOS_DA_BARRA_ONLY_TWO_TEXT = "Somente estes dois atalhos podem ser alterados. Home, o logo (troca de perfil) e Menu permanecem fixos.";
+const ATALHOS_DA_BARRA_FROM_FUNCIONALIDADES_TEXT = "A lista é a de Funcionalidades deste perfil.";
+const ATALHOS_DA_BARRA_PERSONAL_SCOPE_TEXT = "Esta escolha fica só no perfil pessoal. Cada terreiro guarda a sua, separada.";
+const atalhosDaBarraTerreiroScopeText = (terreiroName) => `Esta escolha fica só em ${terreiroName}. O perfil pessoal e os outros terreiros não são alterados.`;
+const ATALHOS_DA_BARRA_LEADING_LABEL = "Esquerda";
+const ATALHOS_DA_BARRA_TRAILING_LABEL = "Direita";
+const ATALHOS_DA_BARRA_USED_ELSEWHERE = "Usado no outro atalho";
+const RESTAURAR_ATALHOS_PADRAO_LABEL = "Restaurar padrão";
+const BOTTOM_NAV_PROFILE_PERSONAL_LABEL = "Perfil pessoal";
+const SYNTHETIC_ACTIONS = {
+    [BOTTOM_NAV_ACTION_EVENTS]: {
+        id: BOTTOM_NAV_ACTION_EVENTS,
+        title: "Eventos",
+        route: "/events",
+        icon: "📅",
+    },
+    [BOTTOM_NAV_ACTION_ACTIVITIES]: {
+        id: BOTTOM_NAV_ACTION_ACTIVITIES,
+        title: "Atividades",
+        route: "/activities",
+        icon: "📋",
+    },
+    [BOTTOM_NAV_ACTION_SOCIAL]: {
+        id: BOTTOM_NAV_ACTION_SOCIAL,
+        title: "Social",
+        route: "/social",
+        icon: "🌐",
+    },
+    [BOTTOM_NAV_ACTION_RITUAL_BATHS]: {
+        id: BOTTOM_NAV_ACTION_RITUAL_BATHS,
+        title: "Banhos",
+        route: "/ritual-baths",
+        icon: "🧘",
+    },
+};
+/**
+ * The events Funcionalidade is titled "Giras" in the menu.
+ * The bar keeps the established short label "Eventos".
+ */
+const bottomNavLabelForAction = (action) => action.id === BOTTOM_NAV_ACTION_EVENTS ? "Eventos" : action.title;
+const getDefaultBottomNavShortcuts = (input) => {
+    if (input.hasTerreiroContext) {
+        return {
+            leading: BOTTOM_NAV_ACTION_EVENTS,
+            trailing: BOTTOM_NAV_ACTION_ACTIVITIES,
+        };
+    }
+    if (input.canUseSocial) {
+        return {
+            leading: BOTTOM_NAV_ACTION_SOCIAL,
+            trailing: BOTTOM_NAV_ACTION_ACTIVITIES,
+        };
+    }
+    return {
+        leading: BOTTOM_NAV_ACTION_RITUAL_BATHS,
+        trailing: BOTTOM_NAV_ACTION_ACTIVITIES,
+    };
+};
+const toShortcutAction = (action) => ({
+    id: action.id,
+    label: bottomNavLabelForAction(action),
+    route: action.route,
+    icon: action.icon,
+    badge: action.badge,
+});
+const findAction = (actions, id) => {
+    if (!id)
+        return undefined;
+    return actions.find((action) => action.id === id);
+};
+/**
+ * Maps stored ids onto the current Funcionalidades.
+ * A missing id falls back to that profile's default. The two slots never share an id.
+ */
+const resolveBottomNavShortcuts = (input) => {
+    var _a, _b, _c;
+    const defaults = getDefaultBottomNavShortcuts(input);
+    const availableIds = input.actions.map((action) => action.id);
+    const available = new Set(availableIds);
+    const pickId = (preferred, fallback, blocked) => {
+        const candidates = [preferred, fallback, ...availableIds];
+        for (const id of candidates) {
+            if (!id || id === blocked)
+                continue;
+            if (available.size === 0 || available.has(id))
+                return id;
+        }
+        return fallback;
+    };
+    const leadingId = pickId((_a = input.shortcuts) === null || _a === void 0 ? void 0 : _a.leading, defaults.leading);
+    let trailingId = pickId((_b = input.shortcuts) === null || _b === void 0 ? void 0 : _b.trailing, defaults.trailing, leadingId);
+    if (trailingId === leadingId) {
+        trailingId = pickId(defaults.trailing === leadingId ? undefined : defaults.trailing, (_c = availableIds.find((id) => id !== leadingId)) !== null && _c !== void 0 ? _c : defaults.trailing, leadingId);
+    }
+    const resolveOne = (id) => {
+        var _a;
+        const match = (_a = findAction(input.actions, id)) !== null && _a !== void 0 ? _a : SYNTHETIC_ACTIONS[id];
+        if (match)
+            return toShortcutAction(match);
+        return {
+            id,
+            label: id,
+            route: "/",
+        };
+    };
+    const leading = resolveOne(leadingId);
+    const trailing = resolveOne(trailingId);
+    const shortcuts = { leading: leading.id, trailing: trailing.id };
+    const isDefault = shortcuts.leading === defaults.leading &&
+        shortcuts.trailing === defaults.trailing;
+    return { leading, trailing, shortcuts, defaults, isDefault };
+};
+
+enumType([
+    "root",
+    "visibility",
+    "order",
+    "shortcuts",
+]);
 objectType({
     open: booleanType(),
     onClose: functionType(tupleType([]), voidType()),
@@ -152670,6 +152802,19 @@ objectType({
      */
     onWidgetsCustomizeViewOpen: functionType(tupleType([HomeWidgetsCustomizeViewSchema]), voidType())
         .optional(),
+    /**
+     * Resolved leading/trailing Funcionalidade ids for the active profile.
+     * Shown in Atalhos da barra. Omitted with onBottomNavShortcutChange hides the section.
+     */
+    bottomNavShortcuts: HomeBottomNavShortcutsSchema.optional(),
+    /** Profile defaults used by Restaurar padrão. */
+    defaultBottomNavShortcuts: HomeBottomNavShortcutsSchema.optional(),
+    onBottomNavShortcutChange: functionType(tupleType([HomeBottomNavShortcutsSchema]), voidType())
+        .optional(),
+    /** personal vs the selected terreiro — copy explains the choice is not shared. */
+    bottomNavProfileKind: HomeBottomNavProfileKindSchema.optional(),
+    /** Terreiro name, or "Perfil pessoal". */
+    bottomNavProfileLabel: stringType().min(1).optional(),
 });
 const FUNCIONALIDADES_SECTION_DESCRIPTION = "Atalhos para as principais áreas e ações do terreiro.";
 const WIDGETS_SECTION_DESCRIPTION = "Personalize quais widgets aparecem na tela inicial e em que ordem.";
@@ -152708,6 +152853,9 @@ const useHomeMenu = (props) => {
         setView("order");
         (_a = props.onWidgetsCustomizeViewOpen) === null || _a === void 0 ? void 0 : _a.call(props, "order");
     }, [props]);
+    const handleOpenShortcuts = React$1.useCallback(() => {
+        setView("shortcuts");
+    }, []);
     const handleActionClick = React$1.useCallback((route) => {
         props.onActionClick(route);
         props.onClose();
@@ -152780,6 +152928,36 @@ const useHomeMenu = (props) => {
         const meta = { method: "reset" };
         props.onWidgetOrderChange([...defaultWidgetOrder], meta);
     }, [props, currentOrder, defaultWidgetOrder]);
+    const bottomNavShortcuts = props.bottomNavShortcuts;
+    const defaultBottomNavShortcuts = props.defaultBottomNavShortcuts;
+    const isDefaultBottomNavShortcuts = React$1.useMemo(() => {
+        if (!bottomNavShortcuts || !defaultBottomNavShortcuts)
+            return true;
+        return (bottomNavShortcuts.leading === defaultBottomNavShortcuts.leading &&
+            bottomNavShortcuts.trailing === defaultBottomNavShortcuts.trailing);
+    }, [bottomNavShortcuts, defaultBottomNavShortcuts]);
+    const handleBottomNavShortcutChange = React$1.useCallback((slot, actionId) => {
+        if (!props.onBottomNavShortcutChange || !bottomNavShortcuts)
+            return;
+        if (bottomNavShortcuts[slot] === actionId)
+            return;
+        const next = Object.assign(Object.assign({}, bottomNavShortcuts), { [slot]: actionId });
+        if (next.leading === next.trailing)
+            return;
+        props.onBottomNavShortcutChange(next);
+    }, [props, bottomNavShortcuts]);
+    const handleBottomNavShortcutReset = React$1.useCallback(() => {
+        if (!props.onBottomNavShortcutChange ||
+            !defaultBottomNavShortcuts ||
+            isDefaultBottomNavShortcuts) {
+            return;
+        }
+        props.onBottomNavShortcutChange(Object.assign({}, defaultBottomNavShortcuts));
+    }, [
+        props,
+        defaultBottomNavShortcuts,
+        isDefaultBottomNavShortcuts,
+    ]);
     const widgets = React$1.useMemo(() => {
         if (props.showQuickActions === undefined) {
             return props.widgets;
@@ -152801,17 +152979,25 @@ const useHomeMenu = (props) => {
         return widgets.filter((widget) => widget.id !== "quickActions");
     }, [props.reorderableWidgets, props.widgetOrder, widgets]);
     const showQuickActions = (_e = (_c = props.showQuickActions) !== null && _c !== void 0 ? _c : (_d = widgets.find((widget) => widget.id === "quickActions")) === null || _d === void 0 ? void 0 : _d.visible) !== null && _e !== void 0 ? _e : true;
-    const data = React$1.useMemo(() => ({
-        open: props.open,
-        actions: props.actions,
-        widgets,
-        reorderableWidgets,
-        showQuickActions,
-        view,
-        canReorder,
-        isDefaultOrder,
-        defaultWidgetOrder,
-    }), [
+    const data = React$1.useMemo(() => {
+        var _a;
+        return ({
+            open: props.open,
+            actions: props.actions,
+            widgets,
+            reorderableWidgets,
+            showQuickActions,
+            view,
+            canReorder,
+            isDefaultOrder,
+            defaultWidgetOrder,
+            canCustomizeBottomNav: props.onBottomNavShortcutChange !== undefined && props.actions.length > 0,
+            bottomNavShortcuts,
+            isDefaultBottomNavShortcuts,
+            bottomNavProfileKind: (_a = props.bottomNavProfileKind) !== null && _a !== void 0 ? _a : "personal",
+            bottomNavProfileLabel: props.bottomNavProfileLabel,
+        });
+    }, [
         props.open,
         props.actions,
         widgets,
@@ -152821,33 +153007,110 @@ const useHomeMenu = (props) => {
         canReorder,
         isDefaultOrder,
         defaultWidgetOrder,
+        props.onBottomNavShortcutChange,
+        bottomNavShortcuts,
+        isDefaultBottomNavShortcuts,
+        props.bottomNavProfileKind,
+        props.bottomNavProfileLabel,
     ]);
     const fns = React$1.useMemo(() => ({
         handleClose,
         handleBack,
         handleOpenVisibility,
         handleOpenOrder,
+        handleOpenShortcuts,
         handleActionClick,
         handleWidgetVisibilityChange,
         handleShowQuickActionsChange,
         handleWidgetOrderMove,
         handleWidgetOrderReorder,
         handleWidgetOrderReset,
+        handleBottomNavShortcutChange,
+        handleBottomNavShortcutReset,
     }), [
         handleClose,
         handleBack,
         handleOpenVisibility,
         handleOpenOrder,
+        handleOpenShortcuts,
         handleActionClick,
         handleWidgetVisibilityChange,
         handleShowQuickActionsChange,
         handleWidgetOrderMove,
         handleWidgetOrderReorder,
         handleWidgetOrderReset,
+        handleBottomNavShortcutChange,
+        handleBottomNavShortcutReset,
     ]);
     return { data, fns };
 };
 
+const sectionDescriptionSx$1 = {
+    fontSize: "0.8125rem",
+    lineHeight: 1.4,
+    mt: 0,
+    mb: 1.5,
+    px: 0.5,
+};
+const ShortcutRadioList = ({ slot, label, value, blockedId, actions, onChange }) => {
+    const theme = useTheme$1();
+    return (React$1.createElement(Box$1, { sx: { mb: 2 } },
+        React$1.createElement(Typography$1, { variant: "subtitle2", color: "text.secondary", component: "h2", sx: { fontWeight: 600, fontSize: "0.8125rem", mb: 1, px: 0.5 } }, label),
+        React$1.createElement(RadioGroup$1, { "aria-label": `Atalho da ${label.toLowerCase()}`, value: value, onChange: (_event, next) => onChange(next), sx: {
+                bgcolor: theme.palette.mode === "dark"
+                    ? alpha(theme.palette.common.white, 0.08)
+                    : alpha(theme.palette.common.black, 0.04),
+                borderRadius: RADIUS.default,
+                overflow: "hidden",
+            } }, actions.map((action, index) => {
+            const usedElsewhere = action.id === blockedId;
+            return (React$1.createElement(React$1.Fragment, { key: action.id },
+                index > 0 && React$1.createElement(Divider$1, { sx: { ml: 2 } }),
+                React$1.createElement(FormControlLabel$1, { value: action.id, disabled: usedElsewhere, "data-testid": `home-bottom-nav-shortcut-${slot}-${action.id}`, control: React$1.createElement(Radio$1, { color: "primary", inputProps: {
+                            "aria-label": usedElsewhere
+                                ? `${action.title}, ${ATALHOS_DA_BARRA_USED_ELSEWHERE}`
+                                : action.title,
+                        } }), label: React$1.createElement(Box$1, { sx: { display: "flex", alignItems: "center", gap: 1.5, py: 0.5 } },
+                        React$1.createElement(Box$1, { sx: {
+                                width: 36,
+                                height: 36,
+                                borderRadius: RADIUS.default,
+                                display: "flex",
+                                alignItems: "center",
+                                justifyContent: "center",
+                                bgcolor: alpha(theme.palette.primary.main, 0.12),
+                                color: theme.palette.primary.main,
+                                flexShrink: 0,
+                                "& .MuiSvgIcon-root": { fontSize: 20 },
+                            } }, resolveActionIcon(action.icon)),
+                        React$1.createElement(Box$1, { sx: { minWidth: 0 } },
+                            React$1.createElement(Typography$1, { variant: "body1", sx: { fontWeight: 500 } }, action.title),
+                            usedElsewhere && (React$1.createElement(Typography$1, { variant: "body2", color: "text.secondary", sx: { fontSize: "0.8125rem", lineHeight: 1.35 } }, ATALHOS_DA_BARRA_USED_ELSEWHERE)))), sx: {
+                        mx: 0,
+                        px: 1.5,
+                        py: 0.75,
+                        minHeight: 48,
+                        width: "100%",
+                        alignItems: "center",
+                    } })));
+        }))));
+};
+const HomeMenuShortcuts = ({ actions, shortcuts, profileKind, profileLabel, isDefault, onChange, onReset, }) => {
+    const terreiroName = (profileLabel === null || profileLabel === void 0 ? void 0 : profileLabel.trim()) || "este terreiro";
+    const profileHeading = profileKind === "terreiro" ? terreiroName : BOTTOM_NAV_PROFILE_PERSONAL_LABEL;
+    const scopeText = profileKind === "terreiro"
+        ? atalhosDaBarraTerreiroScopeText(terreiroName)
+        : ATALHOS_DA_BARRA_PERSONAL_SCOPE_TEXT;
+    return (React$1.createElement(Box$1, null,
+        React$1.createElement(Typography$1, { variant: "subtitle1", component: "h2", "data-testid": "home-menu-bottom-nav-profile", sx: { fontWeight: 600, mb: 1 } }, profileHeading),
+        React$1.createElement(Typography$1, { variant: "body2", color: "text.secondary", sx: sectionDescriptionSx$1 }, ATALHOS_DA_BARRA_ONLY_TWO_TEXT),
+        React$1.createElement(Typography$1, { variant: "body2", color: "text.secondary", sx: Object.assign(Object.assign({}, sectionDescriptionSx$1), { mt: -0.5 }) }, ATALHOS_DA_BARRA_FROM_FUNCIONALIDADES_TEXT),
+        React$1.createElement(Typography$1, { variant: "body2", color: "text.secondary", "data-testid": "home-menu-bottom-nav-scope", sx: Object.assign(Object.assign({}, sectionDescriptionSx$1), { mt: -0.5 }) }, scopeText),
+        React$1.createElement(Button$1, { fullWidth: true, variant: "outlined", color: "primary", "data-testid": "home-bottom-nav-shortcuts-reset", "aria-label": RESTAURAR_ATALHOS_PADRAO_LABEL, disabled: isDefault, onClick: onReset, sx: { mb: 2, textTransform: "none", fontWeight: 500 } }, RESTAURAR_ATALHOS_PADRAO_LABEL),
+        React$1.createElement(ShortcutRadioList, { slot: "leading", label: ATALHOS_DA_BARRA_LEADING_LABEL, value: shortcuts.leading, blockedId: shortcuts.trailing, actions: actions, onChange: (actionId) => onChange("leading", actionId) }),
+        React$1.createElement(ShortcutRadioList, { slot: "trailing", label: ATALHOS_DA_BARRA_TRAILING_LABEL, value: shortcuts.trailing, blockedId: shortcuts.leading, actions: actions, onChange: (actionId) => onChange("trailing", actionId) })));
+};
+
 /** Below HomeBottomNav (appBar 1100) so the Menu tab stays tappable while open. */
 const HOME_MENU_DRAWER_Z_INDEX = 1050;
 const sectionTitleSx$2 = {
@@ -152970,12 +153233,16 @@ const HomeMenu = (props) => {
         ? EXIBIR_WIDGETS_TITLE
         : data.view === "order"
             ? ORDENAR_WIDGETS_TITLE
-            : "Opções";
+            : data.view === "shortcuts"
+                ? ATALHOS_DA_BARRA_TITLE
+                : "Opções";
     const dialogLabel = data.view === "visibility"
         ? EXIBIR_WIDGETS_TITLE
         : data.view === "order"
             ? ORDENAR_WIDGETS_TITLE
-            : "Menu";
+            : data.view === "shortcuts"
+                ? ATALHOS_DA_BARRA_TITLE
+                : "Menu";
     return (React$1.createElement(GenericDrawer, { open: data.open, onClose: fns.handleClose, fullHeight: true, disableEnforceFocus: true, zIndex: HOME_MENU_DRAWER_Z_INDEX, "aria-label": dialogLabel },
         React$1.createElement(Box$1, { sx: {
                 display: "flex",
@@ -153049,6 +153316,24 @@ const HomeMenu = (props) => {
                                                 fontSize: 20,
                                             } }))));
                             }))))),
+                    data.canCustomizeBottomNav && data.bottomNavShortcuts && (React$1.createElement(Box$1, { sx: { mb: 2 } },
+                        React$1.createElement(Typography$1, { variant: "subtitle2", color: "text.secondary", sx: sectionTitleSx$2 }, ATALHOS_DA_BARRA_TITLE),
+                        React$1.createElement(Typography$1, { variant: "body2", color: "text.secondary", sx: sectionDescriptionSx }, ATALHOS_DA_BARRA_SECTION_DESCRIPTION),
+                        React$1.createElement(Box$1, { sx: {
+                                bgcolor: cardBg,
+                                borderRadius: RADIUS.default,
+                                overflow: "hidden",
+                            } },
+                            React$1.createElement(List$1, { disablePadding: true },
+                                React$1.createElement(ListItemButton$1, { onClick: fns.handleOpenShortcuts, "aria-label": ATALHOS_DA_BARRA_TITLE, "data-testid": "home-menu-bottom-nav-shortcuts", sx: { py: 1.5, px: 2 } },
+                                    React$1.createElement(ListItemText$1, { primary: ATALHOS_DA_BARRA_ROW_TITLE, secondary: "Somente os dois atalhos ao lado do logo", primaryTypographyProps: { fontWeight: 500 }, secondaryTypographyProps: {
+                                            fontSize: "0.8125rem",
+                                            lineHeight: 1.35,
+                                        } }),
+                                    React$1.createElement(ChevronRight$2, { sx: {
+                                            color: theme.palette.text.secondary,
+                                            fontSize: 20,
+                                        } })))))),
                     data.widgets.length > 0 && (React$1.createElement(Box$1, null,
                         React$1.createElement(Typography$1, { variant: "subtitle2", color: "text.secondary", sx: sectionTitleSx$2 }, "Widgets"),
                         React$1.createElement(Typography$1, { variant: "body2", color: "text.secondary", sx: sectionDescriptionSx }, WIDGETS_SECTION_DESCRIPTION),
@@ -153084,7 +153369,8 @@ const HomeMenu = (props) => {
                 data.view === "order" && (React$1.createElement(Box$1, null,
                     React$1.createElement(Typography$1, { variant: "body2", color: "text.secondary", sx: Object.assign(Object.assign({}, sectionDescriptionSx), { mt: 0 }) }, ORDENAR_WIDGETS_DESCRIPTION),
                     React$1.createElement(Button$1, { fullWidth: true, variant: "outlined", color: "primary", "data-testid": "home-widget-order-reset", "aria-label": RESTAURAR_ORDEM_PADRAO_LABEL, disabled: data.isDefaultOrder, onClick: fns.handleWidgetOrderReset, sx: { mb: 1.5, textTransform: "none", fontWeight: 500 } }, RESTAURAR_ORDEM_PADRAO_LABEL),
-                    React$1.createElement(HomeMenuOrderList, { widgets: data.reorderableWidgets, cardBg: cardBg, onMove: fns.handleWidgetOrderMove, onReorder: fns.handleWidgetOrderReorder })))))));
+                    React$1.createElement(HomeMenuOrderList, { widgets: data.reorderableWidgets, cardBg: cardBg, onMove: fns.handleWidgetOrderMove, onReorder: fns.handleWidgetOrderReorder }))),
+                data.view === "shortcuts" && data.bottomNavShortcuts && (React$1.createElement(HomeMenuShortcuts, { actions: data.actions, shortcuts: data.bottomNavShortcuts, profileKind: data.bottomNavProfileKind, profileLabel: data.bottomNavProfileLabel, isDefault: data.isDefaultBottomNavShortcuts, onChange: fns.handleBottomNavShortcutChange, onReset: fns.handleBottomNavShortcutReset }))))));
 };
 var HomeMenu$1 = React$1.memo(HomeMenu);
 
@@ -153876,7 +154162,25 @@ const SupplyPlanCard = ({ supplyPlanData, isLoadingSupplyPlan = false, onSupplyP
 const HOME_BOTTOM_NAV_HEIGHT = 52;
 /** Float margin below the pill (before safe-area). */
 const HOME_BOTTOM_NAV_FLOAT_MB = 16;
-const HomeBottomNav = React$1.memo(function HomeBottomNav({ value, onChange, onQuickAction, onMenu, menuOpen = false, onOpenProfileSelector, hasTerreiroContext = true, canUseSocial = false, socialNotificationsUnreadCount = 0, }) {
+const shortcutBadgeContent = (badge) => {
+    if (badge == null || badge === 0 || badge === "0")
+        return undefined;
+    return badge;
+};
+const ShortcutTab = ({ action, onQuickAction, showLabel = true, selected, value, onChange, }) => {
+    const badge = shortcutBadgeContent(action.badge);
+    const isSocial = action.id === "social";
+    const icon = resolveActionIcon(action.icon);
+    return (React$1.createElement(BottomNavigationAction$1, { showLabel: showLabel, value: value, className: selected ? "Mui-selected" : undefined, label: isSocial ? "Social" : action.label, "aria-label": isSocial && badge != null
+            ? `Social, ${badge} notificações não lidas`
+            : undefined, icon: isSocial ? (React$1.createElement(Badge$1, { badgeContent: badge, color: "error", invisible: badge == null, max: 99, "data-testid": "home-bottom-nav-social-badge" }, icon)) : (icon), onClick: () => {
+            if (value !== undefined) {
+                onChange === null || onChange === void 0 ? void 0 : onChange({}, value);
+            }
+            onQuickAction(action.route);
+        }, "data-testid": isSocial ? "home-bottom-nav-social" : `home-bottom-nav-${action.id}` }));
+};
+const HomeBottomNav = React$1.memo(function HomeBottomNav({ value, onChange, onQuickAction, onMenu, menuOpen = false, onOpenProfileSelector, hasTerreiroContext = true, canUseSocial = false, socialNotificationsUnreadCount = 0, leadingAction, trailingAction, }) {
     const measureRef = useMeasureSlot(HOME_MEASURE_SLOTS.bottomNav);
     const { isScrolling } = useHideOnScroll();
     const [entered, setEntered] = React$1.useState(false);
@@ -153945,17 +154249,16 @@ const HomeBottomNav = React$1.memo(function HomeBottomNav({ value, onChange, onQ
                         },
                     } },
                     React$1.createElement(BottomNavigationAction$1, { label: "Home", icon: React$1.createElement(Home$1, null), onClick: () => onQuickAction("/") }),
-                    hasTerreiroContext ? (React$1.createElement(BottomNavigationAction$1, { label: "Eventos", icon: React$1.createElement(CalendarToday, null), onClick: () => onQuickAction("/events") })) : canUseSocial ? (React$1.createElement(BottomNavigationAction$1, { label: "Social", icon: React$1.createElement(Badge$1, { badgeContent: socialBadge, color: "error", invisible: socialBadge == null, max: 99, "data-testid": "home-bottom-nav-social-badge" },
+                    leadingAction ? (React$1.createElement(ShortcutTab, { action: leadingAction, onQuickAction: onQuickAction })) : hasTerreiroContext ? (React$1.createElement(BottomNavigationAction$1, { label: "Eventos", icon: React$1.createElement(CalendarToday, null), onClick: () => onQuickAction("/events") })) : canUseSocial ? (React$1.createElement(BottomNavigationAction$1, { label: "Social", icon: React$1.createElement(Badge$1, { badgeContent: socialBadge, color: "error", invisible: socialBadge == null, max: 99, "data-testid": "home-bottom-nav-social-badge" },
                             React$1.createElement(Public, null)), onClick: () => onQuickAction("/social"), "data-testid": "home-bottom-nav-social", "aria-label": socialBadge != null
                             ? `Social, ${socialBadge} notificações não lidas`
                             : "Social" })) : (React$1.createElement(BottomNavigationAction$1, { label: "Banhos", icon: React$1.createElement(Spa, null), onClick: () => onQuickAction("/ritual-baths") })),
                     React$1.createElement(BottomNavigationAction$1, { label: "", "aria-label": "Selecione um perfil", sx: { overflow: "visible" }, icon: React$1.createElement(Box$1, { component: "img", src: LogoImg, alt: "Logo", sx: {
-                                width: 48,
-                                height: 48,
+                                width: 52,
+                                height: 52,
                                 borderRadius: RADIUS.circle,
                                 objectFit: "cover",
                                 boxShadow: (theme) => `0 4px 12px ${theme.palette.primary.main}40`,
-                                transform: "translateY(-6px)",
                                 transition: `transform ${ANIMATION_DURATION.fast}ms ${ANIMATION_EASING.spring}, box-shadow ${ANIMATION_DURATION.fast}ms ${ANIMATION_EASING.spring}`,
                                 "&:hover": {
                                     transform: "translateY(-8px) scale(1.04)",
@@ -153965,7 +154268,7 @@ const HomeBottomNav = React$1.memo(function HomeBottomNav({ value, onChange, onQ
                                     transform: "translateY(-4px) scale(0.96)",
                                 },
                             } }), onClick: onOpenProfileSelector }),
-                    React$1.createElement(BottomNavigationAction$1, { label: "Atividades", icon: React$1.createElement(EventIcon, null), onClick: () => onQuickAction("/activities") }),
+                    trailingAction ? (React$1.createElement(ShortcutTab, { action: trailingAction, onQuickAction: onQuickAction })) : (React$1.createElement(BottomNavigationAction$1, { label: "Atividades", icon: React$1.createElement(EventIcon, null), onClick: () => onQuickAction("/activities") })),
                     React$1.createElement(BottomNavigationAction$1, { label: "Menu", icon: React$1.createElement(Menu, null), onClick: onMenu, "aria-expanded": menuOpen }))))));
 });
 
@@ -156307,7 +156610,7 @@ const resolveIsPersonalProfile = (args) => {
     return (_a = args.isPersonalProfile) !== null && _a !== void 0 ? _a : args.selectedTerreiro === null;
 };
 const HomePage = (props) => {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q;
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u;
     const theme = useTheme$1();
     const { data, fns } = useHomePage(props);
     const [drawerOpen, setDrawerOpen] = React$1.useState(false);
@@ -156326,9 +156629,37 @@ const HomePage = (props) => {
             isPersonalProfile: props.isPersonalProfile,
         });
     }, [props.terreiros, data === null || data === void 0 ? void 0 : data.selectedTerreiro, props.isPersonalProfile]);
+    const hasTerreiroContext = Boolean((_c = data === null || data === void 0 ? void 0 : data.selectedTerreiro) === null || _c === void 0 ? void 0 : _c.id);
+    const bottomNavScopeKey = (_e = (_d = data === null || data === void 0 ? void 0 : data.selectedTerreiro) === null || _d === void 0 ? void 0 : _d.id) !== null && _e !== void 0 ? _e : "personal";
+    const shortcutsControlled = props.onBottomNavShortcutChange !== undefined;
+    const [localBottomNavShortcuts, setLocalBottomNavShortcuts] = React$1.useState({});
+    const requestedBottomNavShortcuts = shortcutsControlled
+        ? props.bottomNavShortcuts
+        : localBottomNavShortcuts[bottomNavScopeKey];
+    const bottomNavResolved = React$1.useMemo(() => {
+        var _a;
+        return resolveBottomNavShortcuts({
+            shortcuts: requestedBottomNavShortcuts,
+            actions: ((_a = data === null || data === void 0 ? void 0 : data.quickActions) !== null && _a !== void 0 ? _a : []),
+            hasTerreiroContext,
+            canUseSocial: Boolean(props.canUseSocial),
+        });
+    }, [
+        requestedBottomNavShortcuts,
+        data === null || data === void 0 ? void 0 : data.quickActions,
+        hasTerreiroContext,
+        props.canUseSocial,
+    ]);
+    const handleBottomNavShortcutChange = React$1.useCallback((next) => {
+        var _a;
+        if (!shortcutsControlled) {
+            setLocalBottomNavShortcuts((current) => (Object.assign(Object.assign({}, current), { [bottomNavScopeKey]: next })));
+        }
+        (_a = props.onBottomNavShortcutChange) === null || _a === void 0 ? void 0 : _a.call(props, next);
+    }, [shortcutsControlled, bottomNavScopeKey, props]);
     const profileSelector = useProfileSelector({
-        terreiros: (_c = props.terreiros) !== null && _c !== void 0 ? _c : [],
-        selectedTerreiroIdx: (_d = data === null || data === void 0 ? void 0 : data.selectedTerreiroIdx) !== null && _d !== void 0 ? _d : 0,
+        terreiros: (_f = props.terreiros) !== null && _f !== void 0 ? _f : [],
+        selectedTerreiroIdx: (_g = data === null || data === void 0 ? void 0 : data.selectedTerreiroIdx) !== null && _g !== void 0 ? _g : 0,
         onTerreiroChange: (terreiro, idx) => {
             fns === null || fns === void 0 ? void 0 : fns.handleTerreiroChange(terreiro, idx);
         },
@@ -156405,7 +156736,7 @@ const HomePage = (props) => {
         (Boolean(props.terreiroCompletenessData) ||
             Boolean(props.isLoadingTerreiroCompleteness));
     const showGamification = visibleWidgets.gamification && props.showGamificationCard !== false;
-    const widgetOrder = (_e = data.widgetOrder) !== null && _e !== void 0 ? _e : DEFAULT_HOME_WIDGET_ORDER;
+    const widgetOrder = (_h = data.widgetOrder) !== null && _h !== void 0 ? _h : DEFAULT_HOME_WIDGET_ORDER;
     const showMoonPhaseContent = visibleWidgets.moonPhase &&
         (Boolean(props.moonData) || Boolean(props.isLoadingMoonData));
     const showDailyRitualsContent = visibleWidgets.dailyRituals &&
@@ -156457,12 +156788,12 @@ const HomePage = (props) => {
                 color: theme.palette.text.primary,
                 position: "relative",
             } },
-            React$1.createElement(TopBar, { user: data.user, terreiros: (_f = props.terreiros) !== null && _f !== void 0 ? _f : [], greeting: data.greeting, onProfileClick: fns.handleProfileClick, onTerreiroAvatarClick: () => profileSelector.fns.openProfileDrawer("top_bar_avatar"), onOpenDrawer: () => setDrawerOpen(true), onSettings: fns.handleSettingsClick, onOnboardingInfoClick: props.onOnboardingInfoClick, onboardingInfoIcon: props.onboardingInfoIcon, inviteShareUrl: props.inviteShareUrl, onTerreiroChange: (terreiro) => {
+            React$1.createElement(TopBar, { user: data.user, terreiros: (_j = props.terreiros) !== null && _j !== void 0 ? _j : [], greeting: data.greeting, onProfileClick: fns.handleProfileClick, onTerreiroAvatarClick: () => profileSelector.fns.openProfileDrawer("top_bar_avatar"), onOpenDrawer: () => setDrawerOpen(true), onSettings: fns.handleSettingsClick, onOnboardingInfoClick: props.onOnboardingInfoClick, onboardingInfoIcon: props.onboardingInfoIcon, inviteShareUrl: props.inviteShareUrl, onTerreiroChange: (terreiro) => {
                     const idx = Array.isArray(props.terreiros)
                         ? props.terreiros.findIndex((t) => t === terreiro)
                         : 0;
                     fns.handleTerreiroChange(terreiro, idx);
-                }, selectedTerreiroIdx: data.selectedTerreiroIdx, quickActions: data.quickActions, onQuickActionClick: fns.handleQuickActionClick, showQuickActions: showQuickActions, onLayoutChange: handleLayoutChange, badgeTier: (_g = props.profileCompletenessData) === null || _g === void 0 ? void 0 : _g.badgeTier, onNotificationClick: isActivePersonalProfile ? undefined : props.onNotificationClick, notificationCount: isActivePersonalProfile ? undefined : props.notificationCount, notificationItems: isActivePersonalProfile ? undefined : props.notificationItems, onViewAllNotifications: isActivePersonalProfile ? undefined : props.onViewAllNotifications }),
+                }, selectedTerreiroIdx: data.selectedTerreiroIdx, quickActions: data.quickActions, onQuickActionClick: fns.handleQuickActionClick, showQuickActions: showQuickActions, onLayoutChange: handleLayoutChange, badgeTier: (_k = props.profileCompletenessData) === null || _k === void 0 ? void 0 : _k.badgeTier, onNotificationClick: isActivePersonalProfile ? undefined : props.onNotificationClick, notificationCount: isActivePersonalProfile ? undefined : props.notificationCount, notificationItems: isActivePersonalProfile ? undefined : props.notificationItems, onViewAllNotifications: isActivePersonalProfile ? undefined : props.onViewAllNotifications }),
             React$1.createElement(Container$1, { maxWidth: "md", sx: {
                     px: PAGE_LIST_CONTAINER_SPACING.px,
                 } },
@@ -156471,8 +156802,8 @@ const HomePage = (props) => {
                         React$1.createElement(MediumStatusAlert, { mediumStatus: data.mediumStatus, showApprovedAlert: showApprovedAlert, onShowApprovedAlert: handleShowApprovedAlert, setShowRejectedDialog: setShowRejectedDialog }))),
                     React$1.createElement(RejectionReasonDialog$1, { open: !!showRejectedDialog, rejectionMessage: data.rejectionMessage, onClose: handleShowRejectedDialog }),
                     widgetOrder.map((id) => renderHomeWidget(id)))),
-            React$1.createElement(HomeBottomNav, { value: bottomNavValue, onChange: setBottomNavValue, onQuickAction: handleBottomQuickAction, onMenu: handleToggleMenu, menuOpen: menuOpen, onOpenProfileSelector: () => profileSelector.fns.openProfileDrawer("bottom_nav_logo"), hasTerreiroContext: !!((_h = data.selectedTerreiro) === null || _h === void 0 ? void 0 : _h.id), canUseSocial: Boolean(props.canUseSocial), socialNotificationsUnreadCount: (_j = props.socialNotificationsUnreadCount) !== null && _j !== void 0 ? _j : 0 }),
-            React$1.createElement(HomeMenu$1, { open: menuOpen, onClose: handleCloseMenu, actions: data.quickActions, onActionClick: fns.handleQuickActionClick, widgets: (_k = data.menuWidgets) !== null && _k !== void 0 ? _k : [], onWidgetVisibilityChange: (_l = fns.handleHomeWidgetVisibilityChange) !== null && _l !== void 0 ? _l : (() => undefined), showQuickActions: showQuickActions, onShowQuickActionsChange: (_m = fns.handleShowQuickActionsChange) !== null && _m !== void 0 ? _m : (() => undefined), widgetOrder: widgetOrder, reorderableWidgets: (_o = data.reorderableWidgets) !== null && _o !== void 0 ? _o : [], defaultWidgetOrder: (_p = data.defaultWidgetOrder) !== null && _p !== void 0 ? _p : [], onWidgetOrderChange: (_q = fns.handleHomeWidgetOrderChange) !== null && _q !== void 0 ? _q : (() => undefined), onWidgetsCustomizeViewOpen: fns.handleHomeWidgetsCustomizeViewOpen }),
+            React$1.createElement(HomeBottomNav, { value: bottomNavValue, onChange: setBottomNavValue, onQuickAction: handleBottomQuickAction, onMenu: handleToggleMenu, menuOpen: menuOpen, onOpenProfileSelector: () => profileSelector.fns.openProfileDrawer("bottom_nav_logo"), hasTerreiroContext: hasTerreiroContext, canUseSocial: Boolean(props.canUseSocial), socialNotificationsUnreadCount: (_l = props.socialNotificationsUnreadCount) !== null && _l !== void 0 ? _l : 0, leadingAction: bottomNavResolved.leading, trailingAction: bottomNavResolved.trailing }),
+            React$1.createElement(HomeMenu$1, { open: menuOpen, onClose: handleCloseMenu, actions: data.quickActions, onActionClick: fns.handleQuickActionClick, widgets: (_m = data.menuWidgets) !== null && _m !== void 0 ? _m : [], onWidgetVisibilityChange: (_o = fns.handleHomeWidgetVisibilityChange) !== null && _o !== void 0 ? _o : (() => undefined), showQuickActions: showQuickActions, onShowQuickActionsChange: (_p = fns.handleShowQuickActionsChange) !== null && _p !== void 0 ? _p : (() => undefined), widgetOrder: widgetOrder, reorderableWidgets: (_q = data.reorderableWidgets) !== null && _q !== void 0 ? _q : [], defaultWidgetOrder: (_r = data.defaultWidgetOrder) !== null && _r !== void 0 ? _r : [], onWidgetOrderChange: (_s = fns.handleHomeWidgetOrderChange) !== null && _s !== void 0 ? _s : (() => undefined), onWidgetsCustomizeViewOpen: fns.handleHomeWidgetsCustomizeViewOpen, bottomNavShortcuts: bottomNavResolved.shortcuts, defaultBottomNavShortcuts: bottomNavResolved.defaults, onBottomNavShortcutChange: handleBottomNavShortcutChange, bottomNavProfileKind: hasTerreiroContext ? "terreiro" : "personal", bottomNavProfileLabel: (_u = (_t = data.selectedTerreiro) === null || _t === void 0 ? void 0 : _t.name) !== null && _u !== void 0 ? _u : BOTTOM_NAV_PROFILE_PERSONAL_LABEL }),
             React$1.createElement(ProfileSelectorDrawer, { open: profileSelector.data.profileDrawerOpen, onClose: profileSelector.fns.closeProfileDrawer, terreiros: profileSelector.data.terreiros, selectedTerreiroIdx: profileSelector.data.selectedTerreiroIdx, onTerreiroSelect: profileSelector.fns.handleTerreiroSelect, inviteShareUrl: props.inviteShareUrl, snackbarOpen: profileSelector.data.snackbarOpen, snackbarMsg: profileSelector.data.snackbarMsg, onSnackbarClose: profileSelector.fns.handleSnackbarClose }),
             React$1.createElement(SettingsDrawer, { open: drawerOpen, onClose: () => setDrawerOpen(false), onRefresh: fns.handleRefresh, onSettings: fns.handleSettingsClick }))));
 };
@@ -196308,6 +196639,7 @@ exports.getContentMarginTop = getContentMarginTop;
 exports.getContentPaddingTop = getContentPaddingTop;
 exports.getCustomBannerGradient = getCustomBannerGradient;
 exports.getDateString = getDateString;
+exports.getDefaultBottomNavShortcuts = getDefaultBottomNavShortcuts;
 exports.getDefaultHomeWidgetOrder = getDefaultHomeWidgetOrder;
 exports.getHomeWidgetsForProfile = getHomeWidgetsForProfile;
 exports.getReorderableHomeWidgetsForProfile = getReorderableHomeWidgetsForProfile;
@@ -196351,6 +196683,7 @@ exports.overlayZIndex = overlayZIndex;
 exports.parseScheduleDate = parseScheduleDate;
 exports.radiusPx = radiusPx;
 exports.reorderHomeWidgetOrder = reorderHomeWidgetOrder;
+exports.resolveBottomNavShortcuts = resolveBottomNavShortcuts;
 exports.resolveExperiencePostType = resolveExperiencePostType;
 exports.secondsToRoundedMinutes = secondsToRoundedMinutes;
 exports.startPasskeyAuthentication = startPasskeyAuthentication;

package/dist/bundle.cjs.js.map

@@ -1,4 +1,4 @@
 [diffend] Oversized file quarantined before diffing.
 name: package/dist/bundle.cjs.js.map
-size: 59316926 bytes
-sha256: 731687a6c66ec4748f3039f6c725adb7eb36872b649d6e0baa3947107f84c117
+size: 59397443 bytes
+sha256: 5503726f0a04457be04f3d1f746f1c7faa52be59ac6b05537c6946ea5ef02611