hive-react-kit 0.4.9 → 0.5.1

package/dist/components/actionButtons/PostActionButton.d.ts

@@ -1,10 +1,19 @@
+import { ActiveVote } from "@/types/video";
 export interface PostActionButtonProps {
     author: string;
     permlink: string;
     /** Current logged-in username; null or '' means not logged in */
     currentUser?: string | null;
-    /** Optional: Hive value to display (string so unit is decided by user, e.g. "$8.50", "10 HIVE") */
+    /** Optional: Hive value to display (numeric string, e.g. "8.500") */
     hiveValue?: string;
+    /** Optional: URL to a Hive logo icon shown next to the payout value */
+    hiveIconUrl?: string;
+    /** Optional: Tooltip text shown on hover over the payout value (e.g. payout breakdown) */
+    payoutTooltip?: string;
+    /** Optional: Pre-loaded active votes array from the Post object. Skips the API call when provided. */
+    initialVotes?: ActiveVote[];
+    /** Optional: Pre-loaded comments count from the Post object (item.children). Skips the API call when provided. */
+    initialCommentsCount?: number;
     /** Called when user confirms vote with percent (1–100). Frontend handles signing/broadcast. */
     onUpvote?: (percent: number) => void | Promise<void>;
     /** Called when user submits a comment. Frontend handles signing/broadcast. */
@@ -21,6 +30,12 @@ export interface PostActionButtonProps {
     onReport?: () => void;
     /** Called when user confirms comment upvote with (author, permlink, percent). Frontend handles signing. Voted comments show icon in blue. */
     onClickCommentUpvote?: (author: string, permlink: string, percent: number) => void | Promise<void>;
+    /** Ecency image hosting token — enables image upload in comment composer */
+    ecencyToken?: string;
+    /** 3Speak API key — enables audio/video upload in comment composer */
+    threeSpeakApiKey?: string;
+    /** GIPHY API key — enables GIF search in comment composer */
+    giphyApiKey?: string;
 }
-export declare function PostActionButton({ author, permlink, currentUser: currentUserProp, hiveValue, onUpvote, onSubmitComment, onComments, onReblog, onShare, onTip, onReport, onClickCommentUpvote, }: PostActionButtonProps): import("react/jsx-runtime").JSX.Element;
+export declare function PostActionButton({ author, permlink, currentUser: currentUserProp, hiveValue, hiveIconUrl, payoutTooltip, initialVotes, initialCommentsCount, onUpvote, onSubmitComment, onComments, onReblog, onShare, onTip, onReport, onClickCommentUpvote, ecencyToken, threeSpeakApiKey, giphyApiKey, }: PostActionButtonProps): import("react/jsx-runtime").JSX.Element;
 export default PostActionButton;

package/dist/components/comments/AddCommentInput.d.ts

@@ -1,10 +1,25 @@
-interface AddCommentInputProps {
+export interface AddCommentInputProps {
     onSubmit: (body: string) => void;
     onCancel: () => void;
     currentUser?: string;
     placeholder?: string;
     parentAuthor?: string;
     parentPermlink?: string;
+    /** Ecency image hosting token — enables image and video thumbnail upload */
+    ecencyToken?: string;
+    /** 3Speak API key — enables audio and video upload. Falls back to demo key if not provided. */
+    threeSpeakApiKey?: string;
+    /** GIPHY API key — enables GIF search */
+    giphyApiKey?: string;
+    /** Hide individual toolbar features */
+    hideBold?: boolean;
+    hideItalic?: boolean;
+    hideLink?: boolean;
+    hideImage?: boolean;
+    hideAudio?: boolean;
+    hideVideo?: boolean;
+    hideEmoji?: boolean;
+    hideGif?: boolean;
 }
-declare const AddCommentInput: ({ onSubmit, onCancel, currentUser, placeholder, parentAuthor, parentPermlink }: AddCommentInputProps) => import("react/jsx-runtime").JSX.Element;
+declare const AddCommentInput: ({ onSubmit, onCancel, currentUser, placeholder, parentAuthor, parentPermlink, ecencyToken, threeSpeakApiKey, giphyApiKey, hideBold, hideItalic, hideLink, hideImage, hideAudio, hideVideo, hideEmoji, hideGif, }: AddCommentInputProps) => import("react/jsx-runtime").JSX.Element;
 export default AddCommentInput;

package/dist/components/comments/CommentsModal.d.ts

@@ -11,6 +11,12 @@ interface CommentsModalProps {
     onClickUpvoteButton?: (currentUser?: string, token?: string) => void;
     /** When provided, used instead of apiService.handleComment (e.g. for aioha wallet) */
     onSubmitComment?: (parentAuthor: string, parentPermlink: string, body: string) => Promise<void>;
+    /** Ecency image hosting token — enables image upload in comment composer */
+    ecencyToken?: string;
+    /** 3Speak API key — enables audio/video upload in comment composer */
+    threeSpeakApiKey?: string;
+    /** GIPHY API key — enables GIF search in comment composer */
+    giphyApiKey?: string;
 }
-declare const CommentsModal: ({ author, permlink, onClose, currentUser, token, onClickCommentUpvote, onClickCommentReply, onClickUpvoteButton, onSubmitComment }: CommentsModalProps) => import("react/jsx-runtime").JSX.Element;
+declare const CommentsModal: ({ author, permlink, onClose, currentUser, token, onClickCommentUpvote, onClickCommentReply, onClickUpvoteButton, onSubmitComment, ecencyToken, threeSpeakApiKey, giphyApiKey }: CommentsModalProps) => import("react/jsx-runtime").JSX.Element;
 export default CommentsModal;

package/dist/components/comments/ReplyModal.d.ts

@@ -4,6 +4,9 @@ interface ReplyModalProps {
     onClose: () => void;
     onCommentSubmitted: (parentAuthor: string, parentPermlink: string, body: string) => Promise<void>;
     currentUser?: string;
+    ecencyToken?: string;
+    threeSpeakApiKey?: string;
+    giphyApiKey?: string;
 }
-declare const ReplyModal: ({ parentAuthor, parentPermlink, onClose, onCommentSubmitted, currentUser }: ReplyModalProps) => import("react/jsx-runtime").JSX.Element;
+declare const ReplyModal: ({ parentAuthor, parentPermlink, onClose, onCommentSubmitted, currentUser, ecencyToken, threeSpeakApiKey, giphyApiKey, }: ReplyModalProps) => import("react/jsx-runtime").JSX.Element;
 export default ReplyModal;

package/dist/components/composer/AudioUploader.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+export interface AudioUploaderProps {
+    /** Called with the audio embed URL and duration in seconds */
+    onAudioUploaded: (audioUrl: string, durationSeconds: number) => void;
+    /** Hive username for the upload */
+    username?: string;
+    /** 3Speak API key. Falls back to demo key if not provided. */
+    threeSpeakApiKey?: string;
+    disabled?: boolean;
+}
+declare const AudioUploader: React.FC<AudioUploaderProps>;
+export default AudioUploader;

package/dist/components/composer/EmojiPicker.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+export interface EmojiPickerProps {
+    isOpen: boolean;
+    onClose: () => void;
+    onSelectEmoji: (emoji: string) => void;
+}
+declare const EmojiPicker: React.FC<EmojiPickerProps>;
+export default EmojiPicker;

package/dist/components/composer/GiphyPicker.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+export interface GiphyPickerProps {
+    isOpen: boolean;
+    onClose: () => void;
+    onSelectGif: (gifUrl: string) => void;
+    /** GIPHY API key. Required for search functionality. */
+    giphyApiKey?: string;
+}
+declare const GiphyPicker: React.FC<GiphyPickerProps>;
+export default GiphyPicker;

package/dist/components/composer/ImageUploader.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+export interface ImageUploaderProps {
+    /** Called with the uploaded image URL */
+    onImageUploaded: (imageUrl: string) => void;
+    /** Ecency image hosting token for upload authentication */
+    ecencyToken?: string;
+    disabled?: boolean;
+}
+declare const ImageUploader: React.FC<ImageUploaderProps>;
+export default ImageUploader;

package/dist/components/composer/VideoUploader.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+export interface VideoUploaderProps {
+    /** Called with embed URL, upload URL, aspect ratio, and optional local file for preview */
+    onVideoUploaded: (videoEmbedUrl: string, uploadUrl: string, aspectRatio: string, localPreviewFile?: File) => void;
+    /** Hive username for the upload */
+    username?: string;
+    /** Ecency image hosting token for thumbnail upload */
+    ecencyToken?: string;
+    /** 3Speak API key. Falls back to demo key if not provided. */
+    threeSpeakApiKey?: string;
+    disabled?: boolean;
+}
+declare const VideoUploader: React.FC<VideoUploaderProps>;
+export default VideoUploader;

package/dist/components/composer/index.d.ts

@@ -0,0 +1,10 @@
+export { default as ImageUploader } from './ImageUploader';
+export type { ImageUploaderProps } from './ImageUploader';
+export { default as AudioUploader } from './AudioUploader';
+export type { AudioUploaderProps } from './AudioUploader';
+export { default as VideoUploader } from './VideoUploader';
+export type { VideoUploaderProps } from './VideoUploader';
+export { default as GiphyPicker } from './GiphyPicker';
+export type { GiphyPickerProps } from './GiphyPicker';
+export { default as EmojiPicker } from './EmojiPicker';
+export type { EmojiPickerProps } from './EmojiPicker';

package/dist/components/user/UserDetailProfile.d.ts

@@ -0,0 +1,41 @@
+import React from "react";
+export interface UserDetailProfileProps {
+    username: string;
+    currentUsername?: string;
+    onBack?: () => void;
+    showBackButton?: boolean;
+    /**
+     * Controls which tabs are shown and their order.
+     * Only tabs listed here will be visible, in the order provided.
+     * The first tab becomes the default active tab.
+     * If omitted, all tabs are shown in default order.
+     * Example: `["followers", "following", "blogs", "wallet"]` — only these 4 tabs, in this order.
+     */
+    tabShown?: TabType[];
+    /** Ecency image hosting token — enables image and video thumbnail upload in comment composer */
+    ecencyToken?: string;
+    /** 3Speak API key — enables audio and video upload in comment composer */
+    threeSpeakApiKey?: string;
+    /** GIPHY API key — enables GIF search in comment composer */
+    giphyApiKey?: string;
+    onFollow?: (username: string) => void | Promise<void>;
+    onUnfollow?: (username: string) => void | Promise<void>;
+    onIgnoreAuthor?: (username: string) => void | Promise<void>;
+    onReportUser?: (username: string, reason: string) => void | Promise<void>;
+    onUpvote?: (author: string, permlink: string, percent: number) => void | Promise<void>;
+    onSubmitComment?: (parentAuthor: string, parentPermlink: string, body: string) => void | Promise<void>;
+    onClickCommentUpvote?: (author: string, permlink: string, percent: number) => void | Promise<void>;
+    onReblog?: (author: string, permlink: string) => void;
+    onTip?: (author: string, permlink: string) => void;
+    onReportPost?: (author: string, permlink: string) => void;
+    onUserClick?: (username: string) => void;
+    onPostClick?: (author: string, permlink: string, title: string) => void;
+    onSnapClick?: (author: string, permlink: string) => void;
+    onPollClick?: (author: string, permlink: string, question: string) => void;
+    onActivityPermlink?: (author: string, permlink: string) => void;
+    onActivitySelect?: (activity: any) => void;
+    onShare?: (username: string) => void;
+}
+type TabType = "blogs" | "posts" | "snaps" | "polls" | "comments" | "replies" | "activities" | "authorRewards" | "curationRewards" | "followers" | "following" | "wallet";
+declare const UserDetailProfile: React.FC<UserDetailProfileProps>;
+export default UserDetailProfile;