@select-org/post-components 1.0.1 → 2.1.0

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,8 +234,14 @@ var PostHeader = ({
   groupHref,
   postedAt,
   postType,
+  isPrivate = false,
+  membersCount,
+  crossPostGroup,
+  locale,
+  translate,
   isFeatured = false,
   isPostPreview = false,
+  isPostDetail = false,
   isAdmin = false,
   isOwner = false,
   onErasePress,
@@ -95,6 +252,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,
@@ -165,7 +329,7 @@ var PostHeader = ({
       ),
       /* @__PURE__ */ jsxs("section", { className: "flex flex-1 flex-col justify-center min-w-0", children: [
         /* @__PURE__ */ jsx2("section", { className: "flex items-baseline justify-between gap-2", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5 min-w-0", children: [
-          /* @__PURE__ */ jsx2("div", { className: "font-semibold text-foreground truncate", children: authorNameNode }),
+          isPostDetail ? /* @__PURE__ */ jsx2("h2", { className: "font-semibold text-foreground truncate", children: authorNameNode }) : /* @__PURE__ */ jsx2("div", { className: "font-semibold text-foreground truncate", children: authorNameNode }),
           isFeatured && /* @__PURE__ */ jsx2(
             "svg",
             {
@@ -173,7 +337,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 +350,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
+            ] })
           ] })
         ] })
       ] })
@@ -288,7 +480,8 @@ var checkMentionDataIndex = (mentionData = [], copyMentionData = [], body = "")
 };
 var isLinkInternal = (url, supportDeepviewDomain) => {
   if (!url) return false;
-  return supportDeepviewDomain.length > 0 && url.includes(supportDeepviewDomain);
+  const domains = Array.isArray(supportDeepviewDomain) ? supportDeepviewDomain : supportDeepviewDomain ? [supportDeepviewDomain] : [];
+  return domains.some((d) => d.length > 0 && url.includes(d));
 };
 var getUrl = (match, phone) => {
   const type = match.getType();
@@ -381,7 +574,7 @@ var AutoLink = ({
   const renderLink = useCallback(
     (text, match, index) => {
       const [url] = getUrl(match, phone);
-      if (supportDeepviewDomain && url.includes(supportDeepviewDomain)) {
+      if (isLinkInternal(url, supportDeepviewDomain)) {
         const internal = true;
         return /* @__PURE__ */ jsx3(
           "a",
@@ -1251,7 +1444,7 @@ var MediaView = ({
     return /* @__PURE__ */ jsx8(
       "div",
       {
-        onClick: handleLightbox,
+        onClick: onCardPress,
         className: textViewClass,
         style: {
           backgroundColor: item.option_color
@@ -1637,7 +1830,12 @@ var PostPollView_default = PostPollView;
 
 // src/components/PostTextItem.tsx
 import { jsx as jsx14 } from "react/jsx-runtime";
-var PostTextItem = ({ textItems, showFullText }) => {
+var PostTextItem = ({
+  textItems,
+  showFullText,
+  onNavigate,
+  supportDeepviewDomain
+}) => {
   return /* @__PURE__ */ jsx14("div", { className: "flex-1", children: /* @__PURE__ */ jsx14("div", { children: textItems.map((item, index) => {
     const text = "text" in item ? item.text ?? "" : "";
     const key = "key" in item ? item.key : index;
@@ -1647,6 +1845,8 @@ var PostTextItem = ({ textItems, showFullText }) => {
       {
         text: showFullText ? text : TruncateText(text, 300),
         mentionData,
+        onNavigate,
+        supportDeepviewDomain,
         className: "whitespace-normal px-4 pb-4 leading-relaxed text-gray-800",
         style: {
           whiteSpace: "pre-wrap",
@@ -1671,7 +1871,8 @@ var getHostFromUrl = (url) => {
   }
 };
 var getLinkRel = (host, supportDeepviewDomain = "") => {
-  const isInternal = supportDeepviewDomain.length > 0 && host.includes(supportDeepviewDomain);
+  const domains = Array.isArray(supportDeepviewDomain) ? supportDeepviewDomain : supportDeepviewDomain ? [supportDeepviewDomain] : [];
+  const isInternal = domains.some((d) => d.length > 0 && host.includes(d));
   return isInternal ? "noreferrer" : "noreferrer nofollow";
 };
 var PostLinkItem = ({
@@ -2035,7 +2236,9 @@ var PostItemsView = ({
   parentId,
   isCommentScope,
   imageComponent,
-  mediaItemStatuses
+  mediaItemStatuses,
+  onNavigate,
+  supportDeepviewDomain
 }) => {
   if (!primaryContent) return null;
   switch (primaryContent.type) {
@@ -2067,7 +2270,8 @@ var PostItemsView = ({
               type: "linkItem"
             }
           ],
-          imageComponent
+          imageComponent,
+          supportDeepviewDomain
         }
       );
     case "media":
@@ -2087,7 +2291,9 @@ var PostItemsView = ({
         {
           textItems: primaryContent.items,
           showFullText: isPostDetail,
-          isPostDetail
+          isPostDetail,
+          onNavigate,
+          supportDeepviewDomain
         }
       );
     default:
@@ -2163,20 +2369,27 @@ var contentTypeConstants = {
 };
 
 // src/components/PostSectionSourceInfoView.tsx
+import { Avatar as Avatar2, AvatarImage as AvatarImage2, AvatarFallback as AvatarFallback2 } from "@select-org/ui";
 import { jsx as jsx20, jsxs as jsxs11 } from "react/jsx-runtime";
-var PostSectionSourceInfoView = ({ sourceInfo }) => {
+var PostSectionSourceInfoView = ({
+  sourceInfo,
+  imageComponent
+}) => {
   if (!sourceInfo) {
     return null;
   }
   return /* @__PURE__ */ jsx20("div", { className: "mx-4 mb-3 mt-3 border-b border-gray-100 pb-3", children: /* @__PURE__ */ jsxs11("div", { className: "flex flex-row items-center", children: [
-    /* @__PURE__ */ jsx20("div", { className: "size-7 shrink-0 rounded-full overflow-hidden border border-border-subtle bg-muted flex items-center justify-center", children: sourceInfo.avatar ? /* @__PURE__ */ jsx20(
-      "img",
-      {
-        src: sourceInfo.avatar,
-        alt: sourceInfo.username,
-        className: "size-full object-cover"
-      }
-    ) : /* @__PURE__ */ jsx20("span", { className: "text-xs font-semibold text-muted-foreground", children: sourceInfo.username?.charAt(0)?.toUpperCase() ?? "?" }) }),
+    /* @__PURE__ */ jsxs11(Avatar2, { size: "sm", className: "shrink-0 ring-1 ring-border-subtle", children: [
+      /* @__PURE__ */ jsx20(
+        AvatarImage2,
+        {
+          src: sourceInfo.avatar,
+          alt: sourceInfo.username,
+          imageComponent
+        }
+      ),
+      /* @__PURE__ */ jsx20(AvatarFallback2, { name: sourceInfo.username, className: "text-xs" })
+    ] }),
     /* @__PURE__ */ jsxs11("div", { className: "ml-2 flex-col justify-center flex", children: [
       /* @__PURE__ */ jsx20("div", { className: "text-sm font-semibold text-foreground leading-none", children: sourceInfo.username }),
       /* @__PURE__ */ jsx20("div", { className: "text-xs text-muted-foreground mt-1 leading-none", children: sourceInfo.url })
@@ -2190,7 +2403,10 @@ import { jsx as jsx21, jsxs as jsxs12 } from "react/jsx-runtime";
 var PostSectionsView = ({
   sections,
   isPostDetail,
-  onCardPress
+  onCardPress,
+  onNavigate,
+  supportDeepviewDomain,
+  imageComponent
 }) => {
   const renderSectionItem = useCallback3(
     (section, index) => {
@@ -2205,14 +2421,22 @@ var PostSectionsView = ({
               whiteSpace: "pre-wrap",
               wordBreak: "break-word"
             },
-            mentionData: data.mentionData
+            mentionData: data.mentionData,
+            onNavigate,
+            supportDeepviewDomain
           },
           `${index} - ${data.body}`
         );
       }
       if (type === contentTypeConstants.NEW_POST_MEDIA) {
         return /* @__PURE__ */ jsxs12("div", { className: "my-3", children: [
-          data.sourceInfo && /* @__PURE__ */ jsx21(PostSectionSourceInfoView_default, { sourceInfo: data.sourceInfo }),
+          data.sourceInfo && /* @__PURE__ */ jsx21(
+            PostSectionSourceInfoView_default,
+            {
+              sourceInfo: data.sourceInfo,
+              imageComponent
+            }
+          ),
           data.body && /* @__PURE__ */ jsx21(
             AutoLink_default,
             {
@@ -2222,7 +2446,9 @@ var PostSectionsView = ({
                 whiteSpace: "pre-wrap",
                 wordBreak: "break-word"
               },
-              mentionData: data.mentionData
+              mentionData: data.mentionData,
+              onNavigate,
+              supportDeepviewDomain
             },
             `${index} - ${data.body}`
           ),
@@ -2238,7 +2464,7 @@ var PostSectionsView = ({
       }
       return null;
     },
-    [isPostDetail, onCardPress]
+    [isPostDetail, onCardPress, onNavigate, supportDeepviewDomain, imageComponent]
   );
   if (!sections || sections.length === 0) {
     return null;
@@ -2262,6 +2488,7 @@ var PostFooter = ({
   footerLinkHref = "/",
   isSnoozed = false,
   onSnoozeToggle,
+  linkComponent: LinkComponent,
   renderReactionTrigger,
   renderReactionModal
 }) => {
@@ -2321,7 +2548,18 @@ var PostFooter = ({
         }
       }) })
     ] }),
-    /* @__PURE__ */ jsx22("div", { className: "relative flex items-center ml-auto", children: postHref ? /* @__PURE__ */ jsxs13(
+    /* @__PURE__ */ jsx22("div", { className: "relative flex items-center ml-auto", children: postHref ? LinkComponent ? /* @__PURE__ */ jsxs13(
+      LinkComponent,
+      {
+        href: postHref,
+        className: cn(commentButtonClass, "no-underline"),
+        children: [
+          /* @__PURE__ */ jsx22(AppIcon, { name: "messageCircleMore", "aria-hidden": "true" }),
+          /* @__PURE__ */ jsx22("span", { className: "sr-only", children: commentAriaLabel }),
+          commentBadge
+        ]
+      }
+    ) : /* @__PURE__ */ jsxs13(
       "a",
       {
         href: postHref,
@@ -2339,14 +2577,10 @@ var PostFooter = ({
       /* @__PURE__ */ jsx22(AppIcon, { name: "messageCircleMore", "aria-hidden": "true" }),
       commentBadge
     ] }) }),
-    showFooterLink && /* @__PURE__ */ jsx22("section", { className: "flex justify-center -mx-5 -mb-2.5 mt-2.5", children: /* @__PURE__ */ jsx22(
-      "a",
-      {
-        href: footerLinkHref,
-        className: "bg-action-primary/5 hover:bg-action-primary/10 transition-colors w-full text-center py-3 text-sm font-medium text-action-primary no-underline rounded-b-xl border-t border-action-primary/10",
-        children: footerLinkLabel
-      }
-    ) })
+    showFooterLink && /* @__PURE__ */ (() => {
+      const footerLinkClass = "bg-action-primary/5 hover:bg-action-primary/10 transition-colors w-full text-center py-3 text-sm font-medium text-action-primary no-underline rounded-b-xl border-t border-action-primary/10";
+      return /* @__PURE__ */ jsx22("section", { className: "flex justify-center -mx-5 -mb-2.5 mt-2.5", children: LinkComponent ? /* @__PURE__ */ jsx22(LinkComponent, { href: footerLinkHref, className: footerLinkClass, children: footerLinkLabel }) : /* @__PURE__ */ jsx22("a", { href: footerLinkHref, className: footerLinkClass, children: footerLinkLabel }) });
+    })()
   ] });
 };
 var PostFooter_default = PostFooter;
@@ -2567,7 +2801,13 @@ var PostCard = ({
   imageComponent,
   isAdmin,
   isOwner,
+  isPostOwner,
   isPostPreview,
+  isPrivate,
+  membersCount,
+  crossPostGroup,
+  locale,
+  translate,
   onPostPress,
   onErasePress,
   onCancelPost,
@@ -2645,10 +2885,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
       ),
@@ -2695,8 +2935,14 @@ var PostCard = ({
               postType: post.postType,
               isFeatured: post.isFeatured,
               isPostPreview,
+              isPostDetail,
               isAdmin,
               isOwner,
+              isPrivate,
+              membersCount,
+              crossPostGroup,
+              locale,
+              translate,
               onErasePress: onErasePress ? handleErasePress : void 0,
               onCancelPost,
               renderActionsMenu,
@@ -2724,7 +2970,10 @@ var PostCard = ({
               sections: resolvedContent.sections.sections,
               isPostDetail,
               onCardPress: onCardPress ?? (() => {
-              })
+              }),
+              onNavigate,
+              supportDeepviewDomain,
+              imageComponent
             }
           ),
           /* @__PURE__ */ jsx25(
@@ -2736,11 +2985,13 @@ var PostCard = ({
               }),
               onVotePress: onVotePress ?? (() => {
               }),
-              isPostOwner: isOwner,
+              isPostOwner,
               parentId: post.context_id,
               isCommentScope: false,
               imageComponent,
-              mediaItemStatuses
+              mediaItemStatuses,
+              onNavigate,
+              supportDeepviewDomain
             }
           ),
           /* @__PURE__ */ jsx25(
@@ -2765,6 +3016,7 @@ var PostCard = ({
             showFooterLink,
             footerLinkLabel,
             footerLinkHref,
+            linkComponent,
             renderReactionTrigger,
             renderReactionModal
           }
@@ -2900,6 +3152,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 +3169,7 @@ export {
   PostTextItem_default as PostTextItem,
   PostUploadStrip_default as PostUploadStrip,
   ReactionModal,
+  getPostTypeHint,
   hasMeaningfulHtml,
   resolvePostContent
 };