@sesionario/blocks 1.16.0 → 1.17.1

package/dist/index.d.cts

@@ -246,8 +246,11 @@ type LanguageSwitcherProps = {
 declare function LanguageSwitcher({ languages: propLanguages, currentLanguage: propCurrentLanguage, onLanguageChange: propOnLanguageChange, labels, className, size, shape, variant, showIcon, align, side, }: LanguageSwitcherProps): React.JSX.Element;
 
 type PlatformNavbarProps = {
-    /** Brand mark (isotype). Typically a link to the member app home. */
-    logo: ReactNode;
+    /**
+     * Brand mark (isotype). Typically a link to the member app home.
+     * Omit in shells that already brand the sidebar.
+     */
+    logo?: ReactNode;
     /** Optional control before the center (e.g. SidebarTrigger). */
     leading?: ReactNode;
     /** Flex-growing center slot (tabs, subtitle). Horizontally scrollable. */
@@ -259,7 +262,7 @@ type PlatformNavbarProps = {
     innerClassName?: string;
 };
 /**
- * Shared sticky top chrome: logo | optional leading | scrollable center | fixed right.
+ * Shared sticky top chrome: optional logo | optional leading | scrollable center | fixed right.
  * Apps inject search, notifications, and the account menu into `right`.
  */
 declare function PlatformNavbar({ logo, leading, center, right, className, innerClassName, }: PlatformNavbarProps): React.JSX.Element;
@@ -284,12 +287,15 @@ type PlatformAccountMenuOrg = {
     id: string;
     name: string;
     slug: string;
+    logo?: string | null;
+};
+type MergedPlatformAccountOrg = PlatformAccountMenuOrg & {
+    canManage: boolean;
 };
 type PlatformAccountMenuUrls = {
     authAppUrl: string;
     appUrl: string;
     adminUrl: string;
-    backofficeUrl: string;
     loginPath?: string;
     accountPath?: string;
     activityPath?: string;
@@ -301,13 +307,9 @@ type PlatformAccountMenuLabels = {
     personalProfile: string;
     activity: string;
     professionalProfile: string;
-    /** @deprecated Unused; kept so apps can pass labels without breaking. */
-    mainApp: string;
-    /** @deprecated Unused; kept so apps can pass labels without breaking. */
-    orgManagement: string;
-    backoffice: string;
-    memberOrgs: string;
-    managementOrgs: string;
+    showMoreOrgs: string;
+    showLessOrgs: string;
+    manageOrg: string;
     language: string;
     theme: string;
     themeLight: string;
@@ -318,13 +320,18 @@ type PlatformAccountMenuLabels = {
     signingOut: string;
     accountSettings: string;
 };
+/** Visible org rows before “Show more”. */
+declare const PLATFORM_ACCOUNT_ORG_COLLAPSE_AT = 4;
+/**
+ * Union member + manageable orgs by id (member order first, then manageable-only).
+ * `canManage` is true when the org appears in `manageableOrgs`.
+ */
+declare function mergePlatformAccountOrgs(memberOrgs: PlatformAccountMenuOrg[], manageableOrgs: PlatformAccountMenuOrg[]): MergedPlatformAccountOrg[];
 type PlatformAccountMenuProps = {
     variant?: PlatformAccountMenuVariant;
     /** While session is resolving. */
     isPending?: boolean;
     user?: PlatformAccountMenuUser | null;
-    /** Platform admin (JWT role includes admin). Enables Backoffice link. */
-    isAdmin?: boolean;
     verificationStatus?: ProfessionalVerificationStatus;
     urls: PlatformAccountMenuUrls;
     memberOrgs?: PlatformAccountMenuOrg[];
@@ -352,7 +359,7 @@ type PlatformAccountMenuProps = {
  * Cross-app account / settings menu. Guest trigger is a settings cog;
  * signed-in trigger is the user avatar.
  */
-declare function PlatformAccountMenu({ variant, isPending, user, isAdmin, verificationStatus, urls, memberOrgs, manageableOrgs, languages, currentLanguage, onLanguageChange, labels: labelsProp, onSignOut, extraItems, trigger: triggerProp, contentSide, contentAlign, contentSideOffset, contentClassName, className, }: PlatformAccountMenuProps): React.JSX.Element;
+declare function PlatformAccountMenu({ variant, isPending, user, verificationStatus, urls, memberOrgs, manageableOrgs, languages, currentLanguage, onLanguageChange, labels: labelsProp, onSignOut, extraItems, trigger: triggerProp, contentSide, contentAlign, contentSideOffset, contentClassName, className, }: PlatformAccountMenuProps): React.JSX.Element;
 
 declare function DropdownMenuItem({ className, inset, variant, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Item> & {
     inset?: boolean;
@@ -1254,4 +1261,4 @@ declare function useRealtimeChannel({ getWsUrl, onEvent, enabled, reconnectDelay
 
 declare function cn(...inputs: ClassValue[]): string;
 
-export { type AutoplayState, AvatarEditor, AvatarEditorDialog, type AvatarEditorDialogProps, type AvatarEditorProps, type BlocksLanguage, Bubble, BubbleContent, BubbleGroup, BubbleReactions, type ChatListMessage, ChatMessageList, type ChatMessageListProps, ConfirmDestructiveDialog, type ConfirmDestructiveDialogProps, type ConversationKind, type DescribedPlaybackError, DropdownMenuItem, DropdownMenuSeparator, type EmojiCategoryData, type EmojiCategoryKey, type EmojiDatum, EmojiInput, type EmojiInputProps, EmojiPicker, type EmojiPickerLabels, type EmojiPickerLocale, EmojiPickerPopover, type EmojiPickerPopoverProps, type EmojiPickerProps, type EmojiSkinTone, EmojiTextarea, type EmojiTextareaProps, Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, EmptyState, type EmptyStateProps, EmptyTitle, ErrorState, ExpandableText, type ExpandableTextProps, type FeatureEntry, type FindOrCreateConversationInput, type HlsPlayerMode, ImageLightbox, type ImageLightboxLabels, type ImageLightboxProps, type Language, LanguageContext, type LanguageContextValue, LanguageSwitcher, type LanguageSwitcherLabels, type LanguageSwitcherProps, LoadingState, MEXICO_STATES, MEXICO_STATE_PATHS, Marker, MarkerContent, MarkerIcon, Message, MessageAvatar, MessageComposer, type MessageComposerProps, MessageContent, MessageFooter, MessageGroup, MessageHeader, MessageScroller, MessageScrollerButton, MessageScrollerContent, MessageScrollerItem, MessageScrollerProvider, MessageScrollerViewport, MexicoMap, type MexicoMapProps, type MexicoState, type MexicoStateId, type OpenThreadRequest, OrgSwitcher, type OrgSwitcherLabels, type OrgSwitcherProps, type OrgSwitcherTenant, PhoneInput, type PhoneInputProps, PlatformAccountMenu, type PlatformAccountMenuLabels, type PlatformAccountMenuOrg, type PlatformAccountMenuProps, type PlatformAccountMenuUrls, type PlatformAccountMenuUser, type PlatformAccountMenuVariant, PlatformNavbar, type PlatformNavbarProps, type PlaybackErrorContext, type PlaybackErrorDetail, type PlaybackErrorKind, type PlaybackState, type PlaybackStats, type ProfessionalVerificationStatus, type QualityLevel, type RealtimeEvent, type ScrollFadeXEdges, SearchCommand, type SearchCommandLabels, type SearchCommandProps, type SearchCommandSelection, type SearchHit, SearchablePicker, type SearchablePickerCreateOption, type SearchablePickerLabels, type SearchablePickerMultipleProps, type SearchablePickerPinned, type SearchablePickerProps, type SearchablePickerSingleProps, type SupportChatClient, type SupportConversation, type SupportMessage, type SupportMessengerItem, type SupportMessengerLabels, SupportMessengerProvider, type SupportMessengerProviderProps, type SupportMessengerTab, ThemeSwitcher, type ThemeSwitcherLabels, type ThemeSwitcherProps, type UseHlsPlaybackOptions, type UseHlsPlaybackResult, type UsePlaybackStatsOptions, type UseRealtimeChannelOptions, type UseSearchHotkeyOptions, type UseSearchHotkeyResult, type UseSupportConversationOptions, type UseSupportConversationResult, VerifiedProfessionalBadge, type VerifiedProfessionalBadgeProps, VideoPlayer, type VideoPlayerLabels, type VideoPlayerProps, bubbleVariants, cn, createLiveHlsConfig, createSupportChatClient, createVodHlsConfig, defaultLanguages, describeAvResync, describePlaybackError, fuzzyMatch, insertAtCaret, markerVariants, normalizeEmojiQuery, shouldRetryLiveEdge404, useDebouncedValue, useDebouncedValueStrict, useHlsPlayback, useLanguageContext, useMediaQuery, usePlaybackStats, useRealtimeChannel, useScrollFadeXEdges, useSearchHotkey, useSupportConversation, useSupportMessenger, useSupportMessengerOptional };
+export { type AutoplayState, AvatarEditor, AvatarEditorDialog, type AvatarEditorDialogProps, type AvatarEditorProps, type BlocksLanguage, Bubble, BubbleContent, BubbleGroup, BubbleReactions, type ChatListMessage, ChatMessageList, type ChatMessageListProps, ConfirmDestructiveDialog, type ConfirmDestructiveDialogProps, type ConversationKind, type DescribedPlaybackError, DropdownMenuItem, DropdownMenuSeparator, type EmojiCategoryData, type EmojiCategoryKey, type EmojiDatum, EmojiInput, type EmojiInputProps, EmojiPicker, type EmojiPickerLabels, type EmojiPickerLocale, EmojiPickerPopover, type EmojiPickerPopoverProps, type EmojiPickerProps, type EmojiSkinTone, EmojiTextarea, type EmojiTextareaProps, Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, EmptyState, type EmptyStateProps, EmptyTitle, ErrorState, ExpandableText, type ExpandableTextProps, type FeatureEntry, type FindOrCreateConversationInput, type HlsPlayerMode, ImageLightbox, type ImageLightboxLabels, type ImageLightboxProps, type Language, LanguageContext, type LanguageContextValue, LanguageSwitcher, type LanguageSwitcherLabels, type LanguageSwitcherProps, LoadingState, MEXICO_STATES, MEXICO_STATE_PATHS, Marker, MarkerContent, MarkerIcon, type MergedPlatformAccountOrg, Message, MessageAvatar, MessageComposer, type MessageComposerProps, MessageContent, MessageFooter, MessageGroup, MessageHeader, MessageScroller, MessageScrollerButton, MessageScrollerContent, MessageScrollerItem, MessageScrollerProvider, MessageScrollerViewport, MexicoMap, type MexicoMapProps, type MexicoState, type MexicoStateId, type OpenThreadRequest, OrgSwitcher, type OrgSwitcherLabels, type OrgSwitcherProps, type OrgSwitcherTenant, PLATFORM_ACCOUNT_ORG_COLLAPSE_AT, PhoneInput, type PhoneInputProps, PlatformAccountMenu, type PlatformAccountMenuLabels, type PlatformAccountMenuOrg, type PlatformAccountMenuProps, type PlatformAccountMenuUrls, type PlatformAccountMenuUser, type PlatformAccountMenuVariant, PlatformNavbar, type PlatformNavbarProps, type PlaybackErrorContext, type PlaybackErrorDetail, type PlaybackErrorKind, type PlaybackState, type PlaybackStats, type ProfessionalVerificationStatus, type QualityLevel, type RealtimeEvent, type ScrollFadeXEdges, SearchCommand, type SearchCommandLabels, type SearchCommandProps, type SearchCommandSelection, type SearchHit, SearchablePicker, type SearchablePickerCreateOption, type SearchablePickerLabels, type SearchablePickerMultipleProps, type SearchablePickerPinned, type SearchablePickerProps, type SearchablePickerSingleProps, type SupportChatClient, type SupportConversation, type SupportMessage, type SupportMessengerItem, type SupportMessengerLabels, SupportMessengerProvider, type SupportMessengerProviderProps, type SupportMessengerTab, ThemeSwitcher, type ThemeSwitcherLabels, type ThemeSwitcherProps, type UseHlsPlaybackOptions, type UseHlsPlaybackResult, type UsePlaybackStatsOptions, type UseRealtimeChannelOptions, type UseSearchHotkeyOptions, type UseSearchHotkeyResult, type UseSupportConversationOptions, type UseSupportConversationResult, VerifiedProfessionalBadge, type VerifiedProfessionalBadgeProps, VideoPlayer, type VideoPlayerLabels, type VideoPlayerProps, bubbleVariants, cn, createLiveHlsConfig, createSupportChatClient, createVodHlsConfig, defaultLanguages, describeAvResync, describePlaybackError, fuzzyMatch, insertAtCaret, markerVariants, mergePlatformAccountOrgs, normalizeEmojiQuery, shouldRetryLiveEdge404, useDebouncedValue, useDebouncedValueStrict, useHlsPlayback, useLanguageContext, useMediaQuery, usePlaybackStats, useRealtimeChannel, useScrollFadeXEdges, useSearchHotkey, useSupportConversation, useSupportMessenger, useSupportMessengerOptional };

package/dist/index.d.ts

@@ -246,8 +246,11 @@ type LanguageSwitcherProps = {
 declare function LanguageSwitcher({ languages: propLanguages, currentLanguage: propCurrentLanguage, onLanguageChange: propOnLanguageChange, labels, className, size, shape, variant, showIcon, align, side, }: LanguageSwitcherProps): React.JSX.Element;
 
 type PlatformNavbarProps = {
-    /** Brand mark (isotype). Typically a link to the member app home. */
-    logo: ReactNode;
+    /**
+     * Brand mark (isotype). Typically a link to the member app home.
+     * Omit in shells that already brand the sidebar.
+     */
+    logo?: ReactNode;
     /** Optional control before the center (e.g. SidebarTrigger). */
     leading?: ReactNode;
     /** Flex-growing center slot (tabs, subtitle). Horizontally scrollable. */
@@ -259,7 +262,7 @@ type PlatformNavbarProps = {
     innerClassName?: string;
 };
 /**
- * Shared sticky top chrome: logo | optional leading | scrollable center | fixed right.
+ * Shared sticky top chrome: optional logo | optional leading | scrollable center | fixed right.
  * Apps inject search, notifications, and the account menu into `right`.
  */
 declare function PlatformNavbar({ logo, leading, center, right, className, innerClassName, }: PlatformNavbarProps): React.JSX.Element;
@@ -284,12 +287,15 @@ type PlatformAccountMenuOrg = {
     id: string;
     name: string;
     slug: string;
+    logo?: string | null;
+};
+type MergedPlatformAccountOrg = PlatformAccountMenuOrg & {
+    canManage: boolean;
 };
 type PlatformAccountMenuUrls = {
     authAppUrl: string;
     appUrl: string;
     adminUrl: string;
-    backofficeUrl: string;
     loginPath?: string;
     accountPath?: string;
     activityPath?: string;
@@ -301,13 +307,9 @@ type PlatformAccountMenuLabels = {
     personalProfile: string;
     activity: string;
     professionalProfile: string;
-    /** @deprecated Unused; kept so apps can pass labels without breaking. */
-    mainApp: string;
-    /** @deprecated Unused; kept so apps can pass labels without breaking. */
-    orgManagement: string;
-    backoffice: string;
-    memberOrgs: string;
-    managementOrgs: string;
+    showMoreOrgs: string;
+    showLessOrgs: string;
+    manageOrg: string;
     language: string;
     theme: string;
     themeLight: string;
@@ -318,13 +320,18 @@ type PlatformAccountMenuLabels = {
     signingOut: string;
     accountSettings: string;
 };
+/** Visible org rows before “Show more”. */
+declare const PLATFORM_ACCOUNT_ORG_COLLAPSE_AT = 4;
+/**
+ * Union member + manageable orgs by id (member order first, then manageable-only).
+ * `canManage` is true when the org appears in `manageableOrgs`.
+ */
+declare function mergePlatformAccountOrgs(memberOrgs: PlatformAccountMenuOrg[], manageableOrgs: PlatformAccountMenuOrg[]): MergedPlatformAccountOrg[];
 type PlatformAccountMenuProps = {
     variant?: PlatformAccountMenuVariant;
     /** While session is resolving. */
     isPending?: boolean;
     user?: PlatformAccountMenuUser | null;
-    /** Platform admin (JWT role includes admin). Enables Backoffice link. */
-    isAdmin?: boolean;
     verificationStatus?: ProfessionalVerificationStatus;
     urls: PlatformAccountMenuUrls;
     memberOrgs?: PlatformAccountMenuOrg[];
@@ -352,7 +359,7 @@ type PlatformAccountMenuProps = {
  * Cross-app account / settings menu. Guest trigger is a settings cog;
  * signed-in trigger is the user avatar.
  */
-declare function PlatformAccountMenu({ variant, isPending, user, isAdmin, verificationStatus, urls, memberOrgs, manageableOrgs, languages, currentLanguage, onLanguageChange, labels: labelsProp, onSignOut, extraItems, trigger: triggerProp, contentSide, contentAlign, contentSideOffset, contentClassName, className, }: PlatformAccountMenuProps): React.JSX.Element;
+declare function PlatformAccountMenu({ variant, isPending, user, verificationStatus, urls, memberOrgs, manageableOrgs, languages, currentLanguage, onLanguageChange, labels: labelsProp, onSignOut, extraItems, trigger: triggerProp, contentSide, contentAlign, contentSideOffset, contentClassName, className, }: PlatformAccountMenuProps): React.JSX.Element;
 
 declare function DropdownMenuItem({ className, inset, variant, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Item> & {
     inset?: boolean;
@@ -1254,4 +1261,4 @@ declare function useRealtimeChannel({ getWsUrl, onEvent, enabled, reconnectDelay
 
 declare function cn(...inputs: ClassValue[]): string;
 
-export { type AutoplayState, AvatarEditor, AvatarEditorDialog, type AvatarEditorDialogProps, type AvatarEditorProps, type BlocksLanguage, Bubble, BubbleContent, BubbleGroup, BubbleReactions, type ChatListMessage, ChatMessageList, type ChatMessageListProps, ConfirmDestructiveDialog, type ConfirmDestructiveDialogProps, type ConversationKind, type DescribedPlaybackError, DropdownMenuItem, DropdownMenuSeparator, type EmojiCategoryData, type EmojiCategoryKey, type EmojiDatum, EmojiInput, type EmojiInputProps, EmojiPicker, type EmojiPickerLabels, type EmojiPickerLocale, EmojiPickerPopover, type EmojiPickerPopoverProps, type EmojiPickerProps, type EmojiSkinTone, EmojiTextarea, type EmojiTextareaProps, Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, EmptyState, type EmptyStateProps, EmptyTitle, ErrorState, ExpandableText, type ExpandableTextProps, type FeatureEntry, type FindOrCreateConversationInput, type HlsPlayerMode, ImageLightbox, type ImageLightboxLabels, type ImageLightboxProps, type Language, LanguageContext, type LanguageContextValue, LanguageSwitcher, type LanguageSwitcherLabels, type LanguageSwitcherProps, LoadingState, MEXICO_STATES, MEXICO_STATE_PATHS, Marker, MarkerContent, MarkerIcon, Message, MessageAvatar, MessageComposer, type MessageComposerProps, MessageContent, MessageFooter, MessageGroup, MessageHeader, MessageScroller, MessageScrollerButton, MessageScrollerContent, MessageScrollerItem, MessageScrollerProvider, MessageScrollerViewport, MexicoMap, type MexicoMapProps, type MexicoState, type MexicoStateId, type OpenThreadRequest, OrgSwitcher, type OrgSwitcherLabels, type OrgSwitcherProps, type OrgSwitcherTenant, PhoneInput, type PhoneInputProps, PlatformAccountMenu, type PlatformAccountMenuLabels, type PlatformAccountMenuOrg, type PlatformAccountMenuProps, type PlatformAccountMenuUrls, type PlatformAccountMenuUser, type PlatformAccountMenuVariant, PlatformNavbar, type PlatformNavbarProps, type PlaybackErrorContext, type PlaybackErrorDetail, type PlaybackErrorKind, type PlaybackState, type PlaybackStats, type ProfessionalVerificationStatus, type QualityLevel, type RealtimeEvent, type ScrollFadeXEdges, SearchCommand, type SearchCommandLabels, type SearchCommandProps, type SearchCommandSelection, type SearchHit, SearchablePicker, type SearchablePickerCreateOption, type SearchablePickerLabels, type SearchablePickerMultipleProps, type SearchablePickerPinned, type SearchablePickerProps, type SearchablePickerSingleProps, type SupportChatClient, type SupportConversation, type SupportMessage, type SupportMessengerItem, type SupportMessengerLabels, SupportMessengerProvider, type SupportMessengerProviderProps, type SupportMessengerTab, ThemeSwitcher, type ThemeSwitcherLabels, type ThemeSwitcherProps, type UseHlsPlaybackOptions, type UseHlsPlaybackResult, type UsePlaybackStatsOptions, type UseRealtimeChannelOptions, type UseSearchHotkeyOptions, type UseSearchHotkeyResult, type UseSupportConversationOptions, type UseSupportConversationResult, VerifiedProfessionalBadge, type VerifiedProfessionalBadgeProps, VideoPlayer, type VideoPlayerLabels, type VideoPlayerProps, bubbleVariants, cn, createLiveHlsConfig, createSupportChatClient, createVodHlsConfig, defaultLanguages, describeAvResync, describePlaybackError, fuzzyMatch, insertAtCaret, markerVariants, normalizeEmojiQuery, shouldRetryLiveEdge404, useDebouncedValue, useDebouncedValueStrict, useHlsPlayback, useLanguageContext, useMediaQuery, usePlaybackStats, useRealtimeChannel, useScrollFadeXEdges, useSearchHotkey, useSupportConversation, useSupportMessenger, useSupportMessengerOptional };
+export { type AutoplayState, AvatarEditor, AvatarEditorDialog, type AvatarEditorDialogProps, type AvatarEditorProps, type BlocksLanguage, Bubble, BubbleContent, BubbleGroup, BubbleReactions, type ChatListMessage, ChatMessageList, type ChatMessageListProps, ConfirmDestructiveDialog, type ConfirmDestructiveDialogProps, type ConversationKind, type DescribedPlaybackError, DropdownMenuItem, DropdownMenuSeparator, type EmojiCategoryData, type EmojiCategoryKey, type EmojiDatum, EmojiInput, type EmojiInputProps, EmojiPicker, type EmojiPickerLabels, type EmojiPickerLocale, EmojiPickerPopover, type EmojiPickerPopoverProps, type EmojiPickerProps, type EmojiSkinTone, EmojiTextarea, type EmojiTextareaProps, Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, EmptyState, type EmptyStateProps, EmptyTitle, ErrorState, ExpandableText, type ExpandableTextProps, type FeatureEntry, type FindOrCreateConversationInput, type HlsPlayerMode, ImageLightbox, type ImageLightboxLabels, type ImageLightboxProps, type Language, LanguageContext, type LanguageContextValue, LanguageSwitcher, type LanguageSwitcherLabels, type LanguageSwitcherProps, LoadingState, MEXICO_STATES, MEXICO_STATE_PATHS, Marker, MarkerContent, MarkerIcon, type MergedPlatformAccountOrg, Message, MessageAvatar, MessageComposer, type MessageComposerProps, MessageContent, MessageFooter, MessageGroup, MessageHeader, MessageScroller, MessageScrollerButton, MessageScrollerContent, MessageScrollerItem, MessageScrollerProvider, MessageScrollerViewport, MexicoMap, type MexicoMapProps, type MexicoState, type MexicoStateId, type OpenThreadRequest, OrgSwitcher, type OrgSwitcherLabels, type OrgSwitcherProps, type OrgSwitcherTenant, PLATFORM_ACCOUNT_ORG_COLLAPSE_AT, PhoneInput, type PhoneInputProps, PlatformAccountMenu, type PlatformAccountMenuLabels, type PlatformAccountMenuOrg, type PlatformAccountMenuProps, type PlatformAccountMenuUrls, type PlatformAccountMenuUser, type PlatformAccountMenuVariant, PlatformNavbar, type PlatformNavbarProps, type PlaybackErrorContext, type PlaybackErrorDetail, type PlaybackErrorKind, type PlaybackState, type PlaybackStats, type ProfessionalVerificationStatus, type QualityLevel, type RealtimeEvent, type ScrollFadeXEdges, SearchCommand, type SearchCommandLabels, type SearchCommandProps, type SearchCommandSelection, type SearchHit, SearchablePicker, type SearchablePickerCreateOption, type SearchablePickerLabels, type SearchablePickerMultipleProps, type SearchablePickerPinned, type SearchablePickerProps, type SearchablePickerSingleProps, type SupportChatClient, type SupportConversation, type SupportMessage, type SupportMessengerItem, type SupportMessengerLabels, SupportMessengerProvider, type SupportMessengerProviderProps, type SupportMessengerTab, ThemeSwitcher, type ThemeSwitcherLabels, type ThemeSwitcherProps, type UseHlsPlaybackOptions, type UseHlsPlaybackResult, type UsePlaybackStatsOptions, type UseRealtimeChannelOptions, type UseSearchHotkeyOptions, type UseSearchHotkeyResult, type UseSupportConversationOptions, type UseSupportConversationResult, VerifiedProfessionalBadge, type VerifiedProfessionalBadgeProps, VideoPlayer, type VideoPlayerLabels, type VideoPlayerProps, bubbleVariants, cn, createLiveHlsConfig, createSupportChatClient, createVodHlsConfig, defaultLanguages, describeAvResync, describePlaybackError, fuzzyMatch, insertAtCaret, markerVariants, mergePlatformAccountOrgs, normalizeEmojiQuery, shouldRetryLiveEdge404, useDebouncedValue, useDebouncedValueStrict, useHlsPlayback, useLanguageContext, useMediaQuery, usePlaybackStats, useRealtimeChannel, useScrollFadeXEdges, useSearchHotkey, useSupportConversation, useSupportMessenger, useSupportMessengerOptional };

package/dist/index.js

@@ -1,7 +1,7 @@
 "use client";
 import * as React7 from 'react';
-import { createContext, useContext, useState, useRef, useEffect, useLayoutEffect, useCallback, useId, useMemo } from 'react';
-import { ChevronsUpDown, CheckIcon, Smile, SearchIcon, Search, Clock, Flag, Hash, Lightbulb, Trophy, Plane, Apple, Leaf, Hand, Loader2, AlertTriangle, Inbox, X, ChevronLeft, ChevronRight, Monitor, Sun, Moon, Building2, Check, Plus, Languages, BadgeCheck, Settings, User, Activity, Users, LayoutDashboard, LogOut, LogIn, Upload, Move, ZoomOut, ZoomIn, RotateCcw, RotateCw, Grid3X3, RefreshCw, Pencil, Play, AlertCircle, VolumeX, Pause, Volume1, Volume2, PictureInPicture2, Minimize, Maximize, ArrowDownIcon, MessageCircleDashedIcon, MessageCircle, ChevronRightIcon, XIcon, CircleIcon } from 'lucide-react';
+import { createContext, useContext, useState, useRef, useEffect, useLayoutEffect, useCallback, useMemo, useId } from 'react';
+import { ChevronsUpDown, CheckIcon, Smile, SearchIcon, Search, Clock, Flag, Hash, Lightbulb, Trophy, Plane, Apple, Leaf, Hand, Loader2, AlertTriangle, Inbox, X, ChevronLeft, ChevronRight, Monitor, Sun, Moon, Building2, Check, Plus, Languages, BadgeCheck, Settings, User, Activity, LogOut, LogIn, Upload, Move, ZoomOut, ZoomIn, RotateCcw, RotateCw, Grid3X3, RefreshCw, Pencil, Play, AlertCircle, VolumeX, Pause, Volume1, Volume2, PictureInPicture2, Minimize, Maximize, ArrowDownIcon, MessageCircleDashedIcon, MessageCircle, ChevronUp, ChevronDown, XIcon, ChevronRightIcon, CircleIcon } from 'lucide-react';
 import { clsx } from 'clsx';
 import { twMerge } from 'tailwind-merge';
 import { cva } from 'class-variance-authority';
@@ -1715,7 +1715,7 @@ function PlatformNavbar({
             innerClassName
           ),
           children: [
-            /* @__PURE__ */ jsx("div", { className: "flex shrink-0 items-center gap-2", children: logo }),
+            logo != null && logo !== false ? /* @__PURE__ */ jsx("div", { className: "flex shrink-0 items-center gap-2", children: logo }) : null,
             leading ? /* @__PURE__ */ jsx("div", { className: "flex shrink-0 items-center gap-2", children: leading }) : null,
             /* @__PURE__ */ jsx(
               "div",
@@ -1800,11 +1800,9 @@ var defaultLabels3 = {
   personalProfile: "Personal profile",
   activity: "Activity",
   professionalProfile: "Professional profile",
-  mainApp: "Main app",
-  orgManagement: "Organization management",
-  backoffice: "Backoffice",
-  memberOrgs: "My organizations",
-  managementOrgs: "Management team",
+  showMoreOrgs: "Show more",
+  showLessOrgs: "Show less",
+  manageOrg: "Manage organization",
   language: "Language",
   theme: "Theme",
   themeLight: "Light",
@@ -1815,6 +1813,30 @@ var defaultLabels3 = {
   signingOut: "Signing out\u2026",
   accountSettings: "Account settings"
 };
+var PLATFORM_ACCOUNT_ORG_COLLAPSE_AT = 4;
+function mergePlatformAccountOrgs(memberOrgs, manageableOrgs) {
+  const manageableIds = new Set(manageableOrgs.map((org) => org.id));
+  const byId = /* @__PURE__ */ new Map();
+  for (const org of memberOrgs) {
+    byId.set(org.id, {
+      ...org,
+      canManage: manageableIds.has(org.id)
+    });
+  }
+  for (const org of manageableOrgs) {
+    const existing = byId.get(org.id);
+    if (existing) {
+      byId.set(org.id, {
+        ...existing,
+        canManage: true,
+        logo: existing.logo ?? org.logo
+      });
+    } else {
+      byId.set(org.id, { ...org, canManage: true });
+    }
+  }
+  return Array.from(byId.values());
+}
 function MenuAvatar({
   name,
   image,
@@ -1856,9 +1878,9 @@ function LanguageThemeSubs({
   const themeValue = theme ?? "system";
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsxs(DropdownMenuSub, { children: [
-      /* @__PURE__ */ jsxs(DropdownMenuSubTrigger, { className: "gap-2", children: [
-        /* @__PURE__ */ jsx(Languages, { className: "size-4" }),
-        labels.language
+      /* @__PURE__ */ jsxs(DropdownMenuSubTrigger, { className: "gap-2 [&>svg:last-child]:ml-0", children: [
+        /* @__PURE__ */ jsx("span", { className: "min-w-0 flex-1 truncate", children: labels.language }),
+        /* @__PURE__ */ jsx(Languages, { className: "size-4" })
       ] }),
       /* @__PURE__ */ jsx(DropdownMenuSubContent, { className: "min-w-40", children: /* @__PURE__ */ jsx(
         DropdownMenuRadioGroup,
@@ -1870,9 +1892,9 @@ function LanguageThemeSubs({
       ) })
     ] }),
     /* @__PURE__ */ jsxs(DropdownMenuSub, { children: [
-      /* @__PURE__ */ jsxs(DropdownMenuSubTrigger, { className: "gap-2", children: [
-        themeValue === "light" ? /* @__PURE__ */ jsx(Sun, { className: "size-4" }) : themeValue === "dark" ? /* @__PURE__ */ jsx(Moon, { className: "size-4" }) : /* @__PURE__ */ jsx(Monitor, { className: "size-4" }),
-        labels.theme
+      /* @__PURE__ */ jsxs(DropdownMenuSubTrigger, { className: "gap-2 [&>svg:last-child]:ml-0", children: [
+        /* @__PURE__ */ jsx("span", { className: "min-w-0 flex-1 truncate", children: labels.theme }),
+        themeValue === "light" ? /* @__PURE__ */ jsx(Sun, { className: "size-4" }) : themeValue === "dark" ? /* @__PURE__ */ jsx(Moon, { className: "size-4" }) : /* @__PURE__ */ jsx(Monitor, { className: "size-4" })
       ] }),
       /* @__PURE__ */ jsx(DropdownMenuSubContent, { className: "min-w-40", children: /* @__PURE__ */ jsxs(DropdownMenuRadioGroup, { value: themeValue, onValueChange: setTheme, children: [
         /* @__PURE__ */ jsx(DropdownMenuRadioItem, { value: "system", children: labels.themeSystem }),
@@ -1882,11 +1904,86 @@ function LanguageThemeSubs({
     ] })
   ] });
 }
+function OrgMenuRows({
+  orgs,
+  appUrl,
+  adminUrl,
+  labels
+}) {
+  const [expanded, setExpanded] = useState(false);
+  const collapsible = orgs.length > PLATFORM_ACCOUNT_ORG_COLLAPSE_AT;
+  const visibleOrgs = collapsible && !expanded ? orgs.slice(0, PLATFORM_ACCOUNT_ORG_COLLAPSE_AT) : orgs;
+  if (orgs.length === 0) return null;
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: cn(
+        expanded && orgs.length > PLATFORM_ACCOUNT_ORG_COLLAPSE_AT ? "max-h-64 overflow-y-auto scroll-fade-b" : void 0
+      ),
+      "data-testid": "platform-account-orgs",
+      children: [
+        visibleOrgs.map((org) => {
+          const orgHomeHref = `${appUrl}/o/${org.slug}`;
+          const manageHref = `${adminUrl}/api/auth/org/select?id=${encodeURIComponent(org.id)}`;
+          return /* @__PURE__ */ jsxs(
+            "div",
+            {
+              className: "relative",
+              "data-testid": `platform-account-org-${org.id}`,
+              children: [
+                /* @__PURE__ */ jsx(
+                  DropdownMenuItem,
+                  {
+                    asChild: true,
+                    className: cn("gap-2", org.canManage && "pr-9"),
+                    children: /* @__PURE__ */ jsxs("a", { href: orgHomeHref, children: [
+                      /* @__PURE__ */ jsx(
+                        MenuAvatar,
+                        {
+                          name: org.name,
+                          image: org.logo,
+                          sizeClass: "size-6"
+                        }
+                      ),
+                      /* @__PURE__ */ jsx("span", { className: "min-w-0 flex-1 truncate", children: org.name })
+                    ] })
+                  }
+                ),
+                org.canManage ? /* @__PURE__ */ jsx(
+                  DropdownMenuItem,
+                  {
+                    asChild: true,
+                    className: "absolute right-0.5 top-1/2 size-7 -translate-y-1/2 p-0",
+                    children: /* @__PURE__ */ jsx("a", { href: manageHref, "aria-label": labels.manageOrg, children: /* @__PURE__ */ jsx(Settings, { className: "size-4" }) })
+                  }
+                ) : null
+              ]
+            },
+            org.id
+          );
+        }),
+        collapsible ? /* @__PURE__ */ jsxs(
+          DropdownMenuItem,
+          {
+            className: "gap-2",
+            onSelect: (event) => {
+              event.preventDefault();
+              setExpanded((value) => !value);
+            },
+            children: [
+              /* @__PURE__ */ jsx("span", { className: "min-w-0 flex-1 truncate", children: expanded ? labels.showLessOrgs : labels.showMoreOrgs }),
+              expanded ? /* @__PURE__ */ jsx(ChevronUp, { className: "size-4" }) : /* @__PURE__ */ jsx(ChevronDown, { className: "size-4" })
+            ]
+          }
+        ) : null
+      ]
+    }
+  );
+}
 function PlatformAccountMenu({
   variant = "platform",
   isPending = false,
   user = null,
-  isAdmin = false,
   verificationStatus = "unverified",
   urls,
   memberOrgs = [],
@@ -1906,6 +2003,11 @@ function PlatformAccountMenu({
 }) {
   const labels = { ...defaultLabels3, ...labelsProp };
   const [signingOut, setSigningOut] = useState(false);
+  const mergedOrgs = useMemo(
+    () => mergePlatformAccountOrgs(memberOrgs, manageableOrgs),
+    [memberOrgs, manageableOrgs]
+  );
+  const hasOrgs = mergedOrgs.length > 0;
   const loginHref = `${urls.authAppUrl}${urls.loginPath ?? "/login"}`;
   const accountHref = `${urls.authAppUrl}${urls.accountPath ?? "/account"}`;
   const activityHref = `${urls.authAppUrl}${urls.activityPath ?? "/account/activity"}`;
@@ -1985,48 +2087,36 @@ function PlatformAccountMenu({
           ] }),
           /* @__PURE__ */ jsx(DropdownMenuSeparator, {}),
           variant === "platform" ? /* @__PURE__ */ jsxs(Fragment, { children: [
+            hasOrgs ? /* @__PURE__ */ jsxs(Fragment, { children: [
+              /* @__PURE__ */ jsx(
+                OrgMenuRows,
+                {
+                  orgs: mergedOrgs,
+                  appUrl: urls.appUrl,
+                  adminUrl: urls.adminUrl,
+                  labels
+                }
+              ),
+              /* @__PURE__ */ jsx(DropdownMenuSeparator, {})
+            ] }) : null,
             /* @__PURE__ */ jsx(DropdownMenuItem, { asChild: true, className: "gap-2", children: /* @__PURE__ */ jsxs("a", { href: accountHref, children: [
-              /* @__PURE__ */ jsx(User, { className: "size-4" }),
-              labels.personalProfile
+              /* @__PURE__ */ jsx("span", { className: "min-w-0 flex-1 truncate", children: labels.personalProfile }),
+              /* @__PURE__ */ jsx(User, { className: "size-4" })
             ] }) }),
             /* @__PURE__ */ jsx(DropdownMenuItem, { asChild: true, className: "gap-2", children: /* @__PURE__ */ jsxs("a", { href: activityHref, children: [
-              /* @__PURE__ */ jsx(Activity, { className: "size-4" }),
-              labels.activity
+              /* @__PURE__ */ jsx("span", { className: "min-w-0 flex-1 truncate", children: labels.activity }),
+              /* @__PURE__ */ jsx(Activity, { className: "size-4" })
             ] }) }),
             /* @__PURE__ */ jsx(DropdownMenuItem, { asChild: true, className: "gap-2", children: /* @__PURE__ */ jsxs("a", { href: profileHref, children: [
-              /* @__PURE__ */ jsx(User, { className: "size-4" }),
-              labels.professionalProfile
+              /* @__PURE__ */ jsx("span", { className: "min-w-0 flex-1 truncate", children: labels.professionalProfile }),
+              /* @__PURE__ */ jsx(User, { className: "size-4" })
             ] }) }),
-            memberOrgs.length > 0 ? /* @__PURE__ */ jsxs(DropdownMenuSub, { children: [
-              /* @__PURE__ */ jsxs(DropdownMenuSubTrigger, { className: "gap-2", children: [
-                /* @__PURE__ */ jsx(Users, { className: "size-4" }),
-                labels.memberOrgs
-              ] }),
-              /* @__PURE__ */ jsx(DropdownMenuSubContent, { className: "min-w-48 max-h-64 overflow-y-auto scroll-fade-b", children: memberOrgs.map((org) => /* @__PURE__ */ jsx(DropdownMenuItem, { asChild: true, children: /* @__PURE__ */ jsx("a", { href: `${urls.appUrl}/o/${org.slug}`, children: org.name }) }, org.id)) })
-            ] }) : null,
-            manageableOrgs.length > 0 ? /* @__PURE__ */ jsxs(DropdownMenuSub, { children: [
-              /* @__PURE__ */ jsxs(DropdownMenuSubTrigger, { className: "gap-2", children: [
-                /* @__PURE__ */ jsx(Building2, { className: "size-4" }),
-                labels.managementOrgs
-              ] }),
-              /* @__PURE__ */ jsx(DropdownMenuSubContent, { className: "min-w-48 max-h-64 overflow-y-auto scroll-fade-b", children: manageableOrgs.map((org) => /* @__PURE__ */ jsx(DropdownMenuItem, { asChild: true, children: /* @__PURE__ */ jsx(
-                "a",
-                {
-                  href: `${urls.adminUrl}/api/auth/org/select?id=${encodeURIComponent(org.id)}`,
-                  children: org.name
-                }
-              ) }, org.id)) })
-            ] }) : null,
             extraItems,
-            isAdmin && urls.backofficeUrl ? /* @__PURE__ */ jsx(DropdownMenuItem, { asChild: true, className: "gap-2", children: /* @__PURE__ */ jsxs("a", { href: urls.backofficeUrl, children: [
-              /* @__PURE__ */ jsx(LayoutDashboard, { className: "size-4" }),
-              labels.backoffice
-            ] }) }) : null,
             /* @__PURE__ */ jsx(DropdownMenuSeparator, {})
           ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
             /* @__PURE__ */ jsx(DropdownMenuItem, { asChild: true, className: "gap-2", children: /* @__PURE__ */ jsxs("a", { href: accountHref, children: [
-              /* @__PURE__ */ jsx(Settings, { className: "size-4" }),
-              labels.accountSettings
+              /* @__PURE__ */ jsx("span", { className: "min-w-0 flex-1 truncate", children: labels.accountSettings }),
+              /* @__PURE__ */ jsx(Settings, { className: "size-4" })
             ] }) }),
             extraItems,
             /* @__PURE__ */ jsx(DropdownMenuSeparator, {})
@@ -2051,8 +2141,8 @@ function PlatformAccountMenu({
                 void handleSignOut();
               },
               children: [
-                /* @__PURE__ */ jsx(LogOut, { className: "size-4" }),
-                signingOut ? labels.signingOut : labels.signOut
+                /* @__PURE__ */ jsx("span", { className: "min-w-0 flex-1 truncate", children: signingOut ? labels.signingOut : labels.signOut }),
+                /* @__PURE__ */ jsx(LogOut, { className: "size-4" })
               ]
             }
           )
@@ -2068,8 +2158,8 @@ function PlatformAccountMenu({
           ),
           /* @__PURE__ */ jsx(DropdownMenuSeparator, {}),
           /* @__PURE__ */ jsx(DropdownMenuItem, { asChild: true, className: "gap-2", children: /* @__PURE__ */ jsxs("a", { href: loginHref, children: [
-            /* @__PURE__ */ jsx(LogIn, { className: "size-4" }),
-            labels.signIn
+            /* @__PURE__ */ jsx("span", { className: "min-w-0 flex-1 truncate", children: labels.signIn }),
+            /* @__PURE__ */ jsx(LogIn, { className: "size-4" })
           ] }) })
         ] })
       }
@@ -7142,6 +7232,7 @@ function SupportMessengerProvider({
   className
 }) {
   const isMobile = useMediaQuery2("(max-width: 767px)");
+  const dockRef = useRef(null);
   const [listOpen, setListOpen] = useState(false);
   const [threads, setThreads] = useState([]);
   const [mobileThreadKey, setMobileThreadKey] = useState(null);
@@ -7149,6 +7240,7 @@ function SupportMessengerProvider({
     () => items.reduce((sum, item) => sum + (item.unreadCount ?? 0), 0),
     [items]
   );
+  const isDesktopOpen = !isMobile && (listOpen || threads.length > 0);
   useEffect(() => {
     if (!forceMinimized) return;
     setListOpen(false);
@@ -7191,6 +7283,20 @@ function SupportMessengerProvider({
     setThreads([]);
     setMobileThreadKey(null);
   }, []);
+  useEffect(() => {
+    if (!isDesktopOpen) return;
+    function onPointerDown(event) {
+      const target = event.target;
+      if (!(target instanceof Node)) return;
+      if (dockRef.current?.contains(target)) return;
+      if (target instanceof Element && target.closest('[data-slot="popover-content"]')) {
+        return;
+      }
+      closeAll();
+    }
+    document.addEventListener("pointerdown", onPointerDown);
+    return () => document.removeEventListener("pointerdown", onPointerDown);
+  }, [isDesktopOpen, closeAll]);
   const ctx = useMemo(
     () => ({
       listOpen,
@@ -7234,6 +7340,7 @@ function SupportMessengerProvider({
     enabled ? /* @__PURE__ */ jsxs(
       "div",
       {
+        ref: dockRef,
         className: cn(
           "pointer-events-none fixed right-4 bottom-4 z-50 flex flex-col items-end gap-3",
           className
@@ -7596,6 +7703,6 @@ function useRealtimeChannel({
   }, [enabled, reconnectDelayMs]);
 }
 
-export { AvatarEditor, AvatarEditorDialog, Bubble, BubbleContent, BubbleGroup, BubbleReactions, ChatMessageList, ConfirmDestructiveDialog, DropdownMenuItem, DropdownMenuSeparator, EmojiInput, EmojiPicker, EmojiPickerPopover, EmojiTextarea, Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, EmptyState, EmptyTitle, ErrorState, ExpandableText, ImageLightbox, LanguageContext, LanguageSwitcher, LoadingState, MEXICO_STATES, MEXICO_STATE_PATHS, Marker, MarkerContent, MarkerIcon, Message, MessageAvatar, MessageComposer, MessageContent, MessageFooter, MessageGroup, MessageHeader, MessageScroller, MessageScrollerButton, MessageScrollerContent, MessageScrollerItem, MessageScrollerProvider, MessageScrollerViewport, MexicoMap, OrgSwitcher, PhoneInput, PlatformAccountMenu, PlatformNavbar, SearchCommand, SearchablePicker, SupportMessengerProvider, ThemeSwitcher, VerifiedProfessionalBadge, VideoPlayer, avatarFallbackStyle, bubbleVariants, cn, createLiveHlsConfig, createSupportChatClient, createVodHlsConfig, defaultLanguages, describeAvResync, describePlaybackError, fuzzyMatch, getAvatarColors, getInitials, insertAtCaret, markerVariants, normalizeEmojiQuery, shouldRetryLiveEdge404, useDebouncedValue, useDebouncedValueStrict, useHlsPlayback, useLanguageContext, useMediaQuery2 as useMediaQuery, usePlaybackStats, useRealtimeChannel, useScrollFadeXEdges, useSearchHotkey, useSupportConversation, useSupportMessenger, useSupportMessengerOptional };
+export { AvatarEditor, AvatarEditorDialog, Bubble, BubbleContent, BubbleGroup, BubbleReactions, ChatMessageList, ConfirmDestructiveDialog, DropdownMenuItem, DropdownMenuSeparator, EmojiInput, EmojiPicker, EmojiPickerPopover, EmojiTextarea, Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, EmptyState, EmptyTitle, ErrorState, ExpandableText, ImageLightbox, LanguageContext, LanguageSwitcher, LoadingState, MEXICO_STATES, MEXICO_STATE_PATHS, Marker, MarkerContent, MarkerIcon, Message, MessageAvatar, MessageComposer, MessageContent, MessageFooter, MessageGroup, MessageHeader, MessageScroller, MessageScrollerButton, MessageScrollerContent, MessageScrollerItem, MessageScrollerProvider, MessageScrollerViewport, MexicoMap, OrgSwitcher, PLATFORM_ACCOUNT_ORG_COLLAPSE_AT, PhoneInput, PlatformAccountMenu, PlatformNavbar, SearchCommand, SearchablePicker, SupportMessengerProvider, ThemeSwitcher, VerifiedProfessionalBadge, VideoPlayer, avatarFallbackStyle, bubbleVariants, cn, createLiveHlsConfig, createSupportChatClient, createVodHlsConfig, defaultLanguages, describeAvResync, describePlaybackError, fuzzyMatch, getAvatarColors, getInitials, insertAtCaret, markerVariants, mergePlatformAccountOrgs, normalizeEmojiQuery, shouldRetryLiveEdge404, useDebouncedValue, useDebouncedValueStrict, useHlsPlayback, useLanguageContext, useMediaQuery2 as useMediaQuery, usePlaybackStats, useRealtimeChannel, useScrollFadeXEdges, useSearchHotkey, useSupportConversation, useSupportMessenger, useSupportMessengerOptional };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map