@messenger-box/platform-browser 0.0.1-alpha.393 → 0.0.1-alpha.398

package/CHANGELOG.md

@@ -3,6 +3,10 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [0.0.1-alpha.398](https://github.com/CDEBase/messenger-box/compare/v0.0.1-alpha.397...v0.0.1-alpha.398) (2023-10-06)
+
+**Note:** Version bump only for package @messenger-box/platform-browser
+
 ## [0.0.1-alpha.393](https://github.com/CDEBase/messenger-box/compare/v0.0.1-alpha.392...v0.0.1-alpha.393) (2023-09-25)
 
 **Note:** Version bump only for package @messenger-box/platform-browser

package/lib/components/InboxMessage/InboxDetails/index.d.ts

@@ -1,2 +1,2 @@
-/// <reference types="react" />
-export default function InboxDetails({ handleToggle, toggleDrawer }: any): JSX.Element;
+import React from 'react';
+export default function InboxDetails({ handleToggle, toggleDrawer }: any): React.JSX.Element;

package/lib/components/InboxMessage/InboxSidebar/index.d.ts

@@ -1,5 +1,5 @@
-/// <reference types="react" />
-declare type IPropsType = {
+import * as React from 'react';
+type IPropsType = {
     handleSelectMessgae?: any;
     user?: [] | any;
     messageList?: any;
@@ -7,5 +7,5 @@ declare type IPropsType = {
     userId?: any;
     users?: any;
 };
-export default function InboxSidebar({ handleSelectMessgae, user, messageList, userId, users }: IPropsType): JSX.Element;
+export default function InboxSidebar({ handleSelectMessgae, user, messageList, userId, users }: IPropsType): React.JSX.Element;
 export {};

package/lib/components/InboxMessage/Messages/index.d.ts

@@ -1,2 +1,2 @@
-/// <reference types="react" />
-export default function Messages({ id, user, userId, currentUser }: any): JSX.Element;
+import React from 'react';
+export default function Messages({ id, user, userId, currentUser }: any): React.JSX.Element;

package/lib/components/InboxMessage/MessagesList/index.d.ts

@@ -1,2 +1,2 @@
-/// <reference types="react" />
-export default function MsgList({ messageList, currentUser }: any): JSX.Element;
+import React from 'react';
+export default function MsgList({ messageList, currentUser }: any): React.JSX.Element;

package/lib/components/InboxMessage/Popover/index.d.ts

@@ -1,2 +1,2 @@
-/// <reference types="react" />
-export default function Popover({ toggleDrawer }: any): JSX.Element;
+import React from 'react';
+export default function Popover({ toggleDrawer }: any): React.JSX.Element;

package/lib/components/InboxMessage/UserModalContent/index.d.ts

@@ -1,2 +1,2 @@
-/// <reference types="react" />
-export default function UserModalContent({ username, imageUrl }: any): JSX.Element;
+import * as React from 'react';
+export default function UserModalContent({ username, imageUrl }: any): React.JSX.Element;

package/lib/components/InboxMessage/index.d.ts

@@ -1,2 +1,2 @@
-/// <reference types="react" />
-export default function InboxMessage(): JSX.Element;
+import React from 'react';
+export default function InboxMessage(): React.JSX.Element;

package/lib/components/channel_view/DirectChannelView.d.ts

@@ -1,2 +1,3 @@
-declare const DirectChannelView: () => JSX.Element;
+import * as React from 'react';
+declare const DirectChannelView: () => React.JSX.Element;
 export default DirectChannelView;

package/lib/components/channel_view/PublicChannelView.d.ts

@@ -1,2 +1,3 @@
-declare const PublicChannelView: () => JSX.Element;
+import * as React from 'react';
+declare const PublicChannelView: () => React.JSX.Element;
 export default PublicChannelView;

package/lib/components/dashboard/menu_header.d.ts

@@ -1,4 +1,5 @@
+import * as React from "react";
 export declare const MenuHeader: ({ clickedChannel, handleClass }: {
     clickedChannel: any;
     handleClass: any;
-}) => JSX.Element;
+}) => React.JSX.Element;

package/lib/components/dashboard/modals/direct_modal.d.ts

@@ -1,3 +1,4 @@
+import * as React from "react";
 export declare const DirectModal: ({ showDirectChl, handleClose, selectedValues, handleSelect, options, handleGo }: {
     showDirectChl: any;
     handleClose: any;
@@ -5,4 +6,4 @@ export declare const DirectModal: ({ showDirectChl, handleClose, selectedValues,
     handleSelect: any;
     options: any;
     handleGo: any;
-}) => JSX.Element;
+}) => React.JSX.Element;

package/lib/components/dashboard/modals.d.ts

@@ -1,7 +1,8 @@
+import * as React from "react";
 export declare const Modals: ({ directMoreModal, publicChlModal, handleClose, handleChange, handleCreate }: {
     directMoreModal: any;
     publicChlModal: any;
     handleClose: any;
     handleChange: any;
     handleCreate: any;
-}) => JSX.Element;
+}) => React.JSX.Element;

package/lib/components/messenger/more_action/index.d.ts

@@ -1,4 +1,5 @@
-declare type IProps = {
+import * as React from 'react';
+type IProps = {
     handleShowSideBar?: any;
     handleDeleteMessage?: any;
     handleEditMessage?: any;
@@ -6,5 +7,5 @@ declare type IProps = {
     pinMessage: any;
     handlePinBtn?: any;
 };
-declare const MoreAction: ({ handleShowSideBar, handleDeleteMessage, handleEditMessage, id, handlePinBtn, pinMessage }: IProps) => JSX.Element;
+declare const MoreAction: ({ handleShowSideBar, handleDeleteMessage, handleEditMessage, id, handlePinBtn, pinMessage }: IProps) => React.JSX.Element;
 export default MoreAction;

package/lib/components/overlay_trigger.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { OverlayTrigger as OriginalOverlayTrigger } from 'react-bootstrap';
-export declare type BaseOverlayTrigger = OriginalOverlayTrigger & {
+export type BaseOverlayTrigger = OriginalOverlayTrigger & {
     hide: () => void;
 };
 declare const OverlayTrigger: React.ForwardRefExoticComponent<OriginalOverlayTrigger.OverlayTriggerProps & {

package/lib/components/post/channel_intro_message/channel_intro_message.d.ts

@@ -1,2 +1,2 @@
-/// <reference types="react" />
-export declare const ChannelIntroMessage: (props: any) => JSX.Element;
+import * as React from 'react';
+export declare const ChannelIntroMessage: (props: any) => React.JSX.Element;

package/lib/components/post/channel_layout/channel_identifier_router/channel_identifier_router.d.ts

@@ -1,2 +1,2 @@
-/// <reference types="react" />
-export declare const ChannelIdentifierRouter: (props: any) => JSX.Element;
+import * as React from 'react';
+export declare const ChannelIdentifierRouter: (props: any) => React.JSX.Element;

package/lib/components/post/channel_view/channel_view.d.ts

@@ -1,2 +1,2 @@
-/// <reference types="react" />
-export declare const ChannelView: (props: any) => JSX.Element;
+import React from 'react';
+export declare const ChannelView: (props: any) => React.JSX.Element;

package/lib/components/post/create_post/create_post.d.ts

@@ -1,2 +1,2 @@
-/// <reference types="react" />
-export declare const CreatePost: (props: any) => JSX.Element;
+import React from 'react';
+export declare const CreatePost: (props: any) => React.JSX.Element;

package/lib/components/post/failed_post_options/failed_post_options.d.ts

@@ -1,2 +1,2 @@
-/// <reference types="react" />
-export declare const FailedPostOptions: (props: any) => JSX.Element;
+import React from 'react';
+export declare const FailedPostOptions: (props: any) => React.JSX.Element;

package/lib/components/post/index.d.ts

@@ -1,4 +1,5 @@
+import * as React from 'react';
 export declare const PostViewPage: ({ channel, currentUsrId }: {
     channel: any;
     currentUsrId: any;
-}) => JSX.Element;
+}) => React.JSX.Element;

package/lib/components/post/markdown/markdown.d.ts

@@ -1,2 +1,2 @@
-/// <reference types="react" />
-export declare const Markdown: (props: any) => JSX.Element;
+import * as React from 'react';
+export declare const Markdown: (props: any) => React.JSX.Element;

package/lib/components/post/post/post.d.ts

@@ -1,2 +1,2 @@
-/// <reference types="react" />
-export declare const Post: (props: any) => JSX.Element;
+import React from 'react';
+export declare const Post: (props: any) => React.JSX.Element;

package/lib/components/post/post_aria_label_div.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-declare type Props = React.HTMLProps<HTMLDivElement> & {
+type Props = React.HTMLProps<HTMLDivElement> & {
     labelPrefix?: string;
     post: any;
 };

package/lib/components/post/post_body/post_body.d.ts

@@ -1,2 +1,2 @@
-/// <reference types="react" />
-export declare const PostBody: (props: any) => JSX.Element;
+import * as React from 'react';
+export declare const PostBody: (props: any) => React.JSX.Element;

package/lib/components/post/post_header/post_header.d.ts

@@ -1,2 +1,2 @@
-/// <reference types="react" />
-export declare const PostHeader: (props: any) => JSX.Element;
+import * as React from 'react';
+export declare const PostHeader: (props: any) => React.JSX.Element;

package/lib/components/post/post_header/post_header_custom_status.d.ts

@@ -1,2 +1,2 @@
-/// <reference types="react" />
-export declare const PostHeaderCustomStatus: (props: any) => JSX.Element;
+import * as React from 'react';
+export declare const PostHeaderCustomStatus: (props: any) => React.JSX.Element;

package/lib/components/post/post_info/post_info.d.ts

@@ -1,2 +1,2 @@
-/// <reference types="react" />
-export declare const PostInfo: (props: any) => JSX.Element;
+import React from 'react';
+export declare const PostInfo: (props: any) => React.JSX.Element;

package/lib/components/post/post_list/index.d.ts

@@ -1,2 +1,2 @@
-/// <reference types="react" />
-export declare const PostListPage: () => JSX.Element;
+import * as React from 'react';
+export declare const PostListPage: () => React.JSX.Element;

package/lib/components/post/post_list/post_list.d.ts

@@ -1,2 +1,2 @@
-/// <reference types="react" />
-export declare const PostList: (props: any) => JSX.Element;
+import * as React from 'react';
+export declare const PostList: (props: any) => React.JSX.Element;

package/lib/components/post/post_list_row/post_list_row.d.ts

@@ -1,2 +1,2 @@
-/// <reference types="react" />
-export declare const PostListRow: (props: any) => JSX.Element;
+import * as React from 'react';
+export declare const PostListRow: (props: any) => React.JSX.Element;

package/lib/components/post/post_list_virtualized/latest_post_reader.d.ts

@@ -1,2 +1,2 @@
-/// <reference types="react" />
-export declare const LatestPostReader: () => JSX.Element;
+import * as React from 'react';
+export declare const LatestPostReader: () => React.JSX.Element;

package/lib/components/post/post_list_virtualized/post_list_virtualized.d.ts

@@ -1,2 +1,2 @@
-/// <reference types="react" />
-export declare const VirtPostList: (props: any) => JSX.Element;
+import React from 'react';
+export declare const VirtPostList: (props: any) => React.JSX.Element;

package/lib/components/post/post_markdown/post_markdown.d.ts

@@ -1,2 +1,2 @@
-/// <reference types="react" />
-export declare const PostMarkdown: (props: any) => JSX.Element;
+import * as React from 'react';
+export declare const PostMarkdown: (props: any) => React.JSX.Element;

package/lib/components/post/post_message_view/post_message_view.d.ts

@@ -1,2 +1,2 @@
-/// <reference types="react" />
-export declare const PostMessageView: (props: any) => JSX.Element;
+import React from 'react';
+export declare const PostMessageView: (props: any) => React.JSX.Element;

package/lib/components/post/post_pre_header/post_pre_header.d.ts

@@ -1,6 +1,6 @@
-/// <reference types="react" />
+import React from 'react';
 import { IntlShape } from 'react-intl';
-export declare type Props = {
+export type Props = {
     intl?: IntlShape;
     isFlagged: boolean;
     isPinned?: boolean;
@@ -18,4 +18,4 @@ export declare enum PostPinnedOrFlagged {
     PinnedAndFlagged = 2,
     Neither = 3
 }
-export declare const PostPreHeader: (props: Props) => JSX.Element;
+export declare const PostPreHeader: (props: Props) => React.JSX.Element;

package/lib/components/post/post_profile_picture/post_profile_picture.d.ts

@@ -1,2 +1,2 @@
-/// <reference types="react" />
-export declare const PostProfilePicture: (props: any) => JSX.Element;
+import * as React from 'react';
+export declare const PostProfilePicture: (props: any) => React.JSX.Element;

package/lib/components/post/post_view.d.ts

@@ -1,2 +1,2 @@
-/// <reference types="react" />
-export declare const PostView: () => JSX.Element;
+import * as React from 'react';
+export declare const PostView: () => React.JSX.Element;

package/lib/components/post/profile_picture/profile_picture.d.ts

@@ -1,2 +1,2 @@
-/// <reference types="react" />
-export declare const ProfilePicture: (props: any) => JSX.Element;
+import * as React from 'react';
+export declare const ProfilePicture: (props: any) => React.JSX.Element;

package/lib/components/post/show_more/show_more.d.ts

@@ -1,2 +1,2 @@
-/// <reference types="react" />
-export declare const ShowMore: (props: any) => JSX.Element;
+import React from 'react';
+export declare const ShowMore: (props: any) => React.JSX.Element;

package/lib/components/post/threading/channel_threads/thread_footer/thread_footer.d.ts

@@ -1,2 +1,2 @@
-/// <reference types="react" />
-export declare const ThreadFooter: (props: any) => JSX.Element;
+import React from 'react';
+export declare const ThreadFooter: (props: any) => React.JSX.Element;

package/lib/components/post/threading/common/button/button.d.ts

@@ -1,12 +1,12 @@
 import React, { ButtonHTMLAttributes, ReactNode } from 'react';
-declare type Props = {
+type Props = {
     prepend?: ReactNode;
     append?: ReactNode;
     isActive?: boolean;
     hasDot?: boolean;
     allowTextOverflow?: boolean;
 };
-declare type Attrs = Exclude<ButtonHTMLAttributes<HTMLButtonElement>, Props>;
-declare function Button({ prepend, append, children, isActive, hasDot, allowTextOverflow, ...attrs }: Props & Attrs): JSX.Element;
+type Attrs = Exclude<ButtonHTMLAttributes<HTMLButtonElement>, Props>;
+declare function Button({ prepend, append, children, isActive, hasDot, allowTextOverflow, ...attrs }: Props & Attrs): React.JSX.Element;
 declare const _default: React.MemoExoticComponent<typeof Button>;
 export default _default;

package/lib/components/post/threading/common/follow_button/follow_button.d.ts

@@ -1,8 +1,8 @@
 import React, { ComponentProps } from 'react';
 import Button from '../button';
-declare type Props = {
+type Props = {
     isFollowing: boolean | null | undefined;
 };
-declare function FollowButton({ isFollowing, ...props }: Props & Exclude<ComponentProps<typeof Button>, Props>): JSX.Element;
+declare function FollowButton({ isFollowing, ...props }: Props & Exclude<ComponentProps<typeof Button>, Props>): React.JSX.Element;
 declare const _default: React.MemoExoticComponent<typeof FollowButton>;
 export default _default;

package/lib/components/post/tutorial/tutorial_tip/tutorial_tip.d.ts

@@ -1,11 +1,11 @@
 import * as React from 'react';
-declare type Preference = {
+type Preference = {
     user_id: string;
     category: string;
     name: string;
     value: string;
 };
-declare type Props = {
+type Props = {
     currentUserId: string;
     step: number;
     screens: JSX.Element[];
@@ -17,7 +17,7 @@ declare type Props = {
         savePreferences: (currentUserId: string, preferences: Preference[]) => void;
     };
 };
-declare type State = {
+type State = {
     currentScreen: number;
     show: boolean;
 };

package/lib/components/post/user_profile/user_profile.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-export declare type UserProfileProps = {
+export type UserProfileProps = {
     userId: string;
     displayName?: string;
     isBusy?: boolean;

package/lib/components/status_icon.d.ts

@@ -1,2 +1,2 @@
-/// <reference types="react" />
-export declare const StatusIcon: (props: any) => JSX.Element;
+import * as React from 'react';
+export declare const StatusIcon: (props: any) => React.JSX.Element;

package/lib/components/status_icon_new.d.ts

@@ -1,10 +1,10 @@
 import * as React from 'react';
-declare type Props = {
+type Props = {
     className: string;
     status: string;
 };
 export default class StatusIconNew extends React.PureComponent<Props> {
     static defaultProps: Props;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }
 export {};

package/lib/compute.d.ts

@@ -6,5 +6,5 @@ export { filteredRoutes, filteredMenus };
 export declare const dashboardRoutes: {
     path: string;
     exact: boolean;
-    component: React.LazyExoticComponent<() => JSX.Element>;
+    component: React.LazyExoticComponent<() => React.JSX.Element>;
 }[];

package/lib/containers/Inbox.d.ts

@@ -1,2 +1,3 @@
-declare const Inbox: () => JSX.Element;
+import * as React from 'react';
+declare const Inbox: () => React.JSX.Element;
 export default Inbox;

package/lib/packages/types/emojis.d.ts

@@ -1,5 +1,5 @@
-export declare type EmojiCategory = ('recent' | 'people' | 'nature' | 'foods' | 'activity' | 'places' | 'objects' | 'symbols' | 'flags' | 'custom');
-export declare type CustomEmoji = {
+export type EmojiCategory = ('recent' | 'people' | 'nature' | 'foods' | 'activity' | 'places' | 'objects' | 'symbols' | 'flags' | 'custom');
+export type CustomEmoji = {
     id: string;
     create_at: number;
     update_at: number;
@@ -8,7 +8,7 @@ export declare type CustomEmoji = {
     name: string;
     category: 'custom';
 };
-export declare type SystemEmoji = {
+export type SystemEmoji = {
     name: string;
     image: string;
     short_name: string;
@@ -18,8 +18,8 @@ export declare type SystemEmoji = {
     skins?: string[];
     skin_variations?: unknown[];
 };
-export declare type Emoji = SystemEmoji | CustomEmoji;
-export declare type EmojisState = {
+export type Emoji = SystemEmoji | CustomEmoji;
+export type EmojisState = {
     customEmoji: {
         [x: string]: CustomEmoji;
     };

package/lib/packages/types/files.d.ts

@@ -1,5 +1,5 @@
 import { Dictionary, $ID } from './utilities';
-export declare type FileInfo = {
+export type FileInfo = {
     id: string;
     user_id: string;
     create_at: number;
@@ -15,20 +15,20 @@ export declare type FileInfo = {
     clientId: string;
     post_id?: string;
 };
-export declare type FilesState = {
+export type FilesState = {
     files: Dictionary<FileInfo>;
     filesFromSearch: Dictionary<FileSearchResultItem>;
     fileIdsByPostId: Dictionary<string[]>;
     filePublicLink?: string;
 };
-export declare type FileUploadResponse = {
+export type FileUploadResponse = {
     file_infos: FileInfo[];
     client_ids: string[];
 };
-export declare type FileSearchResultItem = FileInfo & {
+export type FileSearchResultItem = FileInfo & {
     channel_id: string;
 };
-export declare type FileSearchResults = {
+export type FileSearchResults = {
     order: Array<$ID<FileSearchResultItem>>;
     file_infos: Map<string, FileSearchResultItem>;
     next_file_info_id: string;

package/lib/packages/types/posts.d.ts

@@ -2,27 +2,27 @@ import { CustomEmoji } from './emojis';
 import { FileInfo } from './files';
 import { Reaction } from './reactions';
 import { $ID, RelationOneToOne, RelationOneToMany, IDMappedObjects, Dictionary } from './utilities';
-export declare type PostType = 'system_add_remove' | 'system_add_to_channel' | 'system_add_to_team' | 'system_channel_deleted' | 'system_channel_restored' | 'system_displayname_change' | 'system_convert_channel' | 'system_ephemeral' | 'system_header_change' | 'system_join_channel' | 'system_join_leave' | 'system_leave_channel' | 'system_purpose_change' | 'system_remove_from_channel' | 'system_combined_user_activity';
-export declare type PostEmbedType = 'image' | 'link' | 'message_attachment' | 'opengraph' | 'permalink';
-export declare type PostEmbed = {
+export type PostType = 'system_add_remove' | 'system_add_to_channel' | 'system_add_to_team' | 'system_channel_deleted' | 'system_channel_restored' | 'system_displayname_change' | 'system_convert_channel' | 'system_ephemeral' | 'system_header_change' | 'system_join_channel' | 'system_join_leave' | 'system_leave_channel' | 'system_purpose_change' | 'system_remove_from_channel' | 'system_combined_user_activity';
+export type PostEmbedType = 'image' | 'link' | 'message_attachment' | 'opengraph' | 'permalink';
+export type PostEmbed = {
     type: PostEmbedType;
     url: string;
     data?: OpenGraphMetadata | PostPreviewMetadata;
 };
-export declare type PostImage = {
+export type PostImage = {
     format: string;
     frameCount: number;
     height: number;
     width: number;
 };
-export declare type PostMetadata = {
+export type PostMetadata = {
     embeds: PostEmbed[];
     emojis: CustomEmoji[];
     files: FileInfo[];
     images: Dictionary<PostImage>;
     reactions: Reaction[];
 };
-export declare type Post = {
+export type Post = {
     id: string;
     create_at: number;
     update_at: number;
@@ -51,20 +51,20 @@ export declare type Post = {
     is_following?: boolean;
     exists?: boolean;
 };
-export declare type UserActivityPost = Post & {
+export type UserActivityPost = Post & {
     system_post_ids: string[];
     user_activity_posts: Post[];
 };
-export declare type PostList = {
+export type PostList = {
     order: Array<$ID<Post>>;
     posts: Map<string, Post>;
     next_post_id: string;
     prev_post_id: string;
 };
-export declare type PostSearchResults = PostList & {
+export type PostSearchResults = PostList & {
     matches: RelationOneToOne<Post, string[]>;
 };
-export declare type PostWithFormatData = Post & {
+export type PostWithFormatData = Post & {
     isFirstReply: boolean;
     isLastReply: boolean;
     previousPostIsComment: boolean;
@@ -74,19 +74,19 @@ export declare type PostWithFormatData = Post & {
     isCommentMention: boolean;
     highlight: boolean;
 };
-export declare type PostOrderBlock = {
+export type PostOrderBlock = {
     order: string[];
     recent?: boolean;
     oldest?: boolean;
 };
-export declare type MessageHistory = {
+export type MessageHistory = {
     messages: string[];
     index: {
         post: number;
         comment: number;
     };
 };
-export declare type PostsState = {
+export type PostsState = {
     posts: IDMappedObjects<Post>;
     postsReplies: {
         [x in $ID<Post>]: number;

package/lib/packages/types/reactions.d.ts

@@ -1,4 +1,4 @@
-export declare type Reaction = {
+export type Reaction = {
     user_id: string;
     post_id: string;
     emoji_name: string;

package/lib/packages/types/utilities.d.ts

@@ -1,53 +1,53 @@
-export declare type $ID<E extends {
+export type $ID<E extends {
     id: string;
 }> = E['id'];
-export declare type $UserID<E extends {
+export type $UserID<E extends {
     user_id: string;
 }> = E['user_id'];
-export declare type $Name<E extends {
+export type $Name<E extends {
     name: string;
 }> = E['name'];
-export declare type $Username<E extends {
+export type $Username<E extends {
     username: string;
 }> = E['username'];
-export declare type $Email<E extends {
+export type $Email<E extends {
     email: string;
 }> = E['email'];
-export declare type RelationOneToOne<E extends {
+export type RelationOneToOne<E extends {
     id: string;
 }, T> = {
     [x in $ID<E>]: T;
 };
-export declare type RelationOneToMany<E1 extends {
+export type RelationOneToMany<E1 extends {
     id: string;
 }, E2 extends {
     id: string;
 }> = {
     [x in $ID<E1>]: Array<$ID<E2>>;
 };
-export declare type IDMappedObjects<E extends {
+export type IDMappedObjects<E extends {
     id: string;
 }> = RelationOneToOne<E, E>;
-export declare type UserIDMappedObjects<E extends {
+export type UserIDMappedObjects<E extends {
     user_id: string;
 }> = {
     [x in $UserID<E>]: E;
 };
-export declare type NameMappedObjects<E extends {
+export type NameMappedObjects<E extends {
     name: string;
 }> = {
     [x in $Name<E>]: E;
 };
-export declare type UsernameMappedObjects<E extends {
+export type UsernameMappedObjects<E extends {
     username: string;
 }> = {
     [x in $Username<E>]: E;
 };
-export declare type EmailMappedObjects<E extends {
+export type EmailMappedObjects<E extends {
     email: string;
 }> = {
     [x in $Email<E>]: E;
 };
-export declare type Dictionary<T> = {
+export type Dictionary<T> = {
     [key: string]: T;
 };

package/lib/widgets/badges/badge.d.ts

@@ -1,8 +1,8 @@
 import React, { ReactNode, HTMLAttributes } from 'react';
-declare type Props = {
+type Props = {
     show?: boolean;
     children: ReactNode;
 };
-declare type Attrs = HTMLAttributes<HTMLElement>;
-declare const _default: React.MemoExoticComponent<({ show, children, ...attrs }: Props & Attrs) => JSX.Element>;
+type Attrs = HTMLAttributes<HTMLElement>;
+declare const _default: React.MemoExoticComponent<({ show, children, ...attrs }: Props & Attrs) => React.JSX.Element>;
 export default _default;

package/lib/widgets/badges/bot_badge.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-declare type Props = {
+type Props = {
     className?: string;
     show?: boolean;
 };

package/lib/widgets/badges/guest_badge.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-declare type Props = {
+type Props = {
     className?: string;
     show?: boolean;
 };

package/lib/widgets/icons/emoji_icon.d.ts

@@ -1,4 +1,4 @@
 import * as React from 'react';
 export default class EmojiIcon extends React.PureComponent<React.HTMLAttributes<HTMLSpanElement>> {
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }

package/lib/widgets/icons/flag_icon_filled.d.ts

@@ -1,2 +1,2 @@
 import * as React from 'react';
-export default function FlagIconFilled(props: React.HTMLAttributes<HTMLSpanElement>): JSX.Element;
+export default function FlagIconFilled(props: React.HTMLAttributes<HTMLSpanElement>): React.JSX.Element;

package/lib/widgets/icons/mattermost_logo.d.ts

@@ -1,2 +1,2 @@
 import React from 'react';
-export default function MattermostLogo(props: React.HTMLAttributes<HTMLSpanElement>): JSX.Element;
+export default function MattermostLogo(props: React.HTMLAttributes<HTMLSpanElement>): React.JSX.Element;

package/lib/widgets/icons/status_away_avatar_icon.d.ts

@@ -1,2 +1,2 @@
 import React from 'react';
-export default function StatusAwayAvatarIcon(props: React.HTMLAttributes<HTMLSpanElement>): JSX.Element;
+export default function StatusAwayAvatarIcon(props: React.HTMLAttributes<HTMLSpanElement>): React.JSX.Element;

package/lib/widgets/icons/status_away_icon.d.ts

@@ -1,2 +1,2 @@
 import React from 'react';
-export default function StatusAwayIcon(props: React.HTMLAttributes<HTMLSpanElement>): JSX.Element;
+export default function StatusAwayIcon(props: React.HTMLAttributes<HTMLSpanElement>): React.JSX.Element;

package/lib/widgets/icons/status_dnd_avatar_icon.d.ts

@@ -1,2 +1,2 @@
 import * as React from 'react';
-export default function StatusDndAvatarIcon(props: React.HTMLAttributes<HTMLSpanElement>): JSX.Element;
+export default function StatusDndAvatarIcon(props: React.HTMLAttributes<HTMLSpanElement>): React.JSX.Element;

package/lib/widgets/icons/status_dnd_icon.d.ts

@@ -1,2 +1,2 @@
 import React from 'react';
-export default function StatusDndIcon(props: React.HTMLAttributes<HTMLSpanElement>): JSX.Element;
+export default function StatusDndIcon(props: React.HTMLAttributes<HTMLSpanElement>): React.JSX.Element;

package/lib/widgets/icons/status_offline_avatar_icon.d.ts

@@ -1,2 +1,2 @@
 import * as React from 'react';
-export default function StatusDndAvatarIcon(props: React.HTMLAttributes<HTMLSpanElement>): JSX.Element;
+export default function StatusDndAvatarIcon(props: React.HTMLAttributes<HTMLSpanElement>): React.JSX.Element;

package/lib/widgets/icons/status_offline_icon.d.ts

@@ -1,2 +1,2 @@
 import React from 'react';
-export default function StatusOfflineIcon(props: React.HTMLAttributes<HTMLSpanElement>): JSX.Element;
+export default function StatusOfflineIcon(props: React.HTMLAttributes<HTMLSpanElement>): React.JSX.Element;

package/lib/widgets/icons/status_online_avatar_icon.d.ts

@@ -1,2 +1,2 @@
 import * as React from 'react';
-export default function StatusOnlineAvatarIcon(props: React.HTMLAttributes<HTMLSpanElement>): JSX.Element;
+export default function StatusOnlineAvatarIcon(props: React.HTMLAttributes<HTMLSpanElement>): React.JSX.Element;

package/lib/widgets/icons/status_online_icon.d.ts

@@ -1,2 +1,2 @@
 import React from 'react';
-export default function StatusOnlineIcon(props: React.HTMLAttributes<HTMLSpanElement>): JSX.Element;
+export default function StatusOnlineIcon(props: React.HTMLAttributes<HTMLSpanElement>): React.JSX.Element;

package/lib/widgets/overlay_trigger.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { OverlayTrigger as OriginalOverlayTrigger } from 'react-bootstrap';
-export declare type BaseOverlayTrigger = OriginalOverlayTrigger & {
+export type BaseOverlayTrigger = OriginalOverlayTrigger & {
     hide: () => void;
 };
 declare const OverlayTrigger: React.ForwardRefExoticComponent<OriginalOverlayTrigger.OverlayTriggerProps & {

package/lib/widgets/shared_user_indicator.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-declare type Props = {
+type Props = {
     className?: string;
     withTooltip?: boolean;
 };

package/lib/widgets/simple_tooltip/simple_tooltip.d.ts

@@ -1,6 +1,6 @@
-import { ReactNode, ComponentProps, CSSProperties } from 'react';
+import React, { ReactNode, ComponentProps, CSSProperties } from 'react';
 import OverlayTrigger from '../../components/overlay_trigger';
-declare type Props = {
+type Props = {
     id: string;
     content: ReactNode;
     children: ReactNode;
@@ -8,6 +8,6 @@ declare type Props = {
     arrowOffsetTop?: number | string;
     style?: CSSProperties;
 };
-declare const SimpleTooltip: ({ id, content, children, placement, className, delayShow, style, ...props }: Props & Omit<ComponentProps<typeof OverlayTrigger>, 'overlay'>) => JSX.Element;
+declare const SimpleTooltip: ({ id, content, children, placement, className, delayShow, style, ...props }: Props & Omit<ComponentProps<typeof OverlayTrigger>, 'overlay'>) => React.JSX.Element;
 export default SimpleTooltip;
 export declare function useSynchronizedImmediate(): [Partial<ComponentProps<typeof SimpleTooltip>>, (isImmediate: boolean) => void];

package/lib/widgets/users/avatar/avatar.d.ts

@@ -1,11 +1,11 @@
 import React, { HTMLAttributes } from 'react';
-export declare type TAvatarSizeToken = 'xxs' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl';
-declare type Props = {
+export type TAvatarSizeToken = 'xxs' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl';
+type Props = {
     url?: string;
     username?: string;
     size?: TAvatarSizeToken;
     text?: string;
 };
-declare type Attrs = HTMLAttributes<HTMLElement>;
-declare const _default: React.MemoExoticComponent<({ url, username, size, text, ...attrs }: Props & Attrs) => JSX.Element>;
+type Attrs = HTMLAttributes<HTMLElement>;
+declare const _default: React.MemoExoticComponent<({ url, username, size, text, ...attrs }: Props & Attrs) => React.JSX.Element>;
 export default _default;

package/lib/widgets/users/avatars/avatars.d.ts

@@ -1,13 +1,13 @@
 import React, { ComponentProps } from 'react';
 import { $ID } from '../../../packages/types/utilities';
 import Avatar from '../../../widgets/users/avatar';
-declare type Props = {
+type Props = {
     userIds: Array<$ID<any>>;
     totalUsers?: number;
     breakAt?: number;
     size?: ComponentProps<typeof Avatar>['size'];
     fetchMissingUsers?: boolean;
 };
-declare function Avatars({ size, userIds, totalUsers, fetchMissingUsers }: Props): JSX.Element;
+declare function Avatars({ size, userIds, totalUsers, fetchMissingUsers }: Props): React.JSX.Element;
 declare const _default: React.MemoExoticComponent<typeof Avatars>;
 export default _default;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@messenger-box/platform-browser",
-    "version": "0.0.1-alpha.393",
+    "version": "0.0.1-alpha.398",
     "description": "Sample core for higher packages to depend on",
     "license": "ISC",
     "author": "CDMBase LLC",
@@ -25,8 +25,8 @@
         "@container-stack/file-info-client": "^0.0.35-alpha.34",
         "@emotion/react": "^11",
         "@emotion/styled": "^11",
-        "@messenger-box/core": "0.0.1-alpha.393",
-        "@messenger-box/platform-client": "0.0.1-alpha.393",
+        "@messenger-box/core": "0.0.1-alpha.398",
+        "@messenger-box/platform-client": "0.0.1-alpha.398",
         "bootstrap": "3.4.1",
         "css-vars-ponyfill": "2.4.5",
         "dynamic-virtualized-list": "github:mattermost/dynamic-virtualized-list#119db968c96643c7106d4d2c965f05b2e251bc83",
@@ -59,5 +59,5 @@
     "typescript": {
         "definition": "lib/index.d.ts"
     },
-    "gitHead": "f254347ff1e530eebfa57500fd05521a6d87c361"
+    "gitHead": "a2dc5d24f734d5c7da79fb379756c44837e7ef94"
 }