hive-react-kit 0.8.8 → 0.9.0

package/dist/build.css

@@ -1,4 +1,4 @@
-/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */
+/*! tailwindcss v4.2.4 | MIT License | https://tailwindcss.com */
 @layer properties;
 @layer theme, base, components, utilities;
 @layer theme {
@@ -879,9 +879,6 @@
   .w-64 {
     width: calc(var(--spacing) * 64);
   }
-  .w-72 {
-    width: calc(var(--spacing) * 72);
-  }
   .w-\[280px\] {
     width: 280px;
   }
@@ -915,9 +912,6 @@
   .max-w-\[280px\] {
     max-width: 280px;
   }
-  .max-w-\[calc\(100vw-1rem\)\] {
-    max-width: calc(100vw - 1rem);
-  }
   .max-w-full {
     max-width: 100%;
   }
@@ -3907,11 +3901,21 @@
       background-color: var(--color-blue-600);
     }
   }
+  .\[\&\:\:-moz-range-thumb\]\:h-4 {
+    &::-moz-range-thumb {
+      height: calc(var(--spacing) * 4);
+    }
+  }
   .\[\&\:\:-moz-range-thumb\]\:h-5 {
     &::-moz-range-thumb {
       height: calc(var(--spacing) * 5);
     }
   }
+  .\[\&\:\:-moz-range-thumb\]\:w-4 {
+    &::-moz-range-thumb {
+      width: calc(var(--spacing) * 4);
+    }
+  }
   .\[\&\:\:-moz-range-thumb\]\:w-5 {
     &::-moz-range-thumb {
       width: calc(var(--spacing) * 5);
@@ -3973,11 +3977,21 @@
       margin-top: calc(var(--spacing) * -1.5);
     }
   }
+  .\[\&\:\:-webkit-slider-thumb\]\:h-4 {
+    &::-webkit-slider-thumb {
+      height: calc(var(--spacing) * 4);
+    }
+  }
   .\[\&\:\:-webkit-slider-thumb\]\:h-5 {
     &::-webkit-slider-thumb {
       height: calc(var(--spacing) * 5);
     }
   }
+  .\[\&\:\:-webkit-slider-thumb\]\:w-4 {
+    &::-webkit-slider-thumb {
+      width: calc(var(--spacing) * 4);
+    }
+  }
   .\[\&\:\:-webkit-slider-thumb\]\:w-5 {
     &::-webkit-slider-thumb {
       width: calc(var(--spacing) * 5);

package/dist/components/HiveDetailPost.d.ts

@@ -7,8 +7,27 @@ export interface HiveDetailPostProps {
      * Called when the user submits a comment.
      * Return `false` to indicate the operation was cancelled (e.g. keychain request denied)
      * — the composed text will be preserved and no refresh will occur.
+     * `voteWeight` is non-null when the composer's upvote-on-publish toggle is enabled
+     * (1–100, step 0.25) — consumer should broadcast vote+comment atomically.
      */
-    onSubmitComment?: (parentAuthor: string, parentPermlink: string, body: string) => void | boolean | Promise<void | boolean>;
+    onSubmitComment?: (parentAuthor: string, parentPermlink: string, body: string, voteWeight?: number | null) => void | boolean | Promise<void | boolean>;
+    /**
+     * Show the upvote-on-publish toggle in the post's comment composer. Default false (opt-in).
+     * Auto-hidden internally when the current user has already voted the post.
+     */
+    showVoteButton?: boolean;
+    /**
+     * Optional pre-render transform for the post body. Lets the consumer strip
+     * app-specific footers (e.g. "via Apps from ...") before the markdown
+     * renderer runs. Return the (possibly-transformed) body string.
+     */
+    processBody?: (body: string, tags: string[]) => string;
+    /**
+     * Default reward routing pre-selected in every comment composer on this
+     * detail page (top-level reply + nested sub-comment replies).
+     * Typically wired to a user setting.
+     */
+    defaultReward?: import('../utils/commentOptions').RewardOption;
     onClickCommentUpvote?: (author: string, permlink: string, percent: number) => void | Promise<void>;
     onReblog?: () => void;
     onShare?: () => void;
@@ -50,5 +69,5 @@ export interface HiveDetailPostProps {
     /** Called when user clicks "View parent post" — navigate to the parent post. */
     onNavigateToPost?: (author: string, permlink: string) => void;
 }
-export declare function HiveDetailPost({ author, permlink, currentUser, onUpvote, onSubmitComment, onClickCommentUpvote, onReblog, onShare, onTip, onReport, onShareComment, onTipComment, onReportComment, ecencyToken, threeSpeakApiKey, giphyApiKey, templateToken, templateApiBaseUrl, reportedAuthors, reportedPosts, hiveIconUrl, backgroundColor, onBack, onUserClick, onNavigateToPost, onVotePoll, }: HiveDetailPostProps): import("react/jsx-runtime").JSX.Element;
+export declare function HiveDetailPost({ author, permlink, currentUser, onUpvote, onSubmitComment, onClickCommentUpvote, onReblog, onShare, onTip, onReport, onShareComment, onTipComment, onReportComment, ecencyToken, threeSpeakApiKey, giphyApiKey, templateToken, templateApiBaseUrl, reportedAuthors, reportedPosts, hiveIconUrl, backgroundColor, onBack, onUserClick, onNavigateToPost, onVotePoll, showVoteButton, processBody, defaultReward, }: HiveDetailPostProps): import("react/jsx-runtime").JSX.Element;
 export default HiveDetailPost;

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

@@ -17,8 +17,17 @@ export interface PostActionButtonProps {
     /** 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.
-     *  Return `false` to indicate the operation was cancelled — the composer text will be preserved. */
-    onSubmitComment?: (parentAuthor: string, parentPermlink: string, body: string) => void | boolean | Promise<void | boolean>;
+     *  Return `false` to indicate the operation was cancelled — the composer text will be preserved.
+     *  `voteWeight` is non-null when the composer's upvote-on-publish toggle is enabled
+     *  (1–100, step 0.25) — consumer should broadcast vote+comment atomically. */
+    onSubmitComment?: (parentAuthor: string, parentPermlink: string, body: string, voteWeight?: number | null) => void | boolean | Promise<void | boolean>;
+    /** Show the upvote-on-publish toggle in the comment composer.
+     *  Auto-hidden when the current user has already voted this post. */
+    showVoteButton?: boolean;
+    /** Locked default tags for the composer (usually the parent post's tags, app tag first). */
+    parentTags?: string[];
+    /** Default reward routing seeded into the comment composer. */
+    defaultReward?: import('../../utils/commentOptions').RewardOption;
     /** Called when comment button is clicked (e.g. open comments). */
     onComments?: () => void;
     /** Called when reblog is clicked (when logged in). */
@@ -44,5 +53,5 @@ export interface PostActionButtonProps {
     /** When true, clicking the comment icon calls onComments instead of opening the CommentsModal popup */
     disableCommentsModal?: boolean;
 }
-export declare function PostActionButton({ author, permlink, currentUser: currentUserProp, hiveValue, hiveIconUrl, payoutTooltip, initialVotes, initialCommentsCount, onUpvote, onSubmitComment, onComments, onReblog, onShare, onTip, onReport, onClickCommentUpvote, ecencyToken, threeSpeakApiKey, giphyApiKey, templateToken, templateApiBaseUrl, disableCommentsModal, }: 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, templateToken, templateApiBaseUrl, disableCommentsModal, showVoteButton, parentTags, defaultReward, }: PostActionButtonProps): import("react/jsx-runtime").JSX.Element;
 export default PostActionButton;

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

@@ -61,6 +61,23 @@ export interface PostComposerProps {
     onRewardChange?: (reward: RewardOption) => void;
     /** Hide the reward routing toolbar button. */
     hideReward?: boolean;
+    /**
+     * Show the "upvote on publish" toggle in the toolbar (default false — opt-in).
+     * Set this to `!alreadyVoted` so the button hides once the user has voted on the parent.
+     */
+    showVoteButton?: boolean;
+    /** Initial toggle state for upvote-on-publish (default false). */
+    defaultVoteEnabled?: boolean;
+    /** Initial slider percent (1–100, step 0.25, default 100). */
+    defaultVotePercent?: number;
+    /**
+     * Called whenever the upvote-on-publish toggle or percent changes.
+     * `enabled=false` => consumer should post a plain comment.
+     * `enabled=true`  => consumer should broadcast vote+comment together at `percent`.
+     */
+    onVoteChange?: (enabled: boolean, percent: number) => void;
+    /** Label shown next to the slider (default "Upvote parent on publish"). */
+    voteLabel?: string;
     /** Show cancel button (default true) */
     showCancel?: boolean;
     /** Submit button label (default "Post") */
@@ -98,8 +115,8 @@ export interface PostComposerProps {
 }
 /** @deprecated Use PostComposerProps instead */
 export type AddCommentInputProps = PostComposerProps;
-declare const PostComposer: ({ onSubmit, onCancel, currentUser, placeholder, parentAuthor, parentPermlink, ecencyToken, onSignMessage, signingUsername, threeSpeakApiKey, giphyApiKey, templateToken, templateApiBaseUrl, hideBold, hideItalic, hideLink, hideImage, hideAudio, hideVideo, hideEmoji, hideGif, hideCode, hideMention, hideTemplate, hidePreview, hidePoll, onPollChange, defaultTags, maxTags, onTagsChange, hideTags, reward, defaultReward, onRewardChange, hideReward, showCancel, submitLabel, title, defaultPreviewOn, value, onChange, disabled, hideSubmitArea, submitRef, hideUserHeader, bgColor, borderColor, disableAutoFocus, walletApprovalLabel, awaitingWalletApproval, }: PostComposerProps) => import("react/jsx-runtime").JSX.Element;
+declare const PostComposer: ({ onSubmit, onCancel, currentUser, placeholder, parentAuthor, parentPermlink, ecencyToken, onSignMessage, signingUsername, threeSpeakApiKey, giphyApiKey, templateToken, templateApiBaseUrl, hideBold, hideItalic, hideLink, hideImage, hideAudio, hideVideo, hideEmoji, hideGif, hideCode, hideMention, hideTemplate, hidePreview, hidePoll, onPollChange, defaultTags, maxTags, onTagsChange, hideTags, reward, defaultReward, onRewardChange, hideReward, showVoteButton, defaultVoteEnabled, defaultVotePercent, onVoteChange, voteLabel, showCancel, submitLabel, title, defaultPreviewOn, value, onChange, disabled, hideSubmitArea, submitRef, hideUserHeader, bgColor, borderColor, disableAutoFocus, walletApprovalLabel, awaitingWalletApproval, }: PostComposerProps) => import("react/jsx-runtime").JSX.Element;
 /** @deprecated Use PostComposer instead */
-declare const AddCommentInput: ({ onSubmit, onCancel, currentUser, placeholder, parentAuthor, parentPermlink, ecencyToken, onSignMessage, signingUsername, threeSpeakApiKey, giphyApiKey, templateToken, templateApiBaseUrl, hideBold, hideItalic, hideLink, hideImage, hideAudio, hideVideo, hideEmoji, hideGif, hideCode, hideMention, hideTemplate, hidePreview, hidePoll, onPollChange, defaultTags, maxTags, onTagsChange, hideTags, reward, defaultReward, onRewardChange, hideReward, showCancel, submitLabel, title, defaultPreviewOn, value, onChange, disabled, hideSubmitArea, submitRef, hideUserHeader, bgColor, borderColor, disableAutoFocus, walletApprovalLabel, awaitingWalletApproval, }: PostComposerProps) => import("react/jsx-runtime").JSX.Element;
+declare const AddCommentInput: ({ onSubmit, onCancel, currentUser, placeholder, parentAuthor, parentPermlink, ecencyToken, onSignMessage, signingUsername, threeSpeakApiKey, giphyApiKey, templateToken, templateApiBaseUrl, hideBold, hideItalic, hideLink, hideImage, hideAudio, hideVideo, hideEmoji, hideGif, hideCode, hideMention, hideTemplate, hidePreview, hidePoll, onPollChange, defaultTags, maxTags, onTagsChange, hideTags, reward, defaultReward, onRewardChange, hideReward, showVoteButton, defaultVoteEnabled, defaultVotePercent, onVoteChange, voteLabel, showCancel, submitLabel, title, defaultPreviewOn, value, onChange, disabled, hideSubmitArea, submitRef, hideUserHeader, bgColor, borderColor, disableAutoFocus, walletApprovalLabel, awaitingWalletApproval, }: PostComposerProps) => import("react/jsx-runtime").JSX.Element;
 export { PostComposer };
 export default AddCommentInput;

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

@@ -10,8 +10,16 @@ interface CommentsModalProps {
     onClickCommentReply?: (comment: Discussion) => void;
     onClickUpvoteButton?: (currentUser?: string, token?: string) => void;
     /** When provided, used instead of apiService.handleComment (e.g. for aioha wallet).
-     *  Return `false` to indicate the operation was cancelled — the composer text will be preserved. */
-    onSubmitComment?: (parentAuthor: string, parentPermlink: string, body: string) => Promise<void | boolean>;
+     *  Return `false` to indicate the operation was cancelled — the composer text will be preserved.
+     *  `voteWeight` is non-null when the composer's upvote-on-publish toggle is enabled
+     *  (value in 1–100, step 0.25); consumer should broadcast vote+comment atomically. */
+    onSubmitComment?: (parentAuthor: string, parentPermlink: string, body: string, voteWeight?: number | null) => Promise<void | boolean>;
+    /** Show the upvote-on-publish toggle in the composer (the parent decides — usually `!alreadyVoted`). */
+    showVoteButton?: boolean;
+    /** Locked default tags for the top-level composer (typically the parent post's tags, app tag first). */
+    parentTags?: string[];
+    /** Default reward routing seeded into the composer. */
+    defaultReward?: import('../../utils/commentOptions').RewardOption;
     /** Ecency image hosting token — enables image upload in comment composer */
     ecencyToken?: string;
     /** 3Speak API key — enables audio/video upload in comment composer */
@@ -23,5 +31,5 @@ interface CommentsModalProps {
     /** Custom template API endpoint */
     templateApiBaseUrl?: string;
 }
-declare const CommentsModal: ({ author, permlink, onClose, currentUser, token, onClickCommentUpvote, onClickCommentReply, onClickUpvoteButton, onSubmitComment, ecencyToken, threeSpeakApiKey, giphyApiKey, templateToken, templateApiBaseUrl }: CommentsModalProps) => import("react/jsx-runtime").JSX.Element;
+declare const CommentsModal: ({ author, permlink, onClose, currentUser, token, onClickCommentUpvote, onClickCommentReply, onClickUpvoteButton, onSubmitComment, ecencyToken, threeSpeakApiKey, giphyApiKey, templateToken, templateApiBaseUrl, showVoteButton, parentTags, defaultReward }: CommentsModalProps) => import("react/jsx-runtime").JSX.Element;
 export default CommentsModal;

package/dist/components/inlineComments/InlineCommentItem.d.ts

@@ -1,4 +1,5 @@
 import { Discussion } from '@/types/comment';
+import type { RewardOption } from '../../utils/commentOptions';
 interface InlineCommentItemProps {
     comment: Discussion;
     allComments: Discussion[];
@@ -26,6 +27,8 @@ interface InlineCommentItemProps {
     onNavigateToPost?: (author: string, permlink: string) => void;
     /** Called when an intra-body link points at a Hive user profile. */
     onUserClick?: (username: string) => void;
+    /** Default reward routing seeded into every reply composer. */
+    defaultReward?: RewardOption;
 }
-export default function InlineCommentItem({ comment, allComments, onReply, onCancelReply, onCommentSubmit, activeReplyKey, currentUser, token, depth, onVotedRefresh, onClickCommentUpvote, ecencyToken, threeSpeakApiKey, giphyApiKey, templateToken, templateApiBaseUrl, hiveIconUrl, onShareComment, onTipComment, onReportComment, onNavigateToPost, onUserClick, }: InlineCommentItemProps): import("react/jsx-runtime").JSX.Element;
+export default function InlineCommentItem({ comment, allComments, onReply, onCancelReply, onCommentSubmit, activeReplyKey, currentUser, token, depth, onVotedRefresh, onClickCommentUpvote, ecencyToken, threeSpeakApiKey, giphyApiKey, templateToken, templateApiBaseUrl, hiveIconUrl, onShareComment, onTipComment, onReportComment, onNavigateToPost, onUserClick, defaultReward, }: InlineCommentItemProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/inlineComments/InlineCommentSection.d.ts

@@ -1,10 +1,20 @@
+import type { RewardOption } from '../../utils/commentOptions';
 interface InlineCommentSectionProps {
     author: string;
     permlink: string;
     currentUser?: string;
     token?: string;
-    onSubmitComment?: (parentAuthor: string, parentPermlink: string, body: string) => void | boolean | Promise<void | boolean>;
+    /** `voteWeight` is non-null when the top-level composer's upvote-on-publish toggle is on (only fires for the post-reply composer). */
+    onSubmitComment?: (parentAuthor: string, parentPermlink: string, body: string, voteWeight?: number | null) => void | boolean | Promise<void | boolean>;
     onClickCommentUpvote?: (author: string, permlink: string, percent: number) => void | Promise<void>;
+    /** Show the upvote-on-publish toggle on the top-level composer. Auto-hidden when `alreadyVoted`. */
+    showVoteButton?: boolean;
+    /** If true, the current user already upvoted the post — hides the toggle. */
+    alreadyVoted?: boolean;
+    /** Locked default tags for the top-level composer (parent post's tags, app tag first). */
+    parentTags?: string[];
+    /** Default reward routing seeded into every reply composer in this section. */
+    defaultReward?: RewardOption;
     ecencyToken?: string;
     threeSpeakApiKey?: string;
     giphyApiKey?: string;
@@ -26,5 +36,5 @@ interface InlineCommentSectionProps {
     /** Intercept intra-body Hive profile links in comment bodies. */
     onUserClick?: (username: string) => void;
 }
-export default function InlineCommentSection({ author, permlink, currentUser, token, onSubmitComment, onClickCommentUpvote, ecencyToken, threeSpeakApiKey, giphyApiKey, templateToken, templateApiBaseUrl, reportedAuthors, reportedPosts, hiveIconUrl, onShareComment, onTipComment, onReportComment, onNavigateToPost, onUserClick, }: InlineCommentSectionProps): import("react/jsx-runtime").JSX.Element;
+export default function InlineCommentSection({ author, permlink, currentUser, token, onSubmitComment, onClickCommentUpvote, ecencyToken, threeSpeakApiKey, giphyApiKey, templateToken, templateApiBaseUrl, reportedAuthors, reportedPosts, hiveIconUrl, onShareComment, onTipComment, onReportComment, onNavigateToPost, onUserClick, showVoteButton, alreadyVoted, parentTags, defaultReward, }: InlineCommentSectionProps): import("react/jsx-runtime").JSX.Element;
 export {};