@select-org/post-components 1.0.1 → 2.0.0

package/dist/index.d.ts

@@ -50,6 +50,16 @@ interface PostCardProps {
     isAdmin?: boolean;
     isOwner?: boolean;
     isPostPreview?: boolean;
+    isPrivate?: boolean;
+    membersCount?: number;
+    crossPostGroup?: {
+        name: string;
+        href?: string;
+    };
+    locale?: string;
+    translate?: (key: string, params?: {
+        count?: number;
+    }) => string;
     onPostPress?: () => void;
     onErasePress?: () => void;
     onCancelPost?: () => void;
@@ -100,6 +110,16 @@ interface PostHeaderProps {
     groupHref?: string;
     postedAt: string;
     postType: string;
+    isPrivate?: boolean;
+    membersCount?: number;
+    crossPostGroup?: {
+        name: string;
+        href?: string;
+    };
+    locale?: string;
+    translate?: (key: string, params?: {
+        count?: number;
+    }) => string;
     isFeatured?: boolean;
     isPostPreview?: boolean;
     isAdmin?: boolean;
@@ -299,6 +319,25 @@ declare const AutoLink: {
     truncate: (text: string, { truncate: len, truncateChars, truncateLocation }?: TruncateOptions) => string;
 };
 
+interface PostTypeHintContext {
+    isInGroup?: boolean;
+    isOwner?: boolean;
+    isPrivate?: boolean;
+    membersCount?: number;
+    /** Mirrors the web client's `isMetaDesc` branch (SEO/meta-description copy). */
+    isMetaDesc?: boolean;
+}
+interface PostTypeHint {
+    key: string;
+    params?: {
+        count?: number;
+    };
+}
+declare function getPostTypeHint(postType: string, ctx?: PostTypeHintContext): PostTypeHint;
+declare const POST_TYPE_HINT_DEFAULTS: Record<string, (p?: {
+    count?: number;
+}) => string>;
+
 interface ReactionModalProps {
     isOpen: boolean;
     close: () => void;
@@ -318,4 +357,4 @@ interface Props {
 }
 declare const EraseConfirmModal: React.FC<Props>;
 
-export { AutoLink, EmbedContent, EraseConfirmModal, ItemData, LinkItemMetaData, MediaUploadStatus, MediaUploadStatusOverlay, MentionData, PollItemData, PollResult, PostBody, PostCard, type PostCardProps, PostEmail, PostEmbedView, PostFooter, PostHeader, type PostHeaderProps, PostItemsView, PostLinkItem, PostMediaLayoutCore, PostPollView, PostSectionSourceInfoView, PostSectionsSummaryView, PostSectionsView, PostTextItem, PostUploadStrip, PrimaryContent, ReactionModal, ResolvedTextContent, SectionItem, TextItemContent, TipTapDocument };
+export { AutoLink, EmbedContent, EraseConfirmModal, ItemData, LinkItemMetaData, MediaUploadStatus, MediaUploadStatusOverlay, MentionData, POST_TYPE_HINT_DEFAULTS, PollItemData, PollResult, PostBody, PostCard, type PostCardProps, PostEmail, PostEmbedView, PostFooter, PostHeader, type PostHeaderProps, PostItemsView, PostLinkItem, PostMediaLayoutCore, PostPollView, PostSectionSourceInfoView, PostSectionsSummaryView, PostSectionsView, PostTextItem, type PostTypeHint, type PostTypeHintContext, PostUploadStrip, PrimaryContent, ReactionModal, ResolvedTextContent, SectionItem, TextItemContent, TipTapDocument, getPostTypeHint };

package/dist/index.js

@@ -64,18 +64,169 @@ function AppIcon({ name, ...props }) {
   return /* @__PURE__ */ jsx(Icon, { ...props });
 }
 
+// src/utils/postTypeHint.ts
+var MEDIA_TYPES = /* @__PURE__ */ new Set([
+  "new:post:media",
+  "new:post:image",
+  "mediaItemToUpload"
+]);
+function getPostTypeHint(postType, ctx = {}) {
+  const {
+    isInGroup = false,
+    isOwner = false,
+    isPrivate = false,
+    membersCount = 0,
+    isMetaDesc = false
+  } = ctx;
+  const isMedia = MEDIA_TYPES.has(postType);
+  if (isInGroup) {
+    if (isMetaDesc) {
+      if (isMedia)
+        return { key: "post_detail_meta_description_type_image_post" };
+      switch (postType) {
+        case "new:post:link":
+          return { key: "post_detail_meta_description_type_link_post" };
+        case "new:post:poll":
+          return { key: "post_detail_meta_description_type_poll_post" };
+        case "new:post:thread":
+          return {
+            key: "post_detail_one_liner_receive_and_send_group_thread_post"
+          };
+        case "new:post:text":
+        default:
+          return { key: "post_detail_meta_description_type_message_post" };
+      }
+    }
+    if (isMedia)
+      return { key: "post_detail_one_liner_receive_and_send_group_image_post" };
+    switch (postType) {
+      case "new:post:link":
+        return {
+          key: "post_detail_one_liner_receive_and_send_group_link_post"
+        };
+      case "new:post:poll":
+        return {
+          key: "post_detail_one_liner_receive_and_send_group_poll_post"
+        };
+      case "new:post:thread":
+        return {
+          key: "post_detail_one_liner_receive_and_send_group_thread_post"
+        };
+      case "new:post:text":
+      default:
+        return {
+          key: "post_detail_one_liner_receive_and_send_group_message_post"
+        };
+    }
+  }
+  if (isOwner) {
+    return membersCount > 1 ? sentPlural(postType, membersCount) : sentSingular(postType);
+  }
+  if (isPrivate) {
+    if (isMedia)
+      return { key: "post_detail_one_liner_receive_private_image_post" };
+    switch (postType) {
+      case "new:post:link":
+        return { key: "post_detail_one_liner_receive_private_link_post" };
+      case "new:post:poll":
+        return { key: "post_detail_one_liner_receive_private_poll_post" };
+      case "new:post:thread":
+      case "new:post:text":
+      default:
+        return { key: "post_detail_one_liner_receive_message_post" };
+    }
+  }
+  return membersCount > 1 ? sentPlural(postType, membersCount) : sentSingular(postType);
+}
+function sentPlural(postType, count) {
+  const params = { count };
+  if (MEDIA_TYPES.has(postType))
+    return { key: "post_detail_one_liner_send_private_image_post_plural", params };
+  switch (postType) {
+    case "new:post:link":
+      return {
+        key: "post_detail_one_liner_send_private_link_post_plural",
+        params
+      };
+    case "new:post:poll":
+      return {
+        key: "post_detail_one_liner_send_private_link_poll_plural",
+        params
+      };
+    case "new:post:thread":
+    case "new:post:text":
+    default:
+      return { key: "post_detail_one_liner_send_message_post_plural", params };
+  }
+}
+function sentSingular(postType) {
+  if (MEDIA_TYPES.has(postType))
+    return { key: "post_detail_one_liner_send_private_image_post_singular" };
+  switch (postType) {
+    case "new:post:link":
+      return { key: "post_detail_one_liner_send_private_link_post_singular" };
+    case "new:post:poll":
+      return { key: "post_detail_one_liner_send_private_link_poll_singular" };
+    case "new:post:thread":
+    case "new:post:text":
+    default:
+      return { key: "post_detail_one_liner_send_message_post_singular" };
+  }
+}
+var POST_TYPE_HINT_DEFAULTS = {
+  // in-group (one-liner)
+  post_detail_one_liner_receive_and_send_group_image_post: () => "shared a media post in group",
+  post_detail_one_liner_receive_and_send_group_link_post: () => "shared a link post in group",
+  post_detail_one_liner_receive_and_send_group_poll_post: () => "shared a poll in group",
+  post_detail_one_liner_receive_and_send_group_thread_post: () => "shared a thread in group",
+  post_detail_one_liner_receive_and_send_group_message_post: () => "shared a post in group",
+  // in-group (meta description)
+  post_detail_meta_description_type_image_post: () => "A media post",
+  post_detail_meta_description_type_link_post: () => "A link post",
+  post_detail_meta_description_type_poll_post: () => "A poll",
+  post_detail_meta_description_type_message_post: () => "A post",
+  // owner / 1:M sent — plural
+  post_detail_one_liner_send_private_image_post_plural: (p) => `sent a media post to ${p?.count ?? 0} people`,
+  post_detail_one_liner_send_private_link_post_plural: (p) => `sent a link post to ${p?.count ?? 0} people`,
+  post_detail_one_liner_send_private_link_poll_plural: (p) => `sent a poll to ${p?.count ?? 0} people`,
+  post_detail_one_liner_send_message_post_plural: (p) => `sent a post to ${p?.count ?? 0} people`,
+  // owner / 1:M sent — singular
+  post_detail_one_liner_send_private_image_post_singular: () => "sent a media post",
+  post_detail_one_liner_send_private_link_post_singular: () => "sent a link post",
+  post_detail_one_liner_send_private_link_poll_singular: () => "sent a poll",
+  post_detail_one_liner_send_message_post_singular: () => "sent a post",
+  // private 1:1 received
+  post_detail_one_liner_receive_private_image_post: () => "sent you a media post",
+  post_detail_one_liner_receive_private_link_post: () => "sent you a link post",
+  post_detail_one_liner_receive_private_poll_post: () => "sent you a poll",
+  post_detail_one_liner_receive_message_post: () => "sent you a post"
+};
+
+// src/utils/relativeTime.ts
+var UNITS = [
+  ["year", 31536e3],
+  ["month", 2592e3],
+  ["week", 604800],
+  ["day", 86400],
+  ["hour", 3600],
+  ["minute", 60]
+];
+function formatRelativeTime(iso, locale = "en") {
+  const diffMs = Date.now() - new Date(iso).getTime();
+  const seconds = Math.round(diffMs / 1e3);
+  if (Math.abs(seconds) < 60) return "just now";
+  const rtf = new Intl.RelativeTimeFormat(locale, { numeric: "auto" });
+  for (const [unit, secs] of UNITS) {
+    if (Math.abs(seconds) >= secs) {
+      const value = Math.round(seconds / secs);
+      return rtf.format(-value, unit);
+    }
+  }
+  return "just now";
+}
+
 // src/components/PostHeader.tsx
 import { Fragment, jsx as jsx2, jsxs } from "react/jsx-runtime";
-function formatRelativeTime(iso) {
-  const diff = Date.now() - new Date(iso).getTime();
-  const minutes = Math.floor(diff / 6e4);
-  if (minutes < 1) return "just now";
-  if (minutes < 60) return `${minutes}m`;
-  const hours = Math.floor(minutes / 60);
-  if (hours < 24) return `${hours}h`;
-  const days = Math.floor(hours / 24);
-  return `${days}d`;
-}
 var PostHeader = ({
   author,
   authorHref,
@@ -83,6 +234,11 @@ var PostHeader = ({
   groupHref,
   postedAt,
   postType,
+  isPrivate = false,
+  membersCount,
+  crossPostGroup,
+  locale,
+  translate,
   isFeatured = false,
   isPostPreview = false,
   isAdmin = false,
@@ -95,6 +251,13 @@ var PostHeader = ({
   labels
 }) => {
   const cancelLabel = labels?.cancelPost ?? "Cancel";
+  const { key: hintKey, params: hintParams } = getPostTypeHint(postType, {
+    isInGroup: !!group,
+    isOwner,
+    isPrivate,
+    membersCount
+  });
+  const hintText = translate?.(hintKey, hintParams) ?? POST_TYPE_HINT_DEFAULTS[hintKey]?.(hintParams) ?? hintKey;
   const badgeVariant = isOwner ? "owner" : isAdmin ? "admin" : void 0;
   const authorNameNode = isPostPreview ? /* @__PURE__ */ jsx2("span", { className: "flex text-base font-semibold leading-[100%] text-foreground", children: author.name }) : LinkComponent ? /* @__PURE__ */ jsx2(
     LinkComponent,
@@ -173,7 +336,7 @@ var PostHeader = ({
               viewBox: "0 0 24 24",
               width: 14,
               height: 14,
-              className: "text-feedback-warning fill-feedback-warning shrink-0",
+              className: "text-highlight fill-highlight shrink-0",
               "aria-label": "Featured post",
               children: /* @__PURE__ */ jsx2("path", { d: "M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z" })
             }
@@ -186,16 +349,44 @@ var PostHeader = ({
                 title: postedAt,
                 className: "text-xs text-muted-foreground whitespace-nowrap shrink-0",
                 dateTime: postedAt,
-                children: formatRelativeTime(postedAt)
+                children: formatRelativeTime(postedAt, locale ?? "en")
               }
             )
           ] })
         ] }) }),
         /* @__PURE__ */ jsxs("div", { className: "text-xs text-muted-foreground truncate mt-0.5", children: [
-          /* @__PURE__ */ jsx2("span", { children: postType }),
+          /* @__PURE__ */ jsx2("span", { children: hintText }),
           groupLinkNode && /* @__PURE__ */ jsxs(Fragment, { children: [
             /* @__PURE__ */ jsx2("span", { className: "mx-1" }),
             groupLinkNode
+          ] }),
+          crossPostGroup && /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsx2("span", { className: "mx-1", children: "via" }),
+            LinkComponent && crossPostGroup.href ? /* @__PURE__ */ jsxs(
+              LinkComponent,
+              {
+                href: crossPostGroup.href,
+                className: "text-action-primary font-medium hover:underline no-underline",
+                children: [
+                  "#",
+                  crossPostGroup.name
+                ]
+              }
+            ) : crossPostGroup.href ? /* @__PURE__ */ jsxs(
+              "a",
+              {
+                href: crossPostGroup.href,
+                onClick: (e) => e.stopPropagation(),
+                className: "text-action-primary font-medium hover:underline no-underline",
+                children: [
+                  "#",
+                  crossPostGroup.name
+                ]
+              }
+            ) : /* @__PURE__ */ jsxs("span", { className: "text-action-primary font-medium", children: [
+              "#",
+              crossPostGroup.name
+            ] })
           ] })
         ] })
       ] })
@@ -2568,6 +2759,11 @@ var PostCard = ({
   isAdmin,
   isOwner,
   isPostPreview,
+  isPrivate,
+  membersCount,
+  crossPostGroup,
+  locale,
+  translate,
   onPostPress,
   onErasePress,
   onCancelPost,
@@ -2645,10 +2841,10 @@ var PostCard = ({
     "article",
     {
       className: cn(
-        "flex flex-col box-border bg-background",
+        "w-full flex flex-col box-border bg-background",
         !isPostDetail && "cursor-pointer sm:border border-border rounded-xl sm:rounded-2xl overflow-hidden shadow-sm hover:shadow-md transition-shadow duration-300 relative mt-6",
         isPostDetail && "cursor-auto rounded-t-2xl w-full",
-        post.isFeatured && !isPostDetail && "bg-surface-raised border-border-subtle sm:border-t-4",
+        post.isFeatured && !isPostDetail && "bg-highlight-surface border-highlight-border sm:border-t-4",
         isPending && "cursor-default",
         className
       ),
@@ -2697,6 +2893,11 @@ var PostCard = ({
               isPostPreview,
               isAdmin,
               isOwner,
+              isPrivate,
+              membersCount,
+              crossPostGroup,
+              locale,
+              translate,
               onErasePress: onErasePress ? handleErasePress : void 0,
               onCancelPost,
               renderActionsMenu,
@@ -2900,6 +3101,7 @@ export {
   AutoLink_default as AutoLink,
   EraseConfirmModal_default as EraseConfirmModal,
   MediaUploadStatusOverlay_default as MediaUploadStatusOverlay,
+  POST_TYPE_HINT_DEFAULTS,
   PostBody_default as PostBody,
   PostCard_default as PostCard,
   PostEmail_default as PostEmail,
@@ -2916,6 +3118,7 @@ export {
   PostTextItem_default as PostTextItem,
   PostUploadStrip_default as PostUploadStrip,
   ReactionModal,
+  getPostTypeHint,
   hasMeaningfulHtml,
   resolvePostContent
 };