hive-react-kit 0.10.9 → 0.10.10

package/dist/build.css

@@ -1106,6 +1106,14 @@
     --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
     translate: var(--tw-translate-x) var(--tw-translate-y);
   }
+  .translate-x-0\.5 {
+    --tw-translate-x: calc(var(--spacing) * 0.5);
+    translate: var(--tw-translate-x) var(--tw-translate-y);
+  }
+  .translate-x-4 {
+    --tw-translate-x: calc(var(--spacing) * 4);
+    translate: var(--tw-translate-x) var(--tw-translate-y);
+  }
   .-translate-y-1\/2 {
     --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
     translate: var(--tw-translate-x) var(--tw-translate-y);
@@ -1682,6 +1690,9 @@
   .bg-\[\#1f2429\] {
     background-color: #1f2429;
   }
+  .bg-\[\#1f2429\]\/60 {
+    background-color: color-mix(in oklab, #1f2429 60%, transparent);
+  }
   .bg-\[\#2f353d\] {
     background-color: #2f353d;
   }
@@ -2571,6 +2582,9 @@
   .text-\[\#6f7780\] {
     color: #6f7780;
   }
+  .text-\[\#7c8694\] {
+    color: #7c8694;
+  }
   .text-\[\#9ca3b0\] {
     color: #9ca3b0;
   }
@@ -3367,6 +3381,16 @@
       }
     }
   }
+  .hover\:bg-white\/5 {
+    &:hover {
+      @media (hover: hover) {
+        background-color: color-mix(in srgb, #fff 5%, transparent);
+        @supports (color: color-mix(in lab, red, red)) {
+          background-color: color-mix(in oklab, var(--color-white) 5%, transparent);
+        }
+      }
+    }
+  }
   .hover\:bg-white\/20 {
     &:hover {
       @media (hover: hover) {

package/dist/components/RewardsModal.d.ts

@@ -0,0 +1,30 @@
+export interface RewardsModalBeneficiary {
+    account: string;
+    /** Hive `weight` field: 1 unit = 0.01% (10000 = 100%). */
+    weight: number;
+}
+export interface RewardsModalPayoutDetails {
+    /** Sum of pending payout in HBD-equivalent units. */
+    pendingValue: number;
+    authorValue: number;
+    curatorValue: number;
+    /** Final/total realised payout once `isPaidout` is true. */
+    totalValue: number;
+    isPaidout: boolean;
+    /** ISO timestamp when payout will occur (only meaningful when not yet paid). */
+    payoutAt?: string;
+    /** Hive `percent_hbd` field: 10000 = 50/50 HBD/HP, 0 = 100% Powered Up. */
+    percentHbd: number;
+    beneficiaries: RewardsModalBeneficiary[];
+}
+interface RewardsModalProps {
+    onClose: () => void;
+    details: RewardsModalPayoutDetails;
+    /** Optional avatar URL builder for beneficiary rows. Defaults to
+     *  `https://images.hive.blog/u/<account>/avatar`. */
+    avatarUrlFn?: (account: string) => string;
+    /** URL for the small Hive icon shown next to payout totals. */
+    hiveIconUrl?: string;
+}
+export declare function RewardsModal({ onClose, details, avatarUrlFn, hiveIconUrl }: RewardsModalProps): import("react/jsx-runtime").JSX.Element;
+export default RewardsModal;

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

@@ -1,3 +1,4 @@
+import type { RewardsModalPayoutDetails } from "@/components/RewardsModal";
 import { ActiveVote } from "@/types/video";
 export interface PostActionButtonProps {
     author: string;
@@ -8,8 +9,15 @@ export interface PostActionButtonProps {
     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) */
+    /** Optional: Tooltip text shown on hover over the payout value (e.g. payout breakdown).
+     *  Deprecated path used for compatibility — when `payoutDetails` is
+     *  also provided the value pill becomes a tap target opening the
+     *  full `RewardsModal` instead of a hover tooltip. */
     payoutTooltip?: string;
+    /** Structured payout breakdown — when supplied, tapping the payout
+     *  chip opens a `RewardsModal` showing pending/realised amounts,
+     *  HBD↔HP split, time to payout, and a beneficiary list. */
+    payoutDetails?: RewardsModalPayoutDetails;
     /** 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. */
@@ -92,5 +100,5 @@ export interface PostActionButtonProps {
      *  polls, community detail) where there isn't room for four icons. */
     actionsAsMenu?: boolean;
 }
-export declare function PostActionButton({ author, permlink, currentUser: currentUserProp, hiveValue, hiveIconUrl, payoutTooltip, initialVotes, initialCommentsCount, onUpvote, onSubmitComment, onComments, onEdit, onReblog, onShare, onTip, onReport, onClickCommentUpvote, ecencyToken, threeSpeakApiKey, giphyApiKey, templateToken, templateApiBaseUrl, disableCommentsModal, onClickCommentIcon, onClickCommentCount, hasCommented, myReplyKey, showVoteButton, parentTags, defaultReward, defaultBeneficiaries, beneficiaryFavorites, defaultVotePercent, voteWeightStep, allowLandscapeVideos, actionsAsMenu, }: PostActionButtonProps): import("react/jsx-runtime").JSX.Element;
+export declare function PostActionButton({ author, permlink, currentUser: currentUserProp, hiveValue, hiveIconUrl, payoutTooltip, payoutDetails, initialVotes, initialCommentsCount, onUpvote, onSubmitComment, onComments, onEdit, onReblog, onShare, onTip, onReport, onClickCommentUpvote, ecencyToken, threeSpeakApiKey, giphyApiKey, templateToken, templateApiBaseUrl, disableCommentsModal, onClickCommentIcon, onClickCommentCount, hasCommented, myReplyKey, showVoteButton, parentTags, defaultReward, defaultBeneficiaries, beneficiaryFavorites, defaultVotePercent, voteWeightStep, allowLandscapeVideos, actionsAsMenu, }: PostActionButtonProps): import("react/jsx-runtime").JSX.Element;
 export default PostActionButton;

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

@@ -27,6 +27,12 @@ export interface ParentPostSubmitPayload {
     videoEmbedUrl: string | null;
     videoUploadUrl: string | null;
     videoAspectRatio: string | null;
+    /** True when the consumer enabled the reblog toggle AND the user
+     *  left it on — host should fire a second `reblog` custom_json with
+     *  `(author=currentUser, permlink=<new post permlink>)` after the
+     *  post broadcast succeeds. Only meaningful when the post was sent
+     *  to a community (`reblogToggle` is auto-hidden otherwise). */
+    reblog: boolean;
     /**
      * Full 3Speak upload metadata when the user attached a video — populated
      * by the kit's `<VideoUploader>` after a successful TUS upload. Consumers
@@ -142,6 +148,19 @@ export interface ParentPostComposerProps {
      * consumer owns the state.
      */
     communitySlot?: React.ReactNode;
+    /** When true, render an inline "Reblog after publish" toggle next to
+     *  the community pill. Typical use: host app flips this on when a
+     *  community is selected, so users can also reblog the post into
+     *  their own feed after the parent broadcast succeeds. The toggle
+     *  state is emitted via `ParentPostSubmitPayload.reblog`; the host
+     *  is responsible for the second broadcast. */
+    reblogToggle?: boolean;
+    /** Initial state of the reblog toggle when `reblogToggle` is shown.
+     *  Defaults to `true` to match the screenshot UX (toggle on by
+     *  default whenever it's offered). */
+    reblogToggleDefault?: boolean;
+    /** Label rendered next to the toggle. Defaults to "Reblog". */
+    reblogToggleLabel?: string;
 }
 declare const ParentPostComposer: React.FC<ParentPostComposerProps>;
 export default ParentPostComposer;