decentraland-ui2 2.5.3 → 3.0.0

package/dist/components/Navbar/Navbar.defaults.js

@@ -1,235 +1,105 @@
 import { config } from '../../config';
-const navbarMainTitlesI18N = {
-    marketplace: 'shop',
-    create: 'create',
-    learn: 'learn',
-    governance: 'vote',
-    explore: 'events'
+const DEFAULT_I18N = {
+    signIn: 'SIGN IN',
+    signingIn: 'SIGNING IN...',
+    whatsOn: "What's On",
+    shop: 'Shop',
+    shopAll: 'Shop All',
+    wearables: 'Wearables',
+    emotes: 'Emotes',
+    names: 'Names',
+    land: 'Land',
+    merch: 'Merch',
+    create: 'Create',
+    createInDecentraland: 'Create in Decentraland',
+    publishWearablesEmotes: 'Publish Wearables & Emotes',
+    publishLand: 'Manage Land',
+    learn: 'Learn',
+    getStarted: 'Get Started',
+    startCreating: 'Start Creating',
+    seeWhatsNew: "See What's New",
+    viewProfile: 'View Profile',
+    myAssets: 'My Assets',
+    accountSettings: 'Account Settings',
+    marketplaceAuthorizations: 'Marketplace Authorizations',
+    walletAddress: 'User ID',
+    addressCopied: 'Copied!',
+    logout: 'Log Out',
+    creditsExpiringIn: 'Expiring in {days} days',
+    creditsValueNote: '(1 Credit = 1 MANA in value)'
 };
-const i18nChainSelectorDefault = {
-    title: 'Select a network',
-    connected: 'Connected',
-    confirmInWallet: 'Confirm in wallet'
-};
-const navbarSubmenu = {
-    marketplace: {
-        column1: [
-            {
-                title: 'Overview',
-                description: "See what's trending & new",
-                url: config.get('MARKETPLACE_URL'),
-                eventTrackingName: 'marketplace_overview'
-            },
-            {
-                title: 'NAMEs',
-                description: 'Claim a NAME, get a whole World',
-                url: config.get('MARKETPLACE_NAMES_URL'),
-                eventTrackingName: 'marketplace_names'
-            },
-            {
-                title: 'Merch',
-                description: 'Offline gear for online people',
-                url: 'https://store.decentraland.org/',
-                eventTrackingName: 'marketplace_merch',
-                isExternal: true
-            }
-        ],
-        column2: [
-            {
-                title: 'Wearables',
-                description: 'Customize your digital identity',
-                url: `${config.get('MARKETPLACE_URL')}/browse?assetType=item&section=wearables&status=on_sale`,
-                eventTrackingName: 'marketplace_wearables'
-            },
-            {
-                title: 'LAND',
-                description: 'Buy or Rent parcels on the Genesis City map',
-                url: config.get('MARKETPLACE_LANDS_URL'),
-                eventTrackingName: 'marketplace_lands'
-            }
-        ],
-        column3: [
-            {
-                title: 'Emotes',
-                description: 'Animate your avatar',
-                url: `${config.get('MARKETPLACE_URL')}/browse?assetType=item&section=emotes&status=on_sale`,
-                eventTrackingName: 'marketplace_emotes'
-            },
-            {
-                title: 'My Assets',
-                description: 'Manage your assets, listings, bids, & more',
-                url: config.get('MARKETPLACE_MY_ASSETS_URL'),
-                eventTrackingName: 'marketplace_my_assets'
-            }
-        ]
-    },
-    create: {
-        column1: [
-            {
-                title: 'Create in Decentraland',
-                description: 'Discover all the benefits and possibilities',
-                url: config.get('LANDING_CREATORS_URL'),
-                eventTrackingName: 'landing_creators'
-            },
-            {
-                title: 'Decentraland Studios',
-                description: 'Hire pros to transform your ideas to reality',
-                url: config.get('STUDIOS_URL'),
-                eventTrackingName: 'studios',
-                isExternal: true
-            }
-        ],
-        column2Title: 'PUBLISH',
-        column2: [
-            {
-                title: 'Wearables & Emotes',
-                description: 'Publish & manage Marketplace collections',
-                url: config.get('BUILDER_WEARABLE_EMOTES_URL'),
-                eventTrackingName: 'builder_wearables_emotes'
-            },
-            {
-                title: 'Scenes',
-                description: 'Create & publish scenes to LAND or Worlds',
-                url: config.get('CREATOR_HUB_URL'),
-                eventTrackingName: 'creator_hub_scenes'
-            }
-        ],
-        column3Title: 'MANAGE',
-        column3: [
-            {
-                title: 'My NAMEs',
-                description: 'Create & manage NAMEs',
-                url: config.get('BUILDER_NAMES_URL'),
-                eventTrackingName: 'builder_names'
-            },
-            {
-                title: 'My Worlds',
-                description: 'Manage Worlds & Worlds storage',
-                url: config.get('BUILDER_WORLDS_URL'),
-                eventTrackingName: 'builder_worlds'
-            },
-            {
-                title: 'My LAND',
-                description: 'Manage parcel permissions & more',
-                url: config.get('BUILDER_LAND_URL'),
-                eventTrackingName: 'builder_land'
-            }
-        ]
-    },
-    explore: {
-        column1: [
-            {
-                title: 'Events',
-                description: 'Find an event to jump into',
-                url: config.get('EVENTS_URL'),
-                eventTrackingName: 'events'
-            },
-            {
-                title: 'My Events',
-                description: 'See saved events & events you’re hosting',
-                url: config.get('EVENTS_MY_EVENTS'),
-                eventTrackingName: 'events_my_events'
-            }
-        ],
-        column2: [
-            {
-                title: 'Places',
-                description: 'Browse locations in Genesis City & Worlds',
-                url: config.get('PLACES_URL'),
-                eventTrackingName: 'places'
-            },
-            {
-                title: 'My Favorite Places',
-                description: 'See your saved locations',
-                url: config.get('PLACES_MY_FAVORITE_URL'),
-                eventTrackingName: 'places_my_favorite'
-            }
-        ],
-        column3: [
-            {
-                title: 'Top Scenes',
-                description: "Discover Decentraland's hottest scenes",
-                url: config.get('TOP_SCENES_URL'),
-                eventTrackingName: 'places_my_favorite'
-            }
-        ]
-    },
-    learn: {
-        column1: [
-            {
-                title: 'About Decentraland',
-                description: 'FAQs, Whitepaper, & DAO docs',
-                url: config.get('DOCS_ABOUT_URL'),
-                eventTrackingName: 'docs_about'
-            },
-            {
-                title: 'Creator Docs',
-                description: 'Make Wearables, Emotes, scenes, games, & more',
-                url: config.get('DOCS_CREATORS_URL'),
-                eventTrackingName: 'docs_creators'
-            }
-        ],
-        column2: [
-            {
-                title: 'Blog',
-                description: 'News, Community Highlights, & more',
-                url: config.get('BLOG_URL'),
-                eventTrackingName: 'blog',
-                isExternal: true
-            },
-            {
-                title: 'Open Protocol Docs',
-                description: 'See how Decentraland works & contribute',
-                url: config.get('DOCS_CONTRIBUTOR_URL'),
-                eventTrackingName: 'docs_contributor'
-            }
-        ]
-    },
-    governance: {
-        column1: [
-            {
-                title: 'Overview',
-                description: 'The latest in Decentraland governance',
-                url: config.get('GOVERNANCE_URL'),
-                eventTrackingName: 'governance_overview'
-            },
-            {
-                title: 'DAO Transparency',
-                description: 'Treasury, Activity Dashboards, & more',
-                url: config.get('GOVERNANCE_TRANSPARENCY_URL'),
-                eventTrackingName: 'governance_transparency'
-            }
-        ],
-        column2: [
-            {
-                title: 'Proposals',
-                description: 'Vote on active proposals',
-                url: config.get('GOVERNANCE_PROPOSALS_URL'),
-                eventTrackingName: 'governance_proposals'
-            },
-            {
-                title: 'DAO Grants',
-                description: 'Community grants overview, highlights, & resources',
-                url: config.get('DAO_GRANTS_URL'),
-                eventTrackingName: 'dao_grants',
-                isExternal: true
-            }
-        ],
-        column3: [
-            {
-                title: 'Active Grants',
-                description: 'Browse grant-funded community projects',
-                url: config.get('GOVERNANCE_PROJECTS_URL'),
-                eventTrackingName: 'governance_active_grants'
-            },
-            {
-                title: 'DAO Docs',
-                description: 'Learn about the DAO & how to participate',
-                url: config.get('DOCS_DAO_URL'),
-                eventTrackingName: 'docs_dao'
-            }
-        ]
+/**
+ * URLs resolved from the ui-env config system so they point to the correct
+ * environment (zone for dev, today for staging, org for production).
+ */
+function buildMenuConfig() {
+    const marketplaceUrl = config.get('MARKETPLACE_URL');
+    const builderUrl = config.get('BUILDER_URL');
+    const eventsUrl = config.get('EVENTS_URL');
+    const createUrl = config.get('CREATE_URL');
+    const blogUrl = config.get('BLOG_URL');
+    const docsPlayerUrl = config.get('DOCS_ABOUT_URL') ?? config.get('LEARN_URL');
+    const docsCreatorUrl = config.get('DOCS_CREATORS_URL');
+    const namesUrl = config.get('MARKETPLACE_NAMES_URL');
+    const landsUrl = config.get('MARKETPLACE_LANDS_URL');
+    return {
+        whatsOn: {
+            label: 'whatsOn',
+            url: eventsUrl
+        },
+        shop: {
+            label: 'shop',
+            items: [
+                { label: 'shopAll', url: marketplaceUrl },
+                { label: 'wearables', url: `${marketplaceUrl}/browse?assetType=item&section=wearables&status=on_sale` },
+                { label: 'emotes', url: `${marketplaceUrl}/browse?assetType=item&section=emotes&status=on_sale` },
+                { label: 'names', url: namesUrl },
+                { label: 'land', url: landsUrl },
+                { label: 'merch', url: 'https://store.decentraland.org/', isExternal: true }
+            ]
+        },
+        create: {
+            label: 'create',
+            items: [
+                { label: 'createInDecentraland', url: createUrl },
+                { label: 'publishWearablesEmotes', url: `${builderUrl}/collections` },
+                { label: 'publishLand', url: `${builderUrl}/land` }
+            ]
+        },
+        learn: {
+            label: 'learn',
+            items: [
+                { label: 'getStarted', url: docsPlayerUrl, isExternal: true },
+                { label: 'startCreating', url: docsCreatorUrl, isExternal: true },
+                { label: 'seeWhatsNew', url: blogUrl }
+            ]
+        }
+    };
+}
+/**
+ * Lazy singleton getters — config.get() is deferred until first call
+ * to avoid issues in SSR, test environments, or lazy-import scenarios
+ * where the env config may not be initialized at module load time.
+ */
+let _menuConfig = null;
+function getMenuConfig() {
+    if (!_menuConfig) {
+        _menuConfig = buildMenuConfig();
     }
-};
-export { navbarMainTitlesI18N, i18nChainSelectorDefault, navbarSubmenu };
+    return _menuConfig;
+}
+let _userMenuItems = null;
+function getUserMenuItems() {
+    if (!_userMenuItems) {
+        _userMenuItems = [
+            { label: 'viewProfile', url: config.get('PROFILE_URL'), icon: 'account' },
+            { label: 'myAssets', url: config.get('MARKETPLACE_MY_ASSETS_URL'), icon: 'wearable' },
+            { label: 'accountSettings', url: config.get('ACCOUNT_URL'), icon: 'settings' },
+            { label: 'marketplaceAuthorizations', url: config.get('MARKETPLACE_SETTINGS_URL'), icon: 'shopping' }
+        ];
+    }
+    return _userMenuItems;
+}
+const DROPDOWN_SECTIONS = ['shop', 'create', 'learn'];
+export { DEFAULT_I18N, DROPDOWN_SECTIONS, getMenuConfig, getUserMenuItems };
 //# sourceMappingURL=Navbar.defaults.js.map

package/dist/components/Navbar/Navbar.defaults.js.map

@@ -1 +1 @@
-{"version":3,"file":"Navbar.defaults.js","sourceRoot":"","sources":["../../../src/components/Navbar/Navbar.defaults.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"Navbar.defaults.js","sourceRoot":"","sources":["../../../src/components/Navbar/Navbar.defaults.ts"],"names":[],"mappings":"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"}

package/dist/components/Navbar/Navbar.js

@@ -1,40 +1,115 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import React, { useCallback, useState } from 'react';
-import { Toolbar } from '@mui/material';
-import { MainMenu } from './MainMenu/MainMenu';
-import { i18nChainSelectorDefault, navbarMainTitlesI18N as i18nNavbarTitlesDefault, navbarSubmenu } from './Navbar.defaults';
-import { ChainSelector } from '../ChainSelector';
-import { TabletAndBelow, useTabletAndBelowMediaQuery } from '../Media';
-import { UserMenu } from '../UserMenu';
-import { SubMenu } from './SubMenu/SubMenu';
-import { i18n as i18nUserMenuDefault } from '../UserMenu/UserMenu.i18n';
-import { AppBarDesktopWrapper, AppBarRightWrapper, AppBarTabletAndBelowWrapper, AppBarWrapper, DclAppBar, Logo, LogoLink, MenuIcon, MenuIconBar, MenuModal } from './Navbar.styled';
-const Navbar = React.memo((props) => {
-    const { activePage, chains, chainBeingConfirmed, onSelectChain, selectedChain, isSignedIn, i18nNavbar = i18nNavbarTitlesDefault, i18nUserMenu = i18nUserMenuDefault, i18nChainSelector = i18nChainSelectorDefault, submenuItems = navbarSubmenu, onClickNavbarItem, ...userMenuProps } = props;
-    const [toggle, setToggle] = useState(false);
-    const [selectedMenu, setSelectedMenu] = useState();
-    const [menuMobileOpen, setMenuMobileOpen] = useState(false);
-    const isTabletAndBelow = useTabletAndBelowMediaQuery();
-    const handleToggle = useCallback((_e, show, section) => {
-        setToggle(show);
-        setSelectedMenu(show && section);
-    }, [setToggle, setSelectedMenu]);
-    const handleClickMenu = useCallback((event, options) => {
-        onClickNavbarItem && onClickNavbarItem(event, options);
-    }, [onClickNavbarItem]);
-    const handleMobileToggle = useCallback((_e, show) => {
-        if (!show) {
-            setToggle(false);
+import { memo, useCallback, useEffect, useRef, useState } from 'react';
+import { formatBalance } from './formatBalance';
+import { CloseIcon, DclLogo, HamburgerIcon } from './icons';
+import { MobileMenu } from './MobileMenu';
+import { DEFAULT_I18N } from './Navbar.defaults';
+import { NavLinks } from './NavLinks';
+import { UserCardPanel } from './UserCardPanel';
+import { CreditsIcon } from '../Icon/CreditsIcon';
+import { CreditsBalanceButton, CreditsTooltip } from './Credits.styled';
+import { HamburgerButton, LogoLink, NavbarLeft, NavbarRight, NavbarRightGroup, NavbarRoot, SignInButton } from './Navbar.styled';
+/** Calculate days remaining until a given timestamp. */
+function daysUntil(timestamp) {
+    const diff = timestamp - Date.now();
+    return Math.max(0, Math.ceil(diff / (1000 * 60 * 60 * 24)));
+}
+const Navbar = memo(function Navbar({ isSignedIn, isSigningIn, isLoadingProfile = false, address, avatar, i18n: i18nPartial, notificationSlot, selectedChain, chains, onSelectChain, manaBalances, onClickBalance, creditsBalance, onClickCredits, activePage, onToggleUserCard, onClickSignIn, onClickSignOut }) {
+    const i18n = { ...DEFAULT_I18N, ...i18nPartial };
+    const [mobileMenuOpen, setMobileMenuOpen] = useState(false);
+    const [desktopDropdown, setDesktopDropdown] = useState(null);
+    const [userCardOpen, setUserCardOpen] = useState(false);
+    const navRef = useRef(null);
+    const dropdownTimerRef = useRef(null);
+    const toggleMobileMenu = useCallback(() => {
+        setMobileMenuOpen(prev => {
+            if (!prev) {
+                setDesktopDropdown(null);
+                setUserCardOpen(false);
+            }
+            return !prev;
+        });
+    }, []);
+    const closeMobileMenu = useCallback(() => {
+        setMobileMenuOpen(false);
+    }, []);
+    const openDesktopDropdown = useCallback((section) => {
+        if (dropdownTimerRef.current) {
+            clearTimeout(dropdownTimerRef.current);
+            dropdownTimerRef.current = null;
         }
-        setMenuMobileOpen(show);
-    }, [setToggle, setMenuMobileOpen]);
-    const handleUserMenuOpen = useCallback((event, trackingId) => {
-        if (userMenuProps.onClickOpen) {
-            userMenuProps.onClickOpen(event, trackingId);
+        setDesktopDropdown(section);
+        setUserCardOpen(false);
+    }, []);
+    const scheduleCloseDesktopDropdown = useCallback(() => {
+        dropdownTimerRef.current = setTimeout(() => {
+            setDesktopDropdown(null);
+        }, 300);
+    }, []);
+    const closeDesktopDropdown = useCallback(() => {
+        setDesktopDropdown(null);
+    }, []);
+    const toggleUserCard = useCallback(() => {
+        setUserCardOpen(prev => {
+            const next = !prev;
+            if (next) {
+                setDesktopDropdown(null);
+                setMobileMenuOpen(false);
+            }
+            onToggleUserCard?.(next);
+            return next;
+        });
+    }, [onToggleUserCard]);
+    const closeUserCard = useCallback(() => {
+        setUserCardOpen(false);
+    }, []);
+    useEffect(() => {
+        function handleClickOutside(event) {
+            const target = event.target;
+            if (navRef.current && !navRef.current.contains(target)) {
+                closeDesktopDropdown();
+                closeUserCard();
+            }
         }
-        handleMobileToggle(event, false);
-    }, [userMenuProps.onClickOpen, handleMobileToggle]);
-    return (_jsxs(_Fragment, { children: [_jsx(DclAppBar, { isSubmenuOpen: toggle, isMobileOpen: menuMobileOpen, "aria-label": "navigation bar", children: _jsx(Toolbar, { children: _jsxs(AppBarWrapper, { children: [_jsx(TabletAndBelow, { children: _jsxs(AppBarTabletAndBelowWrapper, { children: [_jsx(LogoLink, { isMobile: true, href: "https://decentraland.org", "aria-label": "Decentraland home", children: _jsx(Logo, {}) }), _jsxs(MenuIcon, { "aria-label": "toggle menu", onClick: e => handleMobileToggle(e, !menuMobileOpen), children: [_jsx(MenuIconBar, { isOpen: menuMobileOpen, "aria-label": "menu bar" }), _jsx(MenuIconBar, { isOpen: menuMobileOpen, "aria-label": "menu bar" })] })] }) }), _jsxs(AppBarDesktopWrapper, { children: [_jsx(LogoLink, { href: "https://decentraland.org", "aria-label": "Decentraland home", children: _jsx(Logo, {}) }), _jsx(MainMenu, { activePage: activePage, onToggleShowSubMenu: handleToggle, i18n: i18nNavbar, isMobile: false, "aria-label": "main navigation menu" })] }), _jsxs(AppBarRightWrapper, { children: [isSignedIn && onSelectChain && chains?.length && selectedChain ? (_jsx(ChainSelector, { chains: chains, selectedChain: selectedChain, chainBeingConfirmed: chainBeingConfirmed, i18n: i18nChainSelector, onSelectChain: onSelectChain, "aria-label": "blockchain network selector" })) : null, _jsx(UserMenu, { ...userMenuProps, onClickOpen: isTabletAndBelow ? handleUserMenuOpen : userMenuProps.onClickOpen, isSignedIn: isSignedIn, i18n: i18nUserMenu, "aria-label": "user menu" })] })] }) }) }), _jsx(SubMenu, { selectedMenu: selectedMenu, onToggleShowSubMenu: handleToggle, onClickMenuOption: handleClickMenu, submenus: submenuItems, "aria-label": "submenu navigation" }), _jsx(MenuModal, { open: isTabletAndBelow && menuMobileOpen, onClose: (event) => handleMobileToggle(event, false), "aria-label": "mobile menu", children: _jsxs(_Fragment, { children: [_jsx(MainMenu, { activePage: activePage, onToggleShowSubMenu: handleToggle, isOpenOnMobile: menuMobileOpen, i18n: i18nNavbar, isMobile: true, "aria-label": "main mobile navigation menu" }), _jsx(SubMenu, { selectedMenu: selectedMenu, onToggleShowSubMenu: handleToggle, onClickMenuOption: handleClickMenu, isMobile: isTabletAndBelow, submenus: submenuItems, "aria-label": "mobile submenu navigation" })] }) })] }));
+        document.addEventListener('mousedown', handleClickOutside);
+        return () => document.removeEventListener('mousedown', handleClickOutside);
+    }, [closeDesktopDropdown, closeUserCard]);
+    // Close open panels on scroll
+    useEffect(() => {
+        const handleScroll = () => {
+            closeUserCard();
+            closeDesktopDropdown();
+        };
+        window.addEventListener('scroll', handleScroll, { passive: true });
+        return () => window.removeEventListener('scroll', handleScroll);
+    }, [closeUserCard, closeDesktopDropdown]);
+    useEffect(() => {
+        function handleKeyDown(event) {
+            if (event.key === 'Escape') {
+                closeDesktopDropdown();
+                closeUserCard();
+                closeMobileMenu();
+            }
+        }
+        document.addEventListener('keydown', handleKeyDown);
+        return () => document.removeEventListener('keydown', handleKeyDown);
+    }, [closeDesktopDropdown, closeUserCard, closeMobileMenu]);
+    useEffect(() => {
+        if (mobileMenuOpen) {
+            document.body.style.overflow = 'hidden';
+        }
+        else {
+            document.body.style.overflow = '';
+        }
+        return () => {
+            document.body.style.overflow = '';
+        };
+    }, [mobileMenuOpen]);
+    return (_jsxs(_Fragment, { children: [_jsxs(NavbarRoot, { ref: navRef, children: [_jsxs(NavbarLeft, { children: [_jsx(LogoLink, { href: "https://decentraland.org", "aria-label": "Decentraland Home", children: _jsx(DclLogo, {}) }), _jsx(NavLinks, { desktopDropdown: desktopDropdown, onOpenDropdown: openDesktopDropdown, onScheduleCloseDropdown: scheduleCloseDesktopDropdown, activePage: activePage, i18n: i18n })] }), _jsxs(NavbarRight, { children: [isSignedIn && (_jsxs(NavbarRightGroup, { children: [creditsBalance && (_jsxs(CreditsBalanceButton, { onClick: onClickCredits, "aria-label": `${formatBalance(creditsBalance.balance)} credits`, children: [_jsx(CreditsIcon, { sx: { width: 20, height: 20 } }), formatBalance(creditsBalance.balance), _jsxs(CreditsTooltip, { className: "credits-tooltip", children: [i18n.creditsExpiringIn.replace('{days}', String(daysUntil(creditsBalance.expiresAt))), _jsx("br", {}), i18n.creditsValueNote] })] })), notificationSlot && (_jsx("div", { onClick: () => {
+                                            setUserCardOpen(false);
+                                            setDesktopDropdown(null);
+                                        }, children: notificationSlot })), _jsx(UserCardPanel, { isLoadingProfile: isLoadingProfile, address: address, avatar: avatar, userCardOpen: userCardOpen, onToggleUserCard: toggleUserCard, onClickSignOut: onClickSignOut, selectedChain: selectedChain, chains: chains, onSelectChain: onSelectChain, manaBalances: manaBalances, onClickBalance: onClickBalance, i18n: i18n })] })), !isSignedIn && (_jsx(SignInButton, { onClick: onClickSignIn, disabled: isSigningIn, children: isSigningIn ? i18n.signingIn : i18n.signIn })), _jsx(HamburgerButton, { onClick: toggleMobileMenu, "aria-label": mobileMenuOpen ? 'Close menu' : 'Open menu', "aria-expanded": mobileMenuOpen, children: mobileMenuOpen ? _jsx(CloseIcon, {}) : _jsx(HamburgerIcon, {}) })] })] }), _jsx(MobileMenu, { open: mobileMenuOpen, onClose: closeMobileMenu, i18n: i18n })] }));
 });
+Navbar.displayName = 'Navbar';
 export { Navbar };
 //# sourceMappingURL=Navbar.js.map

package/dist/components/Navbar/Navbar.js.map

@@ -1 +1 @@
-{"version":3,"file":"Navbar.js","sourceRoot":"","sources":["../../../src/components/Navbar/Navbar.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Navbar.js","sourceRoot":"","sources":["../../../src/components/Navbar/Navbar.tsx"],"names":[],"mappings":"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"}

package/dist/components/Navbar/Navbar.stories.d.ts

@@ -1,10 +1,11 @@
-import { NavbarProps } from './Navbar.types';
+import { Navbar } from './Navbar';
 import type { Meta, StoryObj } from '@storybook/react';
-declare const meta: Meta<NavbarProps>;
-type Story = StoryObj<NavbarProps>;
-declare const Simple: Story;
-declare const WithScroll: Story;
-declare const WithChainSelector: Story;
-declare const WithRedirectOnly: Story;
+declare const meta: Meta<typeof Navbar>;
 export default meta;
-export { Simple, WithScroll, WithChainSelector, WithRedirectOnly };
+type Story = StoryObj<typeof Navbar>;
+declare const SignedOut: Story;
+declare const SignedIn: Story;
+declare const WithNotifications: Story;
+declare const MarketplaceExample: Story;
+declare const CustomI18n: Story;
+export { SignedOut, SignedIn, WithNotifications, MarketplaceExample, CustomI18n };