@livetiles/reach-components-react 0.4.0-preview.14 → 0.4.0-preview.140

package/index.d.ts

@@ -1,25 +1,731 @@
-import { ReachContextProps, ReachContextProvider } from './ReachContext';
-import { NewsDetail, NewsDetailProps } from './NewsDetail';
-import { PageDetail, PageDetailProps } from './PageDetail';
-import { EventDetail, EventDetailProps } from './EventDetail';
-import { ItemLayoutMode, NewsList, NewsListProps } from './NewsList';
-import { ManageChannels, ManageChannelsProps } from './ManageChannels';
-import { useCurrentUser } from '@livetiles/reach/util/common';
-import { ToolbarChannelSelectorOption, ToolbarChannelSelectorProps, ToolbarCloseButtonProps, ToolbarIconButtonProps, ToolbarMarkAllItemsAsReadButtonProps, ToolbarProps, ToolbarSearchProps, UserDetails, UserDetailsProps } from '@livetiles/reach/ui/common';
-import { Avatar, Props as AvatarProps } from '@livetiles/reach/ui/common';
-import { NewsGrid, NewsGridProps } from './NewsGrid';
-import { NewsHero, NewsHeroProps } from './NewsHero';
-import { NewsEditorDashboard, NewsEditorDashboardProps } from './NewsEditorDashboard';
-import { PublishableItem } from '@livetiles/reach/util/common';
-import { Toolbar } from '@livetiles/reach/ui/common';
-import { ToolbarIconButton } from '@livetiles/reach/ui/common';
-import { ToolbarChannelSelector } from '@livetiles/reach/ui/common';
-import { ToolbarMarkAllEventsAsReadButton } from '@livetiles/reach/ui/common';
-import { ToolbarMarkAllNewsAsReadButton } from '@livetiles/reach/ui/common';
-import { NewsItemContextProvider } from './NewsItemContextProvider';
-import { ToolbarNewsLanguageSelector } from './ToolbarNewsLanguageSelector';
-import { ToolbarCloseButton } from '@livetiles/reach/ui/common';
-import { ToolbarManageNewsItemButton } from './ToolbarManageNewsItemButton';
-import { NewsDetailPreview, NewsDetailPreviewProps } from './NewsDetailPreview';
-export { ReachContextProvider, NewsDetail, PageDetail, EventDetail, NewsList, ItemLayoutMode, NewsGrid, ManageChannels, useCurrentUser, UserDetails, Avatar, NewsHero, NewsEditorDashboard, Toolbar, ToolbarIconButton, ToolbarChannelSelector, ToolbarMarkAllEventsAsReadButton, ToolbarMarkAllNewsAsReadButton, ToolbarCloseButton, NewsItemContextProvider, ToolbarNewsLanguageSelector, ToolbarManageNewsItemButton, NewsDetailPreview, };
-export type { ReachContextProps, NewsDetailProps, PageDetailProps, EventDetailProps, NewsListProps, NewsGridProps, ManageChannelsProps, UserDetailsProps, AvatarProps, NewsHeroProps, PublishableItem, NewsEditorDashboardProps, NewsDetailPreviewProps, ToolbarProps, ToolbarSearchProps, ToolbarIconButtonProps, ToolbarChannelSelectorProps, ToolbarChannelSelectorOption, ToolbarMarkAllItemsAsReadButtonProps, ToolbarCloseButtonProps, };
+import { FC, ReactNode } from 'react';
+import { IDropdownOption, IPersonaProps } from 'office-ui-fabric-react';
+import * as styled_components from 'styled-components';
+
+declare type ReachContextProps = {
+    config?: {
+        apiEndpoint?: string;
+        webAppUrl?: string;
+        api3Endpoint?: string;
+        webSocketsEndpoint?: string;
+    };
+    onRequestToken?: () => Promise<string>;
+    subscriptionId: string;
+    language?: string;
+    disableUiFabricThemeOverwrite?: boolean;
+};
+declare const ReachContextProvider: FC<ReachContextProps>;
+
+interface NewsDetailProps {
+    itemId?: string;
+    hideComments?: boolean;
+    hideLikes?: boolean;
+    preventExternalContentAutoRedirect?: boolean;
+    className?: string;
+}
+declare const NewsDetail: FC<NewsDetailProps>;
+
+interface PageDetailProps {
+    itemId: string;
+    hideComments?: boolean;
+    hideLikes?: boolean;
+    preventExternalContentAutoRedirect?: boolean;
+    className?: string;
+}
+declare const PageDetail: FC<PageDetailProps>;
+
+interface EventDetailProps {
+    itemId: string;
+    hideComments?: boolean;
+    hideLikes?: boolean;
+    className?: string;
+}
+declare const EventDetail: FC<EventDetailProps>;
+
+declare enum AuthenticationType {
+    unknown = 0,
+    azuread = 1,
+    b2c = 3,
+    temporary = 4,
+    apiKey = 5,
+    teams = 6,
+    onPremKeycloak = 7,
+    openId = 8,
+    public = 99
+}
+
+declare enum IdentityProviderNames {
+    MicrosoftWork = "microsoft-work",
+    Google = "google",
+    EMail = "email",
+    Apple = "apple"
+}
+interface IdentityProviderSettings {
+    name: string;
+    issuer: string;
+    clientId: string;
+    realm: string;
+    url: string;
+    scope: string;
+}
+
+interface Resources {
+    [language: string]: Record<string, string>;
+}
+
+interface BasicUserInformation {
+    displayName?: string;
+    userPrincipalName?: string;
+    mail?: string;
+    tokenUniqueId?: string;
+    authenticationType?: AuthenticationType;
+    created?: string;
+}
+
+declare enum AccountType {
+    User = 1,
+    Group = 2
+}
+interface Account extends BasicUserInformation {
+    id?: string;
+    type?: AccountType;
+    tenantId?: string;
+}
+
+interface UserChannelSubscription {
+    id: string;
+    name: string;
+    sendNotifications?: boolean;
+    isPinnedToNavigation?: boolean;
+    isMandatory?: boolean;
+}
+
+interface PublishableItemNotificationSummary {
+    itemId: string;
+    title?: string;
+    channelIds?: string[];
+    publishingDate?: string;
+}
+declare enum GroupRoleNames {
+    Admin = "Admin",
+    Editor = "Editor",
+    Author = "Author",
+    Reader = "Reader",
+    LimitedReader = "LimitedReader",
+    None = "None"
+}
+declare enum GroupRoles {
+    None = 0,
+    LimitedReader = 5,
+    Reader = 10,
+    Author = 20,
+    Editor = 30,
+    Admin = 40
+}
+declare enum NotificationType {
+    None = 0,
+    MobilePush = 1,
+    Email = 2,
+    Teams = 4,
+    BrowserPush = 8
+}
+interface NotificationTypeSettings {
+    news: NotificationType;
+    posts: NotificationType;
+    comments: NotificationType;
+    mentions: NotificationType;
+    events: NotificationType;
+    chat: NotificationType;
+    pluginNotifications: {
+        [key: string]: NotificationType;
+    };
+}
+interface CurrentUser extends Account {
+    isEmailVerificationPending?: boolean;
+    isSubscriptionOwner: boolean;
+    givenName: string;
+    surname: string;
+    preferredUiLanguage: string;
+    preferredContentLanguage?: string;
+    preferredLocale?: string;
+    bookmarks: string[];
+    groups: UserGroup[];
+    subscription: SubscriptionSummary;
+    availableSubscriptions: SubscriptionSummary[];
+    channels: UserChannelSubscription[];
+    userHash: string;
+    unreadNews: PublishableItemNotificationSummary[];
+    unreadEvents: PublishableItemNotificationSummary[];
+    unreadPosts: {
+        groupId: string;
+        itemId: string;
+    }[];
+    unreadFeedItemsCount?: number;
+    notificationTypeSettings: NotificationTypeSettings;
+    hasPendingRegistration?: boolean;
+    minRoles: UserMinRoles;
+    hasDirectory: boolean;
+    contacts: UserContact[];
+    termsAndConditionsApprovedHash: string;
+    isPublicUser?: boolean;
+    hasUnreadChats?: boolean;
+}
+interface UserContact {
+    tokenUniqueId: string;
+    tenantId: string;
+}
+interface GroupBase {
+    id: string;
+    name: string;
+    translations?: {
+        [key: string]: string;
+    };
+}
+interface UserGroup extends GroupBase {
+    allowPosts: boolean;
+    disablePostComments: boolean;
+    availableChannelIds: string[];
+    defaultChannelIds: string[];
+    mandatoryChannelIds: string[];
+    availableKeywordIds: string[];
+    defaultKeywordIds: string[];
+    mandatoryKeywordIds: string[];
+    role: UserGroupRole;
+}
+interface UserMinRoles {
+    isEditor: boolean;
+    isAuthor: boolean;
+    isAdmin: boolean;
+    isReader: boolean;
+    isSubscriptionOwner: boolean;
+}
+interface UserGroupRole {
+    roleValue: GroupRoles;
+    displayName: GroupRoleNames;
+}
+
+interface LanguageBase {
+    code: string;
+}
+
+interface DirectoryConfiguration extends DirectoryConfigurationPatch {
+    domains?: string[];
+    tenantId: string;
+    organization?: string;
+    hasAdminConsent: boolean;
+    hasTeamsAdminConsent: boolean;
+    allowAccessToExternalUsers: boolean;
+}
+interface DirectoryConfigurationPatch {
+    hasAdminConsent?: boolean;
+    hasTeamsAdminConsent?: boolean;
+    allowAccessToExternalUsers?: boolean;
+}
+interface SignInSettings {
+    customIdentityProviders: IdentityProviderSettings[];
+    identityProviders: IdentityProviderNames[];
+    customResources: Resources;
+}
+interface BaseSubscription {
+    id: string;
+    subscriptionName: string;
+    subscriptionHandle?: string;
+    contact: Account;
+    theme: Theme;
+    defaultLanguage: string;
+    logoUrl: string;
+    faviconUrl?: string;
+    navigation: NavigationNode[];
+    regionSettings?: RegionSettings;
+    signInSettings?: SignInSettings;
+    useInAppBrowser?: boolean;
+    hasUnreadItems: boolean;
+    pageTrackingInfo: PageTrackingInfo;
+    termsAndConditionsHash?: string;
+}
+interface PageTrackingInfo {
+    type: string;
+    key: string;
+}
+interface RegionSettings {
+    name: string;
+    contentRegion: string;
+}
+interface SubscriptionSummary extends BaseSubscription {
+    languages: LanguageBase[];
+    featureMask: string;
+    company: string;
+    directories: DirectoryConfiguration[];
+    webPluginDefinitions: WebPluginDefinition[];
+    userPropertyDefinitions: UserPropertyDefinition[];
+    userFlowSettings?: UserFlowSettings;
+    customDomain?: string;
+    allowSelfRegistration?: boolean;
+}
+interface UserFlowSettings {
+    customToken?: string;
+    minimalRole?: UserGroupRole;
+}
+interface Theme {
+    name: string;
+    primaryColor: string;
+    secondaryColor: string;
+    useHighlightColorOnWhiteBackground?: boolean;
+}
+interface NavigationNode {
+    key: string;
+    label: string;
+    translations?: {
+        [key: string]: string;
+    };
+}
+interface WebPluginDefinition {
+    pluginId: string;
+    extensions: PluginExtension[];
+    notifications?: PluginNotificationDefinitions[];
+    settings: {
+        [key: string]: string;
+    };
+    isGlobal?: boolean;
+    bundleUrl?: string;
+    bundleModificationDate?: string;
+    subscriptionId?: string;
+    environment?: string;
+}
+interface PluginExtension {
+    area: string;
+    componentName: string;
+    route: string;
+    navigationNode?: {
+        iconName?: string;
+        label?: string;
+        translations?: {
+            [key: string]: string;
+        };
+    };
+}
+interface PluginNotificationDefinitions {
+    key: string;
+    title: string;
+    titleTranslations?: {
+        [key: string]: string;
+    };
+    description?: string;
+    descriptionTranslations?: {
+        [key: string]: string;
+    };
+    possibleNotificationTypes: NotificationType;
+}
+interface UserPropertyDefinition {
+    name: string;
+    label?: string;
+    translations?: {
+        [key: string]: string;
+    };
+    type?: FieldType;
+    mode?: FieldMode;
+}
+declare enum FieldType {
+    Unknown = 0,
+    Text = 1,
+    MultilineText = 2
+}
+declare enum FieldMode {
+    Unknown = 0,
+    AdminOnly = 1,
+    UserEditable = 2,
+    Hidden = 3
+}
+
+interface Channel {
+    id: string;
+    name: string;
+    translations?: {
+        [key: string]: string;
+    };
+}
+
+interface Keyword {
+    id: string;
+    name: string;
+    groupId?: string;
+    translations: {
+        [key: string]: string;
+    };
+}
+
+interface ItemStatistics {
+    commentCount?: number;
+    likeCount?: number;
+    readCount?: number;
+    confirmationCount?: number;
+    bookmarkCount?: number;
+    participantsCount?: number;
+}
+
+interface NotificationSettings {
+    isEnabled: boolean;
+}
+
+interface FeedbackSettings {
+    feedbackOptions: ReadonlyArray<Feedback>;
+}
+declare type Feedback = 'comment' | 'like' | 'confirm' | null;
+
+interface NewsMetadata {
+    mailNotificationSettings?: NotificationSettings;
+    pushNotificationSettings?: NotificationSettings;
+    feedbackSettings?: FeedbackSettings;
+}
+
+declare enum KnownNewsState {
+    None = 0,
+    Unconfirmed = 1,
+    Alert = 2
+}
+
+declare type VersionId = string;
+interface SchedulableItem extends PublishableItem {
+    metadata?: NewsMetadata;
+    channels?: SchedulableItemChannel[];
+}
+interface NewsItem extends SchedulableItem {
+    source?: string;
+    alertOptions?: NewsItemAlertOptions;
+    expiryDate?: string;
+    knownState: KnownNewsState;
+    hasNewComments?: boolean;
+    isLiked?: boolean;
+}
+interface NewsItemAlertOptions {
+    duration?: string;
+    endDate?: Date;
+    expireAfter?: boolean;
+}
+interface SchedulableItemChannel {
+    name: string;
+}
+
+declare enum VideoSource {
+    YouTube = 0,
+    Vimeo = 1,
+    MicrosoftStream = 2,
+    GenericUrl = 3,
+    Kaltura = 4
+}
+
+interface BaseItem {
+    id?: string;
+    statistics?: ItemStatistics;
+    poll?: Poll;
+}
+interface Poll {
+    questions: PollQuestion[];
+}
+interface PollQuestion extends PollQuestionSettings {
+    questionId: string;
+    choices: PollQuestionChoice[];
+}
+interface PollQuestionSettings {
+    isMultiChoice?: boolean;
+}
+interface PollQuestionChoice {
+    choiceId: string;
+    description?: string;
+    disabled?: boolean;
+}
+
+declare enum WorkflowStatus {
+    draft = "draft",
+    ready = "ready",
+    rejected = "rejected",
+    approved = "approved",
+    deleted = "deleted"
+}
+
+interface ContentDefinition {
+    active: boolean;
+    language: string;
+}
+interface PublishableItemContent extends ContentDefinition {
+    title?: string;
+    headline?: string;
+    intro?: string;
+    body?: string;
+    bodyRaw?: string;
+    customProperties?: {
+        [key: string]: any;
+    };
+    poll?: PollTranslation;
+    externalUrl?: string;
+    fileInfo?: DocumentFileInfo;
+}
+interface DocumentFileInfo {
+    fileId: string;
+    mimeType: string;
+    fileName: string;
+    extension: string;
+    shouldOpenInBrowser?: boolean;
+}
+interface BannerInfo {
+    type: 'image' | 'video' | null;
+    videoSource?: VideoSource;
+    videoId?: string;
+    videoUrl?: string;
+    isDirectVideoUrl?: boolean;
+    imageId?: string;
+}
+interface LeaseInfo {
+    leaseId: string | null;
+    user: Account;
+}
+interface PublishableItemContents {
+    [key: string]: PublishableItemContent;
+}
+interface PublishableItem extends BaseItem {
+    lease: LeaseInfo;
+    id?: string;
+    versionId?: VersionId;
+    publishingDate?: string;
+    deleted?: string;
+    author?: Account;
+    owner?: Account;
+    onBehalfOf?: Account;
+    contents?: PublishableItemContents;
+    status?: WorkflowStatus;
+    keywords?: {
+        [key: string]: Keyword[];
+    };
+    fileAccessToken?: string;
+    bannerInfo?: BannerInfo;
+    customProperties?: {
+        [key: string]: any;
+    };
+    modifiedBy: Account;
+    modified: string;
+    created: string;
+    publishedVersionId?: string;
+    isCurrentPublishedVersion?: boolean;
+    isLatestVersion?: boolean;
+    permalink?: string;
+    groupIds: string[];
+    statistics?: ItemStatistics;
+    useExternalContent?: boolean;
+    isDemoContent?: boolean;
+}
+interface PollTranslation {
+    questions: QuestionTranslations[];
+}
+interface QuestionTranslations {
+    questionId: string;
+    text: string;
+    choices: ChoiceTranslations[];
+}
+interface ChoiceTranslations {
+    choiceId: string;
+    text: string;
+}
+
+declare function useCurrentUser(): CurrentUser;
+
+interface ToolbarProps {
+    leftSide?: ReactNode;
+    hideLeftSide?: boolean;
+    rightSide?: ReactNode;
+    hideRightSide?: boolean;
+    search?: ToolbarSearchProps;
+    className?: string;
+}
+interface ToolbarSearchProps {
+    searchText?: string;
+    onSearchTextChange?: (searchText: string) => void;
+    onExecuteSearch?: (searchText: string) => void;
+}
+declare const Toolbar: FC<ToolbarProps>;
+
+interface ToolbarChannelSelectorProps {
+    getInitialSelectedKey?: (dropdownOptions: IDropdownOption[]) => string;
+    allChannelsOption?: ToolbarChannelSelectorOption;
+    channelsOptions?: {
+        availableChannels?: string[];
+        onSelected?: (channel: Channel) => unknown;
+        to?: (channel: Channel) => unknown;
+    };
+    bookmarkOption?: ToolbarChannelSelectorOption;
+    manageChannelsOption?: ToolbarChannelSelectorOption;
+}
+interface ToolbarChannelSelectorOption {
+    onSelected?: () => unknown;
+    to?: string;
+}
+declare const ToolbarChannelSelector: FC<ToolbarChannelSelectorProps>;
+
+interface ToolbarIconButtonProps {
+    iconName: string;
+    ariaLabel?: string;
+    ariaLabelResourceKey?: string;
+    onClick?: () => unknown;
+    to?: string;
+    target?: string;
+    tooltipText?: string;
+    tooltipResourceKey?: string;
+    disabled?: boolean;
+    className?: string;
+}
+declare const ToolbarIconButton: styled_components.StyledComponent<FC<ToolbarIconButtonProps>, styled_components.DefaultTheme, {}, never>;
+
+interface ToolbarMarkAllItemsAsReadButtonProps {
+    onMarkAsReadStarted?: () => unknown;
+    onMarkAsReadFinished?: () => unknown;
+    disabled?: boolean;
+}
+declare const ToolbarMarkAllNewsAsReadButton: FC<ToolbarMarkAllItemsAsReadButtonProps>;
+declare const ToolbarMarkAllEventsAsReadButton: FC<ToolbarMarkAllItemsAsReadButtonProps>;
+
+interface ToolbarCloseButtonProps {
+    onClick?: () => unknown;
+    to?: {
+        url: string;
+        target?: string;
+    };
+}
+declare const ToolbarCloseButton: FC<ToolbarCloseButtonProps>;
+
+interface Props extends IPersonaProps {
+    upn: string;
+    tenantId?: string;
+    className?: string;
+    displayName?: string;
+}
+declare const Avatar: FC<Props>;
+
+interface UserDetailsProps {
+    upn: string;
+    showAvatar: boolean;
+    id?: string;
+}
+declare const UserDetails: FC<UserDetailsProps>;
+
+interface OwnerFilterDefinition extends IndexableFilterDefinition {
+    owner?: string;
+}
+
+interface SourceFilterDefinition extends IndexableFilterDefinition {
+    source?: string;
+}
+
+interface KeywordsFilterDefinition extends IndexableFilterDefinition {
+    keywords?: string;
+}
+
+interface BeforePublishingDateFilterDefinition extends IndexableFilterDefinition {
+    beforeDate?: string;
+}
+
+interface PublishableItemFilterDefinition extends IndexableFilterDefinition, BaseFilterDefinition, BeforePublishingDateFilterDefinition, OwnerFilterDefinition, SourceFilterDefinition, KeywordsFilterDefinition {
+}
+interface BaseFilterDefinition {
+    search?: string;
+    token?: string;
+    pageSize?: string | number;
+    groupId?: string;
+}
+interface IndexableFilterDefinition {
+    [key: string]: any;
+}
+
+interface AuthorFilterDefinition extends IndexableFilterDefinition {
+    author?: string;
+}
+
+interface ChannelsFilterDefinition extends IndexableFilterDefinition {
+    channels?: string;
+}
+
+interface StateFilterDefinition extends IndexableFilterDefinition {
+    state?: WorkflowStatus;
+}
+
+interface NewsFilterDefinition extends PublishableItemFilterDefinition, AuthorFilterDefinition, ChannelsFilterDefinition, StateFilterDefinition {
+    groupId?: string;
+    bookmarksOnly?: boolean;
+    unreadOnly?: boolean;
+}
+
+declare enum ItemLayoutMode {
+    Default = "default",
+    Compact = "compact"
+}
+interface NewsListProps {
+    filter?: NewsFilterDefinition;
+    itemLayoutMode?: ItemLayoutMode;
+    onItemClick?: (item: NewsItem, itemUrl?: string, isTitleClicked?: boolean) => unknown;
+    hidePlaceholderIfNoBanner?: boolean;
+    hidePagination?: boolean;
+    pageSize?: number;
+    className?: string;
+}
+declare const NewsList: FC<NewsListProps>;
+
+interface ManageChannelsProps {
+    className?: string;
+}
+declare const ManageChannels: FC<ManageChannelsProps>;
+
+interface NewsGridProps {
+    filter?: NewsFilterDefinition;
+    hidePagination?: boolean;
+    columnCount?: number;
+    rowCount?: number;
+    onItemClick?: (item: NewsItem, itemUrl?: string, isTitleClicked?: boolean) => unknown;
+    className?: string;
+}
+declare const NewsGrid: FC<NewsGridProps>;
+
+interface NewsHeroProps {
+    filter?: ChannelsFilterDefinition & KeywordsFilterDefinition & {
+        pageSize?: number;
+    };
+    disableAutoplay?: boolean;
+    autoplayInterval?: number;
+    onItemClick?: (item: NewsItem, itemUrl?: string) => unknown;
+    width?: number | string;
+    height?: number | string;
+}
+declare const NewsHero: FC<NewsHeroProps>;
+
+interface NewsEditorDashboardProps {
+    groupId?: string;
+    className?: string;
+    onItemClick?: (item: NewsItem) => unknown;
+    pageSize?: number;
+    hidePagination?: boolean;
+}
+declare const NewsEditorDashboard: FC<NewsEditorDashboardProps>;
+
+declare const NewsItemContextProvider: FC<{
+    itemId: string;
+}>;
+
+declare const ToolbarNewsLanguageSelector: FC<{
+    showEditLanguagePreferences?: boolean;
+    onEditLanguagePreferences?: () => unknown;
+}>;
+
+declare const ToolbarManageNewsItemButton: FC<{
+    onClick?: (itemId: string) => unknown;
+}>;
+
+interface NewsDetailPreviewProps {
+    itemId?: string;
+    versionId?: string;
+    className?: string;
+}
+declare const NewsDetailPreview: FC<NewsDetailPreviewProps>;
+
+declare const NewsItemPreviewContextProvider: FC<{
+    itemId: string;
+    versionId?: string;
+}>;
+
+export { Avatar, Props as AvatarProps, EventDetail, EventDetailProps, ItemLayoutMode, ManageChannels, ManageChannelsProps, NewsDetail, NewsDetailPreview, NewsDetailPreviewProps, NewsDetailProps, NewsEditorDashboard, NewsEditorDashboardProps, NewsGrid, NewsGridProps, NewsHero, NewsHeroProps, NewsItemContextProvider, NewsItemPreviewContextProvider, NewsList, NewsListProps, PageDetail, PageDetailProps, PublishableItem, ReachContextProps, ReachContextProvider, Toolbar, ToolbarChannelSelector, ToolbarChannelSelectorOption, ToolbarChannelSelectorProps, ToolbarCloseButton, ToolbarCloseButtonProps, ToolbarIconButton, ToolbarIconButtonProps, ToolbarManageNewsItemButton, ToolbarMarkAllEventsAsReadButton, ToolbarMarkAllItemsAsReadButtonProps, ToolbarMarkAllNewsAsReadButton, ToolbarNewsLanguageSelector, ToolbarProps, ToolbarSearchProps, UserDetails, UserDetailsProps, useCurrentUser };