hive-react-kit 0.10.5 → 0.10.7

package/dist/build.css

@@ -709,9 +709,6 @@
   .table {
     display: table;
   }
-  .aspect-\[4\/3\] {
-    aspect-ratio: 4/3;
-  }
   .aspect-video {
     aspect-ratio: var(--aspect-video);
   }
@@ -796,6 +793,9 @@
   .h-\[90vh\] {
     height: 90vh;
   }
+  .h-\[280px\] {
+    height: 280px;
+  }
   .h-\[400px\] {
     height: 400px;
   }
@@ -826,6 +826,9 @@
   .max-h-64 {
     max-height: calc(var(--spacing) * 64);
   }
+  .max-h-72 {
+    max-height: calc(var(--spacing) * 72);
+  }
   .max-h-96 {
     max-height: calc(var(--spacing) * 96);
   }
@@ -856,6 +859,9 @@
   .max-h-\[calc\(90vh-80px\)\] {
     max-height: calc(90vh - 80px);
   }
+  .max-h-full {
+    max-height: 100%;
+  }
   .max-h-screen {
     max-height: 100vh;
   }
@@ -1474,6 +1480,12 @@
       border-color: color-mix(in oklab, var(--color-amber-500) 30%, transparent);
     }
   }
+  .border-amber-500\/40 {
+    border-color: color-mix(in srgb, oklch(76.9% 0.188 70.08) 40%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      border-color: color-mix(in oklab, var(--color-amber-500) 40%, transparent);
+    }
+  }
   .border-amber-700\/40 {
     border-color: color-mix(in srgb, oklch(55.5% 0.163 48.998) 40%, transparent);
     @supports (color: color-mix(in lab, red, red)) {
@@ -3127,6 +3139,16 @@
       }
     }
   }
+  .hover\:bg-amber-500\/15 {
+    &:hover {
+      @media (hover: hover) {
+        background-color: color-mix(in srgb, oklch(76.9% 0.188 70.08) 15%, transparent);
+        @supports (color: color-mix(in lab, red, red)) {
+          background-color: color-mix(in oklab, var(--color-amber-500) 15%, transparent);
+        }
+      }
+    }
+  }
   .hover\:bg-black {
     &:hover {
       @media (hover: hover) {
@@ -3431,6 +3453,13 @@
       }
     }
   }
+  .hover\:text-gray-200 {
+    &:hover {
+      @media (hover: hover) {
+        color: var(--color-gray-200);
+      }
+    }
+  }
   .hover\:text-gray-300 {
     &:hover {
       @media (hover: hover) {

package/dist/components/community/CommunityDetail.d.ts

@@ -29,8 +29,23 @@ export interface CommunityDetailProps {
      *  flag) into a single 3-dot kebab menu inside the embedded
      *  `<BlogPostList/>`. */
     actionsAsMenu?: boolean;
+    /** @deprecated The Snaps tab now uses the kit's built-in
+     *  CommunitySnapsTab (multi-container SnapsFeedView). This prop is
+     *  retained for backward compatibility but no longer consumed. */
+    loadCommunitySnaps?: (communityId: string, cursor?: {
+        author: string;
+        permlink: string;
+    }) => Promise<import('@/types/post').Post[]>;
+    /** Authors the user has reported / muted — forwarded into the snaps
+     *  tab so their snaps drop out of the per-card list. */
+    reportedAuthors?: string[];
+    /** Reported posts (author + permlink pairs) — same purpose. */
+    reportedPosts?: {
+        author: string;
+        permlink: string;
+    }[];
     onShare?: () => void;
     onRss?: () => void;
 }
-declare const CommunityDetail: ({ communityId, currentUser, onBack, onUserClick, onPostClick, onCommentClick, onUpvote, onSubmitComment, onClickCommentUpvote, onReblog, onTip, onSharePost, onReportPost, ecencyToken, threeSpeakApiKey, giphyApiKey, templateToken, templateApiBaseUrl, defaultVotePercent, voteWeightStep, allowLandscapeVideos, defaultReward, actionsAsMenu, onShare, onRss, }: CommunityDetailProps) => import("react/jsx-runtime").JSX.Element;
+declare const CommunityDetail: ({ communityId, currentUser, onBack, onUserClick, onPostClick, onCommentClick, onUpvote, onSubmitComment, onClickCommentUpvote, onReblog, onTip, onSharePost, onReportPost, ecencyToken, threeSpeakApiKey, giphyApiKey, templateToken, templateApiBaseUrl, defaultVotePercent, voteWeightStep, allowLandscapeVideos, defaultReward, actionsAsMenu, onShare, onRss, loadCommunitySnaps: _loadCommunitySnaps, reportedAuthors, reportedPosts, }: CommunityDetailProps) => import("react/jsx-runtime").JSX.Element;
 export default CommunityDetail;

package/dist/components/community/CommunitySnapsTab.d.ts

@@ -0,0 +1,56 @@
+/**
+ * CommunitySnapsTab — Snaps tab body for the community-detail page.
+ *
+ * Mirrors `ProfileSnapsTab` so a community renders the same 1-col-mobile
+ * / 4-col-desktop snaps layout as the unified Snaps page. Each of the
+ * four container types (peak.snaps · ecency.waves · leothreads ·
+ * liketu.moments) gets its own slot, fetched in parallel from
+ * `communityService.getCommunitySnaps` and filtered to the current
+ * community.
+ *
+ * The kit's CommunityDetail used to render the snaps tab as a flat
+ * `<BlogPostList/>` driven by ranked-posts; this swaps in the rich
+ * snaps UI (swipeable image carousels, inline composer, per-feed
+ * pagination) so community snaps look and behave exactly like the
+ * profile-level snaps tab.
+ */
+import { type ReactNode } from 'react';
+import type { Post } from '@/types/post';
+import type { RewardOption } from '../../utils/commentOptions';
+export interface CommunitySnapsTabProps {
+    communityId: string;
+    currentUser?: string;
+    reportedPosts?: {
+        author: string;
+        permlink: string;
+    }[];
+    reportedAuthors?: string[];
+    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;
+    onSharePost?: (author: string, permlink: string) => void;
+    onCommentClick?: (author: string, permlink: string) => void;
+    onClickCommentIcon?: (author: string, permlink: string) => void;
+    onClickCommentCount?: (author: string, permlink: string) => void;
+    onReportPost?: (author: string, permlink: string) => void;
+    onUserClick?: (username: string) => void;
+    onPostClick?: (author: string, permlink: string, title?: string) => void;
+    ecencyToken?: string;
+    threeSpeakApiKey?: string;
+    giphyApiKey?: string;
+    templateToken?: string;
+    templateApiBaseUrl?: string;
+    defaultVotePercent?: number;
+    voteWeightStep?: number;
+    allowLandscapeVideos?: boolean;
+    defaultReward?: RewardOption;
+    /** Per-card right-side header action menu slot. */
+    renderHeaderActions?: (post: Post) => ReactNode;
+    /** Collapse the per-card secondary actions (reblog · share · tip ·
+     *  flag) into a single 3-dot kebab. Forwarded into <SnapsFeedView/>. */
+    actionsAsMenu?: boolean;
+}
+declare const CommunitySnapsTab: React.FC<CommunitySnapsTabProps>;
+export default CommunitySnapsTab;

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

@@ -85,6 +85,12 @@ export interface ParentPostComposerProps {
     hideTags?: boolean;
     hideReward?: boolean;
     hideBeneficiaries?: boolean;
+    /** Force the publisher to attach a poll. When `true`, Publish stays
+     *  disabled with a "poll required" hint until `pollData` is set, and an
+     *  inline warning banner appears above the toolbar. Use this when the
+     *  composer is dedicated to poll creation (e.g. the Polls screen) so
+     *  users can't accidentally publish a regular parent post. */
+    requirePoll?: boolean;
     /** Allow landscape videos (default true on the parent post composer). */
     allowLandscapeVideos?: boolean;
     /**

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

@@ -1,4 +1,31 @@
+/**
+ * Poll attachment editor for ParentPostComposer.
+ *
+ * Mirrors the feature set of the standalone hPolls "Create Poll" surface so
+ * a poll attached from the kit composer is indistinguishable on-chain from
+ * one published by hPolls itself: vote-interpretation engines (Number of
+ * Votes / HIVE→HP / Splinterlands / Arcade Colony / GLX / Hive-Engine
+ * tokens), a short preview description, max-choice slider, voter-change
+ * toggle, minimum account age, hide-results-until-voted, and the
+ * community-restricted flag.
+ *
+ * The component returns a `PollData` object whose shape matches what the
+ * Hive comment metadata expects (`preferred_interpretation`, `choices`,
+ * `end_time`, etc.) so consumers can inline it into `json_metadata`
+ * without further mapping.
+ */
 import React from 'react';
+/** Curated list of vote-weight interpretation engines hPolls supports. */
+export declare const POLL_VOTE_INTERPRETATIONS: ReadonlyArray<{
+    key: string;
+    label: string;
+}>;
+/** Hive-Engine tokens (and stake variants) that hPolls can interpret. The
+ *  key follows the same `token_he_<slug>` pattern hPolls broadcasts. */
+export declare const POLL_HE_VOTE_INTERPRETATIONS: ReadonlyArray<{
+    key: string;
+    label: string;
+}>;
 export interface PollData {
     question: string;
     choices: string[];
@@ -9,6 +36,12 @@ export interface PollData {
         account_age: number;
     };
     ui_hide_res_until_voted: boolean;
+    /** Short user-facing summary surfaced by some clients above the choices. */
+    description?: string;
+    /** Engine key used to weight votes (`number_of_votes`, `token_hive_hp`, …). */
+    preferred_interpretation?: string;
+    /** Restrict voting to community members. Maps to `community_restricted`. */
+    community_restricted?: boolean;
 }
 export interface PollCreatorProps {
     isOpen: boolean;

package/dist/components/feed/SnapsFeedView.d.ts

@@ -79,6 +79,13 @@ export interface SnapsFeedViewProps {
      *  flag) into a single 3-dot kebab menu. Forwarded to every
      *  <SnapsFeedCard/>. */
     actionsAsMenu?: boolean;
+    /** When `true`, the desktop 4-column layout grows naturally with its
+     *  content instead of pinning each column to a fixed-height per-column
+     *  scroller. Use this when the parent page already provides a single
+     *  scroll surface (e.g. a wrapping `overflow-y-auto`) so users get one
+     *  page-level scrollbar instead of four independent ones. Column
+     *  headers stay visible via `sticky top-0`. Mobile is unaffected. */
+    pageScroll?: boolean;
 }
-export declare function SnapsFeedView({ feeds, labels, avatars, defaultPrimary, currentUser, onUpvote, onSubmitComment, onClickCommentUpvote, onReblog, onTip, onSharePost, onCommentClick, onClickCommentIcon, onClickCommentCount, onReportPost, onUserClick, onPostClick, ecencyToken, threeSpeakApiKey, giphyApiKey, templateToken, templateApiBaseUrl, defaultVotePercent, voteWeightStep, allowLandscapeVideos, defaultReward, toolbar, footer, renderHeaderActions, actionsAsMenu, }: SnapsFeedViewProps): import("react/jsx-runtime").JSX.Element;
+export declare function SnapsFeedView({ feeds, labels, avatars, defaultPrimary, currentUser, onUpvote, onSubmitComment, onClickCommentUpvote, onReblog, onTip, onSharePost, onCommentClick, onClickCommentIcon, onClickCommentCount, onReportPost, onUserClick, onPostClick, ecencyToken, threeSpeakApiKey, giphyApiKey, templateToken, templateApiBaseUrl, defaultVotePercent, voteWeightStep, allowLandscapeVideos, defaultReward, toolbar, footer, renderHeaderActions, actionsAsMenu, pageScroll, }: SnapsFeedViewProps): import("react/jsx-runtime").JSX.Element;
 export default SnapsFeedView;