hive-react-kit 0.8.7 → 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 {
@@ -792,6 +792,9 @@
   .w-2 {
     width: calc(var(--spacing) * 2);
   }
+  .w-2\.5 {
+    width: calc(var(--spacing) * 2.5);
+  }
   .w-2\/3 {
     width: calc(2 / 3 * 100%);
   }
@@ -1571,6 +1574,12 @@
       background-color: color-mix(in oklab, var(--color-gray-700) 60%, transparent);
     }
   }
+  .bg-gray-700\/70 {
+    background-color: color-mix(in srgb, oklch(37.3% 0.034 259.733) 70%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-gray-700) 70%, transparent);
+    }
+  }
   .bg-gray-800 {
     background-color: var(--color-gray-800);
   }
@@ -1893,6 +1902,9 @@
   .p-8 {
     padding: calc(var(--spacing) * 8);
   }
+  .px-0\.5 {
+    padding-inline: calc(var(--spacing) * 0.5);
+  }
   .px-1 {
     padding-inline: calc(var(--spacing) * 1);
   }
@@ -2472,6 +2484,10 @@
     --tw-ease: var(--ease-out);
     transition-timing-function: var(--ease-out);
   }
+  .outline-none {
+    --tw-outline-style: none;
+    outline-style: none;
+  }
   .group-hover\:pointer-events-auto {
     &:is(:where(.group):hover *) {
       @media (hover: hover) {
@@ -2630,6 +2646,16 @@
       }
     }
   }
+  .hover\:bg-blue-600\/40 {
+    &:hover {
+      @media (hover: hover) {
+        background-color: color-mix(in srgb, oklch(54.6% 0.245 262.881) 40%, transparent);
+        @supports (color: color-mix(in lab, red, red)) {
+          background-color: color-mix(in oklab, var(--color-blue-600) 40%, transparent);
+        }
+      }
+    }
+  }
   .hover\:bg-blue-700 {
     &:hover {
       @media (hover: hover) {
@@ -3875,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);
@@ -3941,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

@@ -1,4 +1,5 @@
 import React from 'react';
+import { type RewardOption } from '../../utils/commentOptions';
 import { type PostingSignMessageFn } from '../../services/hiveImageUpload';
 export interface PostComposerProps {
     onSubmit: (body: string) => void | boolean | Promise<void | boolean>;
@@ -37,6 +38,46 @@ export interface PostComposerProps {
     hidePoll?: boolean;
     /** Called when a poll is attached/updated. Receives PollData or null when removed */
     onPollChange?: (poll: import('../composer/PollCreator').PollData | null) => void;
+    /**
+     * Locked default tags. Shown in the tag manager with a lock icon and
+     * cannot be edited or removed. Forwarded on every `onTagsChange` call as
+     * the leading entries in the merged list. Capped at 10 total.
+     */
+    defaultTags?: string[];
+    /** Max total tags including defaults (default 10). */
+    maxTags?: number;
+    /** Called whenever the user-added tags change. Receives the full merged list (defaults first). */
+    onTagsChange?: (tags: string[]) => void;
+    /** Hide the tag manager toolbar button. */
+    hideTags?: boolean;
+    /**
+     * Reward routing selection (default `'default'` = 50% HBD / 50% HP).
+     * Controlled or uncontrolled — if omitted, the composer manages its own state.
+     */
+    reward?: RewardOption;
+    /** Initial reward option when uncontrolled (default `'default'`). */
+    defaultReward?: RewardOption;
+    /** Called when the reward routing changes. Pair with `buildCommentOptions(...)` at broadcast time. */
+    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") */
@@ -74,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, 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, 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[];
@@ -22,6 +23,12 @@ interface InlineCommentItemProps {
     onShareComment?: (author: string, permlink: string) => void;
     onTipComment?: (author: string, permlink: string) => void;
     onReportComment?: (author: string, permlink: string) => void;
+    /** Called when an intra-body link points at a Hive post (peakd/hive.blog/ecency/inleo). */
+    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, }: 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;
@@ -21,6 +31,10 @@ interface InlineCommentSectionProps {
     onShareComment?: (author: string, permlink: string) => void;
     onTipComment?: (author: string, permlink: string) => void;
     onReportComment?: (author: string, permlink: string) => void;
+    /** Intercept intra-body Hive post links in comment bodies. */
+    onNavigateToPost?: (author: string, permlink: string) => void;
+    /** 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, }: 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 {};