@mohasinac/appkit 4.70.0 → 4.71.2

package/dist/features/homepage/repository/carousels.repository.js

@@ -1,149 +0,0 @@
-/**
- * Named Carousels Repository (EX2)
- *
- * Manages CarouselDocument records — each named carousel holds an ordered list
- * of up to MAX_SLIDES_PER_CAROUSEL slide IDs. The default hero carousel
- * continues to operate without a CarouselDocument (carouselId = null).
- */
-import { BaseRepository, prepareForFirestore, } from "../../../providers/db-firebase/index.js";
-import { normalizeError } from "../../../errors/normalize.js";
-import { CAROUSELS_COLLECTION, MAX_SLIDES_PER_CAROUSEL, TooManySlidesError, } from "../schemas/index.js";
-import { DatabaseError } from "../../../errors/index.js";
-import { getAdminDb } from "../../../providers/db-firebase/index.js";
-import { CAROUSEL_FIELDS } from "../../../constants/field-names.js";
-export class CarouselsRepository extends BaseRepository {
-    constructor() {
-        super(CAROUSELS_COLLECTION);
-    }
-    /** All named carousels, ordered by name. */
-    async listCarousels() {
-        try {
-            const db = getAdminDb();
-            const snap = await db
-                .collection(CAROUSELS_COLLECTION)
-                .orderBy(CAROUSEL_FIELDS.NAME)
-                .get();
-            return snap.docs.map((d) => ({ id: d.id, ...d.data() }));
-        }
-        catch (err) {
-            void normalizeError(err);
-            throw new DatabaseError("Failed to list carousels", err);
-        }
-    }
-    /** Create a new named carousel with zero slides. */
-    async createCarousel(name, createdBy) {
-        const input = {
-            name,
-            status: "draft",
-            slideIds: [],
-            createdBy,
-        };
-        return this.create(input);
-    }
-    /** Update name or status. */
-    async updateCarousel(id, patch) {
-        try {
-            const db = getAdminDb();
-            await db
-                .collection(CAROUSELS_COLLECTION)
-                .doc(id)
-                .update(prepareForFirestore(patch));
-        }
-        catch (err) {
-            void normalizeError(err);
-            throw new DatabaseError("Failed to update carousel", err);
-        }
-    }
-    /**
-     * Add a slide ID to a carousel. Throws TooManySlidesError if already at max.
-     * Appends to the end of slideIds.
-     */
-    async addSlide(carouselId, slideId) {
-        try {
-            const db = getAdminDb();
-            const ref = db.collection(CAROUSELS_COLLECTION).doc(carouselId);
-            await db.runTransaction(async (tx) => {
-                const snap = await tx.get(ref);
-                if (!snap.exists)
-                    throw new DatabaseError("Carousel not found");
-                const data = snap.data();
-                if ((data.slideIds ?? []).length >= MAX_SLIDES_PER_CAROUSEL) {
-                    throw new TooManySlidesError();
-                }
-                const updatedIds = [...(data.slideIds ?? []), slideId];
-                tx.update(ref, prepareForFirestore({ slideIds: updatedIds }));
-            });
-        }
-        catch (err) {
-            if (err instanceof TooManySlidesError)
-                throw err;
-            throw new DatabaseError("Failed to add slide to carousel", err);
-        }
-    }
-    /** Remove a slide ID from a carousel. */
-    async removeSlide(carouselId, slideId) {
-        try {
-            const db = getAdminDb();
-            const ref = db.collection(CAROUSELS_COLLECTION).doc(carouselId);
-            await db.runTransaction(async (tx) => {
-                const snap = await tx.get(ref);
-                if (!snap.exists)
-                    throw new DatabaseError("Carousel not found");
-                const data = snap.data();
-                const updatedIds = (data.slideIds ?? []).filter((id) => id !== slideId);
-                tx.update(ref, prepareForFirestore({ slideIds: updatedIds }));
-            });
-        }
-        catch (err) {
-            void normalizeError(err);
-            throw new DatabaseError("Failed to remove slide from carousel", err);
-        }
-    }
-    /**
-     * Replace the full slideIds order. Length must not exceed MAX_SLIDES_PER_CAROUSEL.
-     */
-    async reorderSlides(carouselId, orderedSlideIds) {
-        if (orderedSlideIds.length > MAX_SLIDES_PER_CAROUSEL) {
-            throw new TooManySlidesError();
-        }
-        try {
-            const db = getAdminDb();
-            await db
-                .collection(CAROUSELS_COLLECTION)
-                .doc(carouselId)
-                .update(prepareForFirestore({ slideIds: orderedSlideIds }));
-        }
-        catch (err) {
-            void normalizeError(err);
-            throw new DatabaseError("Failed to reorder slides", err);
-        }
-    }
-    /**
-     * Fetch a carousel together with the full slide documents for its slideIds.
-     * Slides are returned in slideIds order.
-     */
-    async getCarouselWithSlides(carouselId) {
-        try {
-            const db = getAdminDb();
-            const carouselSnap = await db.collection(CAROUSELS_COLLECTION).doc(carouselId).get();
-            if (!carouselSnap.exists)
-                return null;
-            const carousel = { id: carouselSnap.id, ...carouselSnap.data() };
-            if (!carousel.slideIds?.length)
-                return { carousel, slides: [] };
-            const slideSnaps = await Promise.all(carousel.slideIds.map((sid) => db.collection("carouselSlides").doc(sid).get()));
-            const slides = slideSnaps
-                .filter((s) => s.exists)
-                .map((s) => ({
-                id: s.id,
-                ...s.data(),
-            }));
-            return { carousel, slides };
-        }
-        catch (err) {
-            void normalizeError(err);
-            throw new DatabaseError("Failed to get carousel with slides", err);
-        }
-    }
-}
-export const carouselsRepository = new CarouselsRepository();

package/dist/features/layout/BottomActionsContext.d.ts

@@ -1,173 +0,0 @@
-/**
- * BottomActionsContext
- *
- * Provides a context for registering page-level mobile action bars.
- * Features call `useBottomActions` to push actions; the `<BottomActions>`
- * layout component reads this context and renders the bar above BottomNavbar.
- *
- * Supports two modes:
- *  - Page mode: primary page actions (Add to Cart, Buy Now, Place Bid, etc.)
- *  - Bulk mode: activated when sieveFilter("bulk.selectedCount", SIEVE_OP.GT, "0") — shows selection
- *    count + custom bulk action buttons (Delete, Archive, Export, etc.)
- *
- * @example — product detail page
- * ```tsx
- * useBottomActions({
- * actions: [
- * { id: "wishlist", icon: <Heart className="w-4 h-4" />, label: t("wishlist"), variant: "ghost", onClick: handleWishlist },
- * { id: "cart", label: t("addToCart"), variant: "outline", onClick: handleAddToCart },
- * { id: "buy", label: t("buyNow"), variant: "primary", onClick: handleBuyNow },
- * ],
- * });
- * ```
- *
- * @example — admin listing with bulk select
- * ```tsx
- * useBottomActions({
- * bulk: {
- * selectedCount: selectedIds.length,
- * onClearSelection: () => setSelectedIds([]),
- * actions: [
- * { id: "delete", label: t("bulkDelete", { count: selectedIds.length }), variant: "danger", onClick: handleBulkDelete },
- * ],
- * },
- * });
- * ```
- */
-import React from "react";
-import type { ButtonProps } from "../../ui/components/Button";
-export interface BottomAction {
-    /** Stable unique key (used as React key). */
-    id: string;
-    /** Button label — use `useTranslations()` output. */
-    label?: string;
-    /** Optional leading icon (e.g., `<Heart className="w-4 h-4" />`). */
-    icon?: React.ReactNode;
-    /** Button variant — defaults to "primary". */
-    variant?: ButtonProps["variant"];
-    /** Small count/badge overlay rendered in the top-right corner of the button. */
-    badge?: string | number;
-    /** Called when the user taps the action. */
-    onClick: () => void;
-    /** Whether the button is disabled. */
-    disabled?: boolean;
-    /** Show spinner inside the button. */
-    loading?: boolean;
-}
-export interface BottomBulkConfig {
-    /** Number of currently selected items. Bar activates when > 0. */
-    selectedCount: number;
-    /** Optional noun shown next to count, e.g. "products". Defaults to "selected". */
-    noun?: string;
-    /** Called when the user taps the ✕ pill to deselect all. */
-    onClearSelection: () => void;
-    /** Bulk action buttons, rendered right of the selection pill. */
-    actions: BottomAction[];
-}
-/**
- * Whether the bar is allowed to show on desktop (>= lg), where it has always been
- * `lg:hidden`.
- *
- * - `"hidden"` (default) — mobile/tablet only, the historical behaviour.
- * - `"after-scroll"` — appears once the user has scrolled past the top of the page,
- *   so a detail page's primary CTA comes back after the hero scrolls away.
- * - `"always"` — pinned on desktop from first paint.
- */
-export type BottomActionsDesktopMode = "hidden" | "after-scroll" | "always";
-export interface BottomActionsState {
-    /** Page-level primary actions. */
-    actions: BottomAction[];
-    /** Desktop visibility policy. Defaults to "hidden" — opt in per page. */
-    desktop?: BottomActionsDesktopMode;
-    /** Bulk-selection config. Bulk mode activates when selectedCount > 0. */
-    bulk?: BottomBulkConfig;
-    /**
-     * Optional single-line info label rendered above the action row.
-     * Useful for contextual data like "Current bid: ₹1,200" on auction pages.
-     */
-    infoLabel?: string;
-    /**
-     * Optional single-line label rendered as its own row ABOVE `infoLabel`
-     * (i.e. topmost of the three stacked rows: secondaryLabel, infoLabel,
-     * action row). Purely additive — no existing caller sets this, so every
-     * bar that doesn't pass it renders identically to before. Introduced for
-     * the auction detail page's live countdown ("Ends in 2d 5h").
-     */
-    secondaryLabel?: string;
-    /**
-     * Optional expandable content revealed ABOVE the bar when the buyer taps the
-     * `infoLabel` row, which becomes a disclosure toggle while this is set.
-     *
-     * Exists so a summarised figure in `infoLabel` ("Total: ₹777.00") can be
-     * opened up into the detail behind it without navigating away — the mobile
-     * counterpart of a "Show details" expander in a desktop sidebar. Ignored in
-     * bulk mode, which owns the same space for its action picker.
-     */
-    infoPanel?: React.ReactNode;
-    /**
-     * A COUNTER, not a boolean — bump it to force `infoPanel` open once.
-     *
-     * `BottomActions` owns `infoOpen` in local state so the user can collapse
-     * the panel at will. A boolean `forceOpen` would fight that: it stays true,
-     * so every subsequent render re-opens what they just closed. A counter
-     * expresses the real intent — "this is a NEW event, show it" — and fires
-     * exactly once per increment.
-     *
-     * Used by a form's failed submit: the error list should appear without a
-     * tap, and stay dismissible afterwards.
-     */
-    infoOpenSignal?: number;
-    /**
-     * `id` of this page's INLINE primary CTA. `SideActionDock` reveals itself
-     * only once that element has been seen and scrolled out of view.
-     *
-     * The alternative — the `data-cta-anchor` attribute — is for a page that
-     * renders its CTA block directly. This exists because the shared listing
-     * registrars already take an `anchorId` (the element their CTA scrolls to),
-     * which is the same element, so they can declare the gate without touching
-     * the view that owns the markup.
-     *
-     * Unset means "reveal immediately", which is correct for every bulk bar: an
-     * admin listing has no Buy button to scroll past.
-     */
-    ctaAnchorId?: string;
-}
-interface BottomActionsContextValue {
-    state: BottomActionsState;
-    /** Replace the page-level actions. Pass empty array to clear. */
-    setActions: (actions: BottomAction[]) => void;
-    /**
-     * Store current onClick handlers for actions without triggering a re-render.
-     * The component dispatches clicks via this ref to avoid stale closures.
-     */
-    actionCallbacksRef: React.MutableRefObject<Map<string, () => void>>;
-    /** Set or clear the bulk config. */
-    setBulkConfig: (config: BottomBulkConfig | undefined) => void;
-    /** Ref mirror for bulk callbacks. */
-    bulkCallbacksRef: React.MutableRefObject<Map<string, () => void>>;
-    /** Set or clear the bulk clear handler. */
-    bulkClearRef: React.MutableRefObject<(() => void) | undefined>;
-    /** Set or clear the contextual info label. */
-    setInfoLabel: (label: string | undefined) => void;
-    /** Set or clear the secondary label (rendered above infoLabel). */
-    setSecondaryLabel: (label: string | undefined) => void;
-    /** Set or clear the expandable panel revealed above the bar. */
-    setInfoPanel: (panel: React.ReactNode | undefined) => void;
-    /** Set the force-open counter. See BottomActionsState.infoOpenSignal. */
-    setInfoOpenSignal: (signal: number | undefined) => void;
-    /** Set the desktop visibility policy. */
-    setDesktopMode: (mode: BottomActionsDesktopMode | undefined) => void;
-    /** Set or clear the inline-CTA anchor id. See BottomActionsState.ctaAnchorId. */
-    setCtaAnchorId: (id: string | undefined) => void;
-    /** Clear all state (called on feature unmount). */
-    clearAll: () => void;
-    claim: (id: string) => void;
-    release: (id: string) => void;
-    /** The id currently allowed to publish. `useBottomActions` gates on this. */
-    topClaimId: string | null;
-}
-export declare function BottomActionsProvider({ children, }: {
-    children: React.ReactNode;
-}): React.JSX.Element;
-export declare function useBottomActionsContext(): BottomActionsContextValue;
-export {};

package/dist/features/layout/BottomActionsContext.js

@@ -1,175 +0,0 @@
-"use client";
-import { jsx as _jsx } from "react/jsx-runtime";
-/**
- * BottomActionsContext
- *
- * Provides a context for registering page-level mobile action bars.
- * Features call `useBottomActions` to push actions; the `<BottomActions>`
- * layout component reads this context and renders the bar above BottomNavbar.
- *
- * Supports two modes:
- *  - Page mode: primary page actions (Add to Cart, Buy Now, Place Bid, etc.)
- *  - Bulk mode: activated when sieveFilter("bulk.selectedCount", SIEVE_OP.GT, "0") — shows selection
- *    count + custom bulk action buttons (Delete, Archive, Export, etc.)
- *
- * @example — product detail page
- * ```tsx
- * useBottomActions({
- * actions: [
- * { id: "wishlist", icon: <Heart className="w-4 h-4" />, label: t("wishlist"), variant: "ghost", onClick: handleWishlist },
- * { id: "cart", label: t("addToCart"), variant: "outline", onClick: handleAddToCart },
- * { id: "buy", label: t("buyNow"), variant: "primary", onClick: handleBuyNow },
- * ],
- * });
- * ```
- *
- * @example — admin listing with bulk select
- * ```tsx
- * useBottomActions({
- * bulk: {
- * selectedCount: selectedIds.length,
- * onClearSelection: () => setSelectedIds([]),
- * actions: [
- * { id: "delete", label: t("bulkDelete", { count: selectedIds.length }), variant: "danger", onClick: handleBulkDelete },
- * ],
- * },
- * });
- * ```
- */
-import { createContext, useCallback, useContext, useMemo, useRef, useState, } from "react";
-const EMPTY = { actions: [] };
-const BottomActionsContext = createContext(null);
-// --- Provider -----------------------------------------------------------------
-export function BottomActionsProvider({ children, }) {
-    const [state, setState] = useState(EMPTY);
-    // Callback refs — updated on every setActions call, so the component always
-    // dispatches the latest onClick regardless of when the state last diffed.
-    const actionCallbacksRef = useRef(new Map());
-    const bulkCallbacksRef = useRef(new Map());
-    const bulkClearRef = useRef(undefined);
-    // Stack of claimant ids, oldest first. The last entry owns the bar.
-    const claimsRef = useRef([]);
-    const [topClaimId, setTopClaimId] = useState(null);
-    const claim = useCallback((id) => {
-        if (claimsRef.current.includes(id))
-            return;
-        claimsRef.current = [...claimsRef.current, id];
-        setTopClaimId(id);
-    }, []);
-    const release = useCallback((id) => {
-        const next = claimsRef.current.filter((c) => c !== id);
-        if (next.length === claimsRef.current.length)
-            return;
-        claimsRef.current = next;
-        const newTop = next.length > 0 ? next[next.length - 1] : null;
-        setTopClaimId(newTop);
-        // Only blank the bar when nobody is left. Otherwise the newly-top
-        // consumer republishes on the very next effect pass, so clearing here
-        // would be a visible flicker of an empty bar.
-        if (newTop === null) {
-            actionCallbacksRef.current = new Map();
-            bulkCallbacksRef.current = new Map();
-            bulkClearRef.current = undefined;
-            setState(EMPTY);
-        }
-    }, []);
-    const setActions = useCallback((actions) => {
-        // Update callback map (always latest)
-        actionCallbacksRef.current = new Map(actions.map((a) => [a.id, a.onClick]));
-        // Update display state (strip onClick to avoid referential churn on stable data)
-        setState((prev) => ({
-            ...prev,
-            actions: actions.map(({ onClick: _onClick, ...rest }) => ({
-                ...rest,
-                onClick: _onClick, // kept for type compat, actual dispatch uses ref
-            })),
-        }));
-    }, []);
-    const setBulkConfig = useCallback((config) => {
-        if (config) {
-            bulkCallbacksRef.current = new Map(config.actions.map((a) => [a.id, a.onClick]));
-            bulkClearRef.current = config.onClearSelection;
-        }
-        else {
-            bulkCallbacksRef.current = new Map();
-            bulkClearRef.current = undefined;
-        }
-        setState((prev) => ({
-            ...prev,
-            bulk: config
-                ? {
-                    ...config,
-                    actions: config.actions.map(({ onClick: _onClick, ...rest }) => ({
-                        ...rest,
-                        onClick: _onClick,
-                    })),
-                }
-                : undefined,
-        }));
-    }, []);
-    const setInfoLabel = useCallback((infoLabel) => {
-        setState((prev) => ({ ...prev, infoLabel }));
-    }, []);
-    const setSecondaryLabel = useCallback((secondaryLabel) => {
-        setState((prev) => ({ ...prev, secondaryLabel }));
-    }, []);
-    const setInfoPanel = useCallback((infoPanel) => {
-        setState((prev) => ({ ...prev, infoPanel }));
-    }, []);
-    const setInfoOpenSignal = useCallback((infoOpenSignal) => {
-        setState((prev) => (prev.infoOpenSignal === infoOpenSignal ? prev : { ...prev, infoOpenSignal }));
-    }, []);
-    const setDesktopMode = useCallback((desktop) => {
-        setState((prev) => (prev.desktop === desktop ? prev : { ...prev, desktop }));
-    }, []);
-    const setCtaAnchorId = useCallback((ctaAnchorId) => {
-        setState((prev) => (prev.ctaAnchorId === ctaAnchorId ? prev : { ...prev, ctaAnchorId }));
-    }, []);
-    const clearAll = useCallback(() => {
-        actionCallbacksRef.current = new Map();
-        bulkCallbacksRef.current = new Map();
-        bulkClearRef.current = undefined;
-        setState(EMPTY);
-    }, []);
-    const value = useMemo(() => ({
-        state,
-        setActions,
-        actionCallbacksRef,
-        setBulkConfig,
-        bulkCallbacksRef,
-        bulkClearRef,
-        setInfoLabel,
-        setSecondaryLabel,
-        setInfoPanel,
-        setInfoOpenSignal,
-        setDesktopMode,
-        setCtaAnchorId,
-        clearAll,
-        claim,
-        release,
-        topClaimId,
-    }), [
-        state,
-        setActions,
-        setBulkConfig,
-        setInfoLabel,
-        setSecondaryLabel,
-        setInfoPanel,
-        setInfoOpenSignal,
-        setDesktopMode,
-        setCtaAnchorId,
-        clearAll,
-        claim,
-        release,
-        topClaimId,
-    ]);
-    return (_jsx(BottomActionsContext.Provider, { value: value, children: children }));
-}
-// --- Hook ---------------------------------------------------------------------
-export function useBottomActionsContext() {
-    const ctx = useContext(BottomActionsContext);
-    if (!ctx) {
-        throw new Error("useBottomActionsContext must be used within <BottomActionsProvider>");
-    }
-    return ctx;
-}

package/dist/features/layout/hooks/useBottomActions.d.ts

@@ -1,37 +0,0 @@
-import type React from "react";
-import { type BottomAction, type BottomActionsDesktopMode, type BottomBulkConfig } from "../BottomActionsContext";
-export interface UseBottomActionsOptions {
-    actions?: BottomAction[];
-    bulk?: BottomBulkConfig;
-    infoLabel?: string;
-    /** Rendered as its own row above infoLabel. See BottomActionsState.secondaryLabel. */
-    secondaryLabel?: string;
-    /**
-     * Expandable detail revealed above the bar when the infoLabel row is tapped.
-     * See BottomActionsState.infoPanel.
-     */
-    infoPanel?: React.ReactNode;
-    /** Bump to force `infoPanel` open once. See BottomActionsState.infoOpenSignal. */
-    infoOpenSignal?: number;
-    /**
-     * Whether the bar may also show on desktop. Defaults to "hidden" (mobile/tablet only),
-     * so pages that don't opt in behave exactly as before.
-     */
-    desktop?: BottomActionsDesktopMode;
-    /**
-     * `id` of this page's inline primary CTA. The floating action dock stays
-     * hidden until that element has been seen and scrolled out of view. Omit it
-     * and the dock appears as soon as there is something to show — which is what
-     * every bulk-selection screen wants.
-     */
-    ctaAnchorId?: string;
-    /**
-     * Set false to opt out entirely — no claim is taken, so this consumer is
-     * invisible to the stack and cannot displace whoever currently owns the
-     * bar. Load-bearing: `useFormBottomActions` is called unconditionally from
-     * `<Form>`, which mounts on ~75 surfaces, and a claim from each of those
-     * would push a listing's bulk bar off the stack for nothing.
-     */
-    enabled?: boolean;
-}
-export declare function useBottomActions(options?: UseBottomActionsOptions): void;

package/dist/features/layout/hooks/useBottomActions.js

@@ -1,86 +0,0 @@
-"use client";
-import { useEffect, useId, useRef } from "react";
-import { useBottomActionsContext, } from "../BottomActionsContext.js";
-export function useBottomActions(options = {}) {
-    const { setActions, setBulkConfig, setInfoLabel, setSecondaryLabel, setInfoPanel, setInfoOpenSignal, setDesktopMode, setCtaAnchorId, claim, release, topClaimId, } = useBottomActionsContext();
-    /*
-     * One bar, many potential claimants. `DataListingView` already holds it on
-     * ~70 admin screens, so a form opened in a drawer over a listing used to
-     * overwrite the listing's bar and blank it on close.
-     *
-     * Claim on mount, release on unmount. `isTop` gates every publish below, so
-     * a backgrounded consumer stops writing — and because `isTop` is a
-     * dependency of each effect, regaining the top re-publishes everything
-     * automatically. That is what restores the listing's bar when the form
-     * closes, with no cooperation needed from either side.
-     */
-    const enabled = options.enabled !== false;
-    const claimId = useId();
-    useEffect(() => {
-        if (!enabled)
-            return;
-        claim(claimId);
-        return () => release(claimId);
-    }, [claim, release, claimId, enabled]);
-    const isTop = enabled && topClaimId === claimId;
-    const actionsRef = useRef(options.actions ?? []);
-    actionsRef.current = options.actions ?? [];
-    const bulkRef = useRef(options.bulk);
-    bulkRef.current = options.bulk;
-    const actionKey = (options.actions ?? [])
-        .map(({ id, label, variant, badge, disabled, loading }) => `${id}|${label}|${variant}|${badge}|${disabled}|${loading}`)
-        .join(",");
-    const bulkCountKey = options.bulk
-        ? `${options.bulk.selectedCount}|${options.bulk.actions.map((a) => `${a.id}|${a.label}|${a.variant}|${a.badge}|${a.disabled}|${a.loading}`).join(",")}`
-        : "";
-    useEffect(() => {
-        if (!isTop)
-            return;
-        setActions(actionsRef.current);
-    }, [setActions, actionKey, isTop]);
-    useEffect(() => {
-        if (!isTop)
-            return;
-        setBulkConfig(bulkRef.current);
-    }, [setBulkConfig, bulkCountKey, isTop]);
-    useEffect(() => {
-        if (!isTop)
-            return;
-        setInfoLabel(options.infoLabel);
-    }, [setInfoLabel, options.infoLabel, isTop]);
-    useEffect(() => {
-        if (!isTop)
-            return;
-        setSecondaryLabel(options.secondaryLabel);
-    }, [setSecondaryLabel, options.secondaryLabel, isTop]);
-    // A ReactNode is a fresh object on every render, so it can't be a dependency
-    // without looping. Mirror it through a ref and re-publish whenever anything
-    // the panel actually derives from changes — callers pass `infoLabel`, which
-    // moves with the same data the panel shows.
-    const infoPanelRef = useRef(options.infoPanel);
-    infoPanelRef.current = options.infoPanel;
-    const hasInfoPanel = options.infoPanel != null;
-    useEffect(() => {
-        if (!isTop)
-            return;
-        setInfoPanel(infoPanelRef.current);
-    }, [setInfoPanel, hasInfoPanel, options.infoLabel, options.secondaryLabel, isTop]);
-    useEffect(() => {
-        if (!isTop)
-            return;
-        setInfoOpenSignal(options.infoOpenSignal);
-    }, [setInfoOpenSignal, options.infoOpenSignal, isTop]);
-    useEffect(() => {
-        if (!isTop)
-            return;
-        setDesktopMode(options.desktop);
-    }, [setDesktopMode, options.desktop, isTop]);
-    useEffect(() => {
-        if (!isTop)
-            return;
-        setCtaAnchorId(options.ctaAnchorId);
-    }, [setCtaAnchorId, options.ctaAnchorId, isTop]);
-    // NOTE: no clearAll() on unmount any more — `release()` above owns that, and
-    // only blanks the bar when the stack empties. Clearing here would flash an
-    // empty bar between a drawer closing and the listing behind it republishing.
-}