@select-org/post-components 1.0.0 → 2.0.0

package/dist/index.js

@@ -0,0 +1,3135 @@
+import {
+  SPOTIFY_HEIGHT,
+  TruncateText,
+  hasMeaningfulHtml,
+  postItemType,
+  resolvePostContent
+} from "./chunk-JPYOLIZH.js";
+
+// src/components/PostCard.tsx
+import React11, { useMemo as useMemo7, useState as useState5 } from "react";
+
+// src/utils/cn.ts
+import { clsx } from "clsx";
+import { twMerge } from "tailwind-merge";
+function cn(...inputs) {
+  return twMerge(clsx(inputs));
+}
+
+// src/components/PostHeader.tsx
+import {
+  Avatar,
+  AvatarImage,
+  AvatarFallback,
+  AvatarBadge
+} from "@select-org/ui";
+
+// src/components/AppIcon.tsx
+import {
+  AlarmClock,
+  Check,
+  CheckCircle2,
+  CirclePlay,
+  ExternalLink,
+  LoaderCircle,
+  MessageCircleMore,
+  Smile,
+  ThumbsDown,
+  ThumbsUp,
+  Trash2,
+  TriangleAlert,
+  Video,
+  X
+} from "lucide-react";
+import { jsx } from "react/jsx-runtime";
+var ICON_MAP = {
+  video: Video,
+  circlePlay: CirclePlay,
+  cancel: X,
+  externalLink: ExternalLink,
+  sendEmoji: Smile,
+  alarmClock: AlarmClock,
+  messageCircleMore: MessageCircleMore,
+  chatErase: Trash2,
+  checkCircle2: CheckCircle2,
+  thumbUp: ThumbsUp,
+  thumbDown: ThumbsDown,
+  check: Check,
+  loader: LoaderCircle,
+  triangleAlert: TriangleAlert
+};
+function AppIcon({ name, ...props }) {
+  const Icon = ICON_MAP[name];
+  if (!Icon) return null;
+  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";
+var PostHeader = ({
+  author,
+  authorHref,
+  group,
+  groupHref,
+  postedAt,
+  postType,
+  isPrivate = false,
+  membersCount,
+  crossPostGroup,
+  locale,
+  translate,
+  isFeatured = false,
+  isPostPreview = false,
+  isAdmin = false,
+  isOwner = false,
+  onErasePress,
+  onCancelPost,
+  renderActionsMenu,
+  linkComponent: LinkComponent,
+  imageComponent,
+  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,
+    {
+      href: authorHref,
+      className: "flex text-base font-semibold leading-[100%] text-foreground hover:opacity-70 bg-transparent border-none p-0 cursor-pointer no-underline",
+      children: author.name
+    }
+  ) : /* @__PURE__ */ jsx2(
+    "a",
+    {
+      href: authorHref,
+      onClick: (e) => e.stopPropagation(),
+      className: "flex text-base font-semibold leading-[100%] text-foreground hover:opacity-70 bg-transparent border-none p-0 cursor-pointer no-underline",
+      "aria-label": `View ${author.name}'s profile`,
+      children: author.name
+    }
+  );
+  const groupLinkNode = group && groupHref ? isPostPreview ? /* @__PURE__ */ jsxs("span", { className: "text-action-primary font-medium", children: [
+    "#",
+    group.name
+  ] }) : LinkComponent ? /* @__PURE__ */ jsxs(
+    LinkComponent,
+    {
+      href: groupHref,
+      className: "text-action-primary font-medium hover:underline cursor-pointer bg-transparent border-none p-0",
+      children: [
+        "#",
+        group.name
+      ]
+    }
+  ) : /* @__PURE__ */ jsxs(
+    "a",
+    {
+      href: groupHref,
+      onClick: (e) => e.stopPropagation(),
+      className: "text-action-primary font-medium hover:underline cursor-pointer bg-transparent border-none p-0",
+      title: group.name,
+      "aria-label": `View group ${group.name}`,
+      children: [
+        "#",
+        group.name
+      ]
+    }
+  ) : null;
+  return /* @__PURE__ */ jsxs("section", { className: "not-prose relative flex flex-col justify-start p-4 pb-3", children: [
+    /* @__PURE__ */ jsxs("section", { className: "flex items-center gap-3", children: [
+      /* @__PURE__ */ jsxs(
+        Avatar,
+        {
+          size: "md",
+          disabled: isPostPreview,
+          className: "shrink-0 ring-1 ring-border-subtle",
+          children: [
+            /* @__PURE__ */ jsx2(
+              AvatarImage,
+              {
+                src: author.avatar,
+                alt: `${author.name}'s profile picture`,
+                placeholder: author.avatarPlaceholder,
+                imageComponent
+              }
+            ),
+            /* @__PURE__ */ jsx2(AvatarFallback, { name: author.name }),
+            badgeVariant && /* @__PURE__ */ jsx2(AvatarBadge, { variant: badgeVariant })
+          ]
+        }
+      ),
+      /* @__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 }),
+          isFeatured && /* @__PURE__ */ jsx2(
+            "svg",
+            {
+              xmlns: "http://www.w3.org/2000/svg",
+              viewBox: "0 0 24 24",
+              width: 14,
+              height: 14,
+              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" })
+            }
+          ),
+          postedAt && /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsx2("span", { className: "text-muted-foreground font-bold shrink-0", children: "\xB7" }),
+            /* @__PURE__ */ jsx2(
+              "time",
+              {
+                title: postedAt,
+                className: "text-xs text-muted-foreground whitespace-nowrap shrink-0",
+                dateTime: postedAt,
+                children: formatRelativeTime(postedAt, locale ?? "en")
+              }
+            )
+          ] })
+        ] }) }),
+        /* @__PURE__ */ jsxs("div", { className: "text-xs text-muted-foreground truncate mt-0.5", children: [
+          /* @__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
+            ] })
+          ] })
+        ] })
+      ] })
+    ] }),
+    isPostPreview ? onCancelPost && /* @__PURE__ */ jsx2(
+      "button",
+      {
+        onClick: (e) => {
+          e.stopPropagation();
+          onCancelPost();
+        },
+        "aria-label": cancelLabel,
+        "data-testid": "cancel-pending-post",
+        className: "absolute right-4 top-4 leading-none rounded-full p-1.5 transition-colors hover:bg-feedback-danger/10 hover:text-feedback-danger",
+        children: /* @__PURE__ */ jsx2(AppIcon, { name: "cancel", width: 16, height: 16, strokeWidth: 1.75 })
+      }
+    ) : renderActionsMenu ? /* @__PURE__ */ jsx2("div", { className: "absolute right-2 top-2", children: renderActionsMenu() }) : onErasePress ? /* @__PURE__ */ jsx2(
+      "button",
+      {
+        onClick: (e) => {
+          e.stopPropagation();
+          onErasePress();
+        },
+        "aria-label": "Delete post",
+        className: "absolute right-4 top-4 leading-none rounded-full p-1.5 transition-colors hover:bg-feedback-danger/10 hover:text-feedback-danger",
+        children: /* @__PURE__ */ jsx2(AppIcon, { name: "chatErase", width: 16, height: 16, strokeWidth: 1.75 })
+      }
+    ) : null
+  ] });
+};
+var PostHeader_default = PostHeader;
+
+// src/components/AutoLink.tsx
+import { useCallback, useMemo } from "react";
+import Autolinker from "autolinker";
+import { truncateSmart } from "autolinker/dist/commonjs/truncate/truncate-smart";
+import { truncateEnd } from "autolinker/dist/commonjs/truncate/truncate-end";
+import { truncateMiddle } from "autolinker/dist/commonjs/truncate/truncate-middle";
+import emojiRegex from "emoji-regex";
+import { jsx as jsx3 } from "react/jsx-runtime";
+var MENTION_TYPE = {
+  MENTION: "mention",
+  HASHTAG: "hashtag"
+};
+var EMOJI_REGEX = emojiRegex();
+var getPureEmojiSize = (body) => {
+  let match;
+  let emojiCount = 0;
+  let emojiSize = 0;
+  while (match = EMOJI_REGEX.exec(body)) {
+    const emoji = match[0];
+    emojiSize += emoji.length;
+    emojiCount += 1;
+  }
+  if (emojiSize === body.length) {
+    return emojiCount;
+  }
+  return 0;
+};
+var checkMentionDataIndex = (mentionData = [], copyMentionData = [], body = "") => {
+  let mentionBody = body;
+  const newMentionData = [...mentionData, ...copyMentionData];
+  let lastMentionData = { index: 0, endIndex: 0 };
+  const formatNewMention = [];
+  for (let i = 0; i < newMentionData.length; i++) {
+    const mention = { ...newMentionData[i] };
+    if (mention.name && typeof mention.name === "string") {
+      mention.name = mention.name.trim();
+    } else {
+      continue;
+    }
+    if (mentionBody.indexOf(mention.name) === -1) {
+      continue;
+    }
+    const type = mention.type;
+    const name = (type === MENTION_TYPE.MENTION ? "@" : "#") + mention.name;
+    const index = mentionBody.indexOf(name) + lastMentionData.endIndex;
+    const endIndex = index + name.length;
+    mentionBody = body.substr(endIndex, body.length);
+    lastMentionData = { index, endIndex };
+    formatNewMention.push({
+      name,
+      type,
+      index,
+      endIndex,
+      data: mention
+    });
+  }
+  return formatNewMention;
+};
+var isLinkInternal = (url, supportDeepviewDomain) => {
+  if (!url) return false;
+  return supportDeepviewDomain.length > 0 && url.includes(supportDeepviewDomain);
+};
+var getUrl = (match, phone) => {
+  const type = match.getType();
+  switch (type) {
+    case "email": {
+      return [`mailto:${encodeURIComponent(match.getEmail())}`];
+    }
+    case "phone": {
+      const number = match.getNumber();
+      switch (phone) {
+        case "sms":
+        case "text":
+          return [`sms:${number}`];
+        default:
+          return [`tel:${number}`];
+      }
+    }
+    case "url": {
+      return [match.getAnchorHref()];
+    }
+    default: {
+      return [match.getMatchedText()];
+    }
+  }
+};
+var truncate = (text, { truncate: len = 32, truncateChars = "..", truncateLocation = "smart" } = {}) => {
+  let fn;
+  switch (truncateLocation) {
+    case "end":
+      fn = truncateEnd;
+      break;
+    case "middle":
+      fn = truncateMiddle;
+      break;
+    default:
+      fn = truncateSmart;
+  }
+  return fn(text, len, truncateChars);
+};
+var AutoLink = ({
+  text: textProp,
+  mentionData = [],
+  onNavigate,
+  supportDeepviewDomain = "",
+  phone = true,
+  email = true,
+  stripPrefix = false,
+  style = { fontSize: 12 },
+  mentionClassName: mentionClassNameProp,
+  className
+}) => {
+  const mentionClassName = useMemo(
+    () => mentionClassNameProp || "font-bold text-action-primary",
+    [mentionClassNameProp]
+  );
+  const handleNavigate = useCallback(
+    (href, internal) => {
+      if (onNavigate) {
+        onNavigate(href, internal);
+      } else if (internal) {
+        window.location.href = href;
+      } else {
+        window.open(href, "_blank");
+      }
+    },
+    [onNavigate]
+  );
+  const renderDefaultLink = useCallback(
+    (text, match, index) => {
+      const [url] = getUrl(match, phone);
+      const internal = isLinkInternal(url, supportDeepviewDomain);
+      return /* @__PURE__ */ jsx3(
+        "a",
+        {
+          target: "_blank",
+          rel: `noreferrer noopener${!internal ? " nofollow" : ""}`,
+          href: url,
+          className: "items-center text-link",
+          onClick: (e) => {
+            e.stopPropagation();
+            handleNavigate(url, internal);
+          },
+          children: truncate(text, { truncate: 27, truncateLocation: "end" })
+        },
+        `${index}-autolink`
+      );
+    },
+    [phone, supportDeepviewDomain, handleNavigate]
+  );
+  const renderLink = useCallback(
+    (text, match, index) => {
+      const [url] = getUrl(match, phone);
+      if (supportDeepviewDomain && url.includes(supportDeepviewDomain)) {
+        const internal = true;
+        return /* @__PURE__ */ jsx3(
+          "a",
+          {
+            href: url,
+            className: "items-center text-link",
+            style: { alignSelf: "center" },
+            onClick: (e) => {
+              e.stopPropagation();
+              handleNavigate(url, internal);
+            },
+            children: text
+          },
+          `${index}-deeplink`
+        );
+      }
+      return renderDefaultLink(text, match, index);
+    },
+    [phone, supportDeepviewDomain, renderDefaultLink, handleNavigate]
+  );
+  const renderMentionData = useCallback(
+    (fmData, key) => {
+      const href = fmData.type === MENTION_TYPE.HASHTAG ? `/groups/${fmData.data.selectId}` : `/users/${fmData.data.selectId || fmData.data.id}`;
+      return /* @__PURE__ */ jsx3(
+        "a",
+        {
+          className: `context-menu-ios-disable cursor-pointer ${mentionClassName}`,
+          href,
+          onClick: (e) => {
+            e.stopPropagation();
+            e.nativeEvent.stopImmediatePropagation();
+            handleNavigate(href, true);
+          },
+          children: fmData.name
+        },
+        key + fmData.index
+      );
+    },
+    [mentionClassName, handleNavigate]
+  );
+  const renderTextNodes = useCallback(() => {
+    let text = textProp;
+    const uid = Math.floor(Math.random() * 1099511627776).toString(16);
+    const tokenRegexp = new RegExp(`(@__ELEMENT-${uid}-\\d+__@)`, "g");
+    const generateToken = /* @__PURE__ */ (() => {
+      let counter = 0;
+      return () => `@__ELEMENT-${uid}-${counter++}__@`;
+    })();
+    const matches = {};
+    try {
+      text = Autolinker.link(text || "", {
+        email,
+        phone,
+        urls: {
+          schemeMatches: true,
+          wwwMatches: true,
+          tldMatches: true
+        },
+        stripPrefix,
+        replaceFn: (match) => {
+          const token = generateToken();
+          matches[token] = match;
+          return token;
+        }
+      });
+    } catch {
+      return null;
+    }
+    const newNodes = [];
+    text.split(tokenRegexp).filter((part) => !!part).forEach((part, index) => {
+      const match = matches[part];
+      if (!match) {
+        if (!mentionData || mentionData.length === 0) {
+          newNodes.push(part);
+        } else {
+          const newMentionData = checkMentionDataIndex(mentionData, [], part);
+          if (!newMentionData || newMentionData.length === 0) {
+            newNodes.push(part);
+            return;
+          }
+          for (let j = 0; j < newMentionData.length; j++) {
+            const curMentionData = newMentionData[j];
+            if (j === 0) {
+              const word = part.substring(0, curMentionData.index);
+              newNodes.push(word);
+            }
+            newNodes.push(renderMentionData(curMentionData, part + index));
+            const nextMentionData = j < newMentionData.length ? newMentionData[j + 1] : null;
+            if (nextMentionData) {
+              const word = part.substring(curMentionData.endIndex, nextMentionData.index);
+              newNodes.push(word);
+            } else {
+              const word = part.substring(curMentionData.endIndex, part.length);
+              newNodes.push(word);
+            }
+          }
+        }
+        return;
+      }
+      switch (match.getType()) {
+        case "email":
+        case "phone":
+        case "url":
+          newNodes.push(renderLink(match.getAnchorText(), match, index));
+          break;
+        default:
+          newNodes.push(part);
+          break;
+      }
+    });
+    let textStyle = style;
+    const fontSize = style && style.fontSize ? style.fontSize : 12;
+    const pureEmojiCount = getPureEmojiSize(text.trim());
+    if (pureEmojiCount === 1) {
+      textStyle = { ...style, fontSize: fontSize * 2.5 };
+    } else if (pureEmojiCount === 2) {
+      textStyle = { ...style, fontSize: fontSize * 2 };
+    } else if (pureEmojiCount === 3) {
+      textStyle = { ...style, fontSize: fontSize * 1.5 };
+    }
+    return /* @__PURE__ */ jsx3("div", { style: textStyle, className, children: newNodes });
+  }, [
+    style,
+    email,
+    phone,
+    stripPrefix,
+    mentionData,
+    textProp,
+    className,
+    renderLink,
+    renderMentionData
+  ]);
+  return renderTextNodes();
+};
+AutoLink.truncate = truncate;
+var AutoLink_default = AutoLink;
+
+// src/components/PostBody.tsx
+import DOMPurify2 from "dompurify";
+import { useMemo as useMemo3 } from "react";
+
+// src/components/PostEmail.tsx
+import { useEffect, useMemo as useMemo2, useRef } from "react";
+import DOMPurify from "dompurify";
+import { jsx as jsx4 } from "react/jsx-runtime";
+var EMAIL_PURIFY_CONFIG = {
+  ALLOWED_TAGS: [
+    // Structure
+    "html",
+    "head",
+    "body",
+    "style",
+    // Layout (email is table-based)
+    "table",
+    "thead",
+    "tbody",
+    "tr",
+    "th",
+    "td",
+    // Text
+    "p",
+    "span",
+    "div",
+    "h1",
+    "h2",
+    "h3",
+    "h4",
+    "h5",
+    "h6",
+    "b",
+    "strong",
+    "i",
+    "em",
+    "u",
+    "sub",
+    "sup",
+    "br",
+    "ul",
+    "ol",
+    "li",
+    // Media & links
+    "a",
+    "img"
+  ],
+  ALLOWED_ATTR: [
+    // Styling — critical for email
+    "style",
+    "class",
+    "bgcolor",
+    "color",
+    // Table layout attributes (email-specific)
+    "width",
+    "height",
+    "align",
+    "valign",
+    "cellpadding",
+    "cellspacing",
+    "border",
+    "colspan",
+    "rowspan",
+    // Images
+    "src",
+    "alt",
+    // Links
+    "href",
+    "target",
+    "rel",
+    // Accessibility
+    "role",
+    "aria-label",
+    "aria-roledescription",
+    // Email-specific
+    "data-open-tracking",
+    "data-read-online-tooltip"
+  ],
+  ALLOW_DATA_ATTR: false,
+  FORCE_BODY: false,
+  WHOLE_DOCUMENT: true
+  // preserves <head> with <style>
+};
+var sanitizeEmailHtml = (rawHtml) => {
+  const clean = DOMPurify.sanitize(rawHtml, EMAIL_PURIFY_CONFIG);
+  const doc = new DOMParser().parseFromString(clean, "text/html");
+  if (!doc.head) {
+    const head = doc.createElement("head");
+    doc.documentElement.insertBefore(head, doc.body);
+  }
+  const base = doc.createElement("base");
+  base.setAttribute("target", "_blank");
+  doc.head.appendChild(base);
+  const style = doc.createElement("style");
+  style.textContent = `
+    html, body {
+      margin: 0;
+      padding: 0;
+    }
+
+    @media only screen and (max-width: 640px) {
+      table[style*="min-width"] {
+        min-width: 0 !important;
+        width: 100% !important;
+        max-width: 100% !important;
+      }
+
+      td[style*="min-width"],
+      th[style*="min-width"],
+      div[style*="min-width"] {
+        min-width: 0 !important;
+        max-width: 100% !important;
+        box-sizing: border-box !important;
+      }
+
+      img {
+        max-width: 100% !important;
+        height: auto !important;
+      }
+    }`;
+  doc.head.appendChild(style);
+  doc.querySelectorAll("a[href]").forEach((a) => {
+    a.setAttribute("target", "_blank");
+    a.setAttribute("rel", "noopener noreferrer nofollow");
+  });
+  return "<!DOCTYPE html>\n" + doc.documentElement.outerHTML;
+};
+var PostEmail = ({ html }) => {
+  const ref = useRef(null);
+  const cleanHtml = useMemo2(() => sanitizeEmailHtml(html), [html]);
+  useEffect(() => {
+    const iframe = ref.current;
+    if (!iframe) return;
+    let resizeObserver = null;
+    let rafId = null;
+    let timeoutIds = [];
+    const resizeIframe = () => {
+      try {
+        const doc = iframe.contentDocument;
+        if (!doc) return;
+        const body = doc.body;
+        const height = Math.max(
+          Math.ceil(body.scrollHeight),
+          Math.ceil(body.offsetHeight),
+          Math.ceil(body.getBoundingClientRect().height)
+        );
+        iframe.style.height = `${height + 2}px`;
+      } catch {
+      }
+    };
+    const scheduleResize = () => {
+      if (rafId) cancelAnimationFrame(rafId);
+      rafId = requestAnimationFrame(resizeIframe);
+    };
+    const handleLoad = () => {
+      scheduleResize();
+      try {
+        const doc = iframe.contentDocument;
+        if (!doc) return;
+        Array.from(doc.images).forEach((img) => {
+          img.addEventListener("load", scheduleResize);
+          img.addEventListener("error", scheduleResize);
+        });
+        resizeObserver = new ResizeObserver(() => {
+          scheduleResize();
+        });
+        resizeObserver.observe(doc.body);
+        timeoutIds = [
+          window.setTimeout(scheduleResize, 50),
+          window.setTimeout(scheduleResize, 150),
+          window.setTimeout(scheduleResize, 300),
+          window.setTimeout(scheduleResize, 600)
+        ];
+      } catch {
+      }
+    };
+    const handleResize = () => {
+      scheduleResize();
+    };
+    iframe.addEventListener("load", handleLoad);
+    window.addEventListener("resize", handleResize);
+    return () => {
+      iframe.removeEventListener("load", handleLoad);
+      window.removeEventListener("resize", handleResize);
+      if (rafId) cancelAnimationFrame(rafId);
+      timeoutIds.forEach(clearTimeout);
+      resizeObserver?.disconnect();
+      try {
+        const doc = iframe.contentDocument;
+        if (!doc) return;
+        Array.from(doc.images).forEach((img) => {
+          img.removeEventListener("load", scheduleResize);
+          img.removeEventListener("error", scheduleResize);
+        });
+      } catch {
+      }
+    };
+  }, [cleanHtml]);
+  return /* @__PURE__ */ jsx4(
+    "iframe",
+    {
+      ref,
+      srcDoc: cleanHtml,
+      sandbox: "allow-same-origin allow-popups allow-popups-to-escape-sandbox allow-top-navigation-by-user-activation",
+      className: "block w-full border-0"
+    }
+  );
+};
+var PostEmail_default = PostEmail;
+
+// src/components/PostBody.tsx
+import { jsx as jsx5, jsxs as jsxs2 } from "react/jsx-runtime";
+var PURIFY_CONFIG = {
+  ALLOWED_TAGS: [
+    "p",
+    "br",
+    "b",
+    "i",
+    "em",
+    "strong",
+    "a",
+    "ul",
+    "ol",
+    "li",
+    "h1",
+    "h2",
+    "h3",
+    "h4",
+    "h5",
+    "h6",
+    "blockquote",
+    "code",
+    "pre",
+    "span",
+    "div",
+    "img",
+    "video",
+    "figure",
+    "figcaption",
+    "table",
+    "thead",
+    "tbody",
+    "tr",
+    "th",
+    "td",
+    "hr",
+    "sub",
+    "sup",
+    "s",
+    "u"
+  ],
+  ALLOWED_ATTR: [
+    "href",
+    "controls",
+    "target",
+    "rel",
+    "class",
+    "id",
+    "src",
+    "alt",
+    "title",
+    "width",
+    "height",
+    "data-*"
+  ],
+  ALLOW_DATA_ATTR: true,
+  ADD_ATTR: ["target"],
+  FORBID_TAGS: ["script", "style", "iframe", "object", "embed", "form"],
+  FORBID_ATTR: ["onerror", "onload", "onclick", "onmouseover"]
+};
+var VOID_TAGS = /* @__PURE__ */ new Set([
+  "BR",
+  "HR",
+  "IMG",
+  "VIDEO",
+  "INPUT",
+  "AREA",
+  "BASE",
+  "COL",
+  "LINK",
+  "META",
+  "PARAM",
+  "SOURCE",
+  "TRACK",
+  "WBR"
+]);
+var removeEmpty = (el) => {
+  Array.from(el.children).forEach(removeEmpty);
+  if (VOID_TAGS.has(el.tagName)) return;
+  if (!el.textContent?.trim() && el.children.length === 0) el.remove();
+};
+var PostBody = ({
+  textContent,
+  showFull = true,
+  isPostDetail,
+  isRichContent = false,
+  hideEmailDescription = false,
+  isEmailPost = false,
+  onNavigate,
+  supportDeepviewDomain
+}) => {
+  const { plain, html, truncatedPlain, mentionData } = textContent;
+  const { sanitizedHtml, feedSanitizedHtml } = useMemo3(() => {
+    if (!html) return { sanitizedHtml: null, feedSanitizedHtml: null };
+    const sanitized = DOMPurify2.sanitize(html, PURIFY_CONFIG);
+    if (typeof document === "undefined") {
+      return { sanitizedHtml: sanitized, feedSanitizedHtml: sanitized };
+    }
+    const feedContainer = document.createElement("div");
+    feedContainer.innerHTML = sanitized;
+    let keptOne = false;
+    feedContainer.querySelectorAll("img, video").forEach((el) => {
+      if (!keptOne) {
+        keptOne = true;
+      } else {
+        el.remove();
+      }
+    });
+    removeEmpty(feedContainer);
+    return {
+      sanitizedHtml: sanitized,
+      feedSanitizedHtml: feedContainer.innerHTML
+    };
+  }, [html]);
+  const { subject } = textContent;
+  const displayText = showFull ? plain : truncatedPlain;
+  const hasHtml = !!sanitizedHtml;
+  const hasMeaningfulHtmlText = hasMeaningfulHtml(sanitizedHtml);
+  const detailProseElement = useMemo3(
+    () => sanitizedHtml ? /* @__PURE__ */ jsx5(
+      "div",
+      {
+        className: "prose prose-p:my-2! prose-a:text-action-primary! prose-a:no-underline! prose-img:my-4! prose-video:my-4!  px-5! pb-4! max-w-full leading-relaxed overflow-hidden",
+        dangerouslySetInnerHTML: { __html: sanitizedHtml }
+      }
+    ) : null,
+    [sanitizedHtml]
+  );
+  const feedProseElement = useMemo3(
+    () => feedSanitizedHtml ? /* @__PURE__ */ jsx5(
+      "div",
+      {
+        className: "prose *:px-4! *:data-[media='true']:px-0! *:data-link-preview:mx-4! [&>[data-media='true']>img]:rounded-none! [&>[data-media='true']>video]:rounded-none! [&>[data-media='true']>video]:size-full! prose-video:size-full! *:data-[media='true']:my-2  [&>div]:last-of-type:mb-0! prose-img:my-0! prose-img:w-full prose-video:my-0!  prose-p:my-2! prose-a:text-action-primary! prose-a:no-underline! pb-4 max-w-full leading-relaxed line-clamp-4 overflow-hidden",
+        dangerouslySetInnerHTML: { __html: feedSanitizedHtml }
+      }
+    ) : null,
+    [feedSanitizedHtml]
+  );
+  if ((!displayText || typeof displayText !== "string") && !hasHtml) {
+    return null;
+  }
+  const renderAutoLink = () => {
+    if (!displayText || typeof displayText !== "string") return null;
+    return /* @__PURE__ */ jsx5(
+      AutoLink_default,
+      {
+        text: displayText,
+        mentionData,
+        onNavigate,
+        supportDeepviewDomain,
+        className: "whitespace-normal px-4 pb-4 leading-relaxed text-gray-800",
+        style: {
+          whiteSpace: "pre-wrap",
+          wordBreak: "break-word"
+        }
+      }
+    );
+  };
+  if (isPostDetail) {
+    if (isEmailPost && html) {
+      return /* @__PURE__ */ jsxs2("div", { className: "relative flex-1 max-h-screen w-full overflow-x-hidden overflow-y-auto xl:px-0 px-5", children: [
+        /* @__PURE__ */ jsx5("h1", { className: "text-2xl font-semibold text-gray-900 leading-snug mt-5 mb-3 px-5", children: subject }),
+        /* @__PURE__ */ jsx5(PostEmail_default, { html })
+      ] });
+    }
+    return /* @__PURE__ */ jsxs2("div", { className: "flex-1", children: [
+      !hasMeaningfulHtmlText && /* @__PURE__ */ jsx5("div", { children: renderAutoLink() }),
+      sanitizedHtml && hasMeaningfulHtmlText && /* @__PURE__ */ jsx5("div", { "data-theme": "select-post-builder", className: "w-full max-w-full", children: detailProseElement })
+    ] });
+  }
+  if (isRichContent && feedSanitizedHtml && hasMeaningfulHtmlText) {
+    return /* @__PURE__ */ jsx5("div", { className: cn("flex-1 pb-4"), "data-theme": "select-post-builder", children: feedProseElement });
+  }
+  if (subject) {
+    return /* @__PURE__ */ jsxs2("div", { className: "flex-1 px-4 pb-4", children: [
+      /* @__PURE__ */ jsx5("h1", { className: "text-2xl font-semibold text-gray-900 leading-snug mb-1", children: subject }),
+      !hideEmailDescription && displayText && typeof displayText === "string" && /* @__PURE__ */ jsx5(
+        AutoLink_default,
+        {
+          text: displayText,
+          mentionData,
+          onNavigate,
+          supportDeepviewDomain,
+          className: "whitespace-normal leading-relaxed text-gray-600 line-clamp-3",
+          style: { whiteSpace: "pre-wrap", wordBreak: "break-word" }
+        }
+      )
+    ] });
+  }
+  return /* @__PURE__ */ jsx5("div", { className: "flex-1", children: /* @__PURE__ */ jsx5("div", { children: renderAutoLink() }) });
+};
+var PostBody_default = PostBody;
+
+// src/components/MediaView.tsx
+import { useMemo as useMemo5 } from "react";
+
+// src/components/AsyncImage.tsx
+import { useCallback as useCallback2, useMemo as useMemo4 } from "react";
+import { Gallery, Item } from "react-photoswipe-gallery";
+import "photoswipe/dist/photoswipe.css";
+
+// src/components/Loader.tsx
+import { jsx as jsx6 } from "react/jsx-runtime";
+var Loader = ({
+  type = "page_loader",
+  fullScreen = false
+}) => {
+  const style = {
+    page_loader: "after:border-border after:border-t-action-primary",
+    upload_loader: "after:border-foreground after:border-t-background bg-foreground rounded-full"
+  };
+  const showLoader = () => {
+    return /* @__PURE__ */ jsx6("div", { className: "absolute left-1/2 top-1/2 z-20 -translate-x-1/2 -translate-y-1/2", children: /* @__PURE__ */ jsx6(
+      "div",
+      {
+        className: `after:contents-[''] flex h-full items-center justify-center after:h-10 after:w-10 after:animate-spin after:rounded-[50%] after:border-4 ${style[type]} `
+      }
+    ) });
+  };
+  if (fullScreen) {
+    return /* @__PURE__ */ jsx6("div", { className: "h-screen-safe-14 lg:h-screen-safe-16", children: showLoader() });
+  }
+  return showLoader();
+};
+var Loader_default = Loader;
+
+// src/components/AsyncImage.tsx
+import { jsx as jsx7, jsxs as jsxs3 } from "react/jsx-runtime";
+var isVideo = (url) => {
+  return url?.toLowerCase().endsWith(".mp4") || url?.toLowerCase().endsWith(".webm") || url?.toLowerCase().endsWith(".ogg");
+};
+var isImage = (url) => {
+  return url?.toLowerCase().endsWith(".jpeg") || url?.toLowerCase().endsWith(".jpg") || url?.toLowerCase().endsWith(".png") || url?.toLowerCase().endsWith(".webp") || url?.toLowerCase().endsWith(".gif") || url?.toLowerCase().endsWith(".avif");
+};
+var calVideoRatio = (width, height) => {
+  let ratio = 1;
+  if (width > 0 && height > 0) {
+    ratio = width / height;
+    if (ratio < 0.7) {
+      ratio = 0.7;
+    }
+  }
+  return `${ratio}`;
+};
+var AsyncImage = ({
+  data,
+  ratio,
+  className,
+  isPostDetail,
+  item,
+  onCardPress,
+  src = "",
+  alt
+}) => {
+  const {
+    placeholder = {
+      isBase64: false,
+      url: ""
+    }
+  } = item.sources || {};
+  const placeholderUrl = useMemo4(() => {
+    const url = placeholder.isBase64 ? `data:${item.imageType};base64,${placeholder.url}` : placeholder.url;
+    return url;
+  }, [placeholder.isBase64, placeholder.url, item.imageType]);
+  const handleClick = useCallback2(
+    (e) => {
+      e.stopPropagation();
+      if (onCardPress) {
+        onCardPress();
+      }
+    },
+    [onCardPress]
+  );
+  const showUploadImg = (item2) => {
+    return item2.imageType === "image/heic" ? /* @__PURE__ */ jsx7(
+      "img",
+      {
+        src,
+        alt: alt ?? "",
+        className,
+        style: {
+          aspectRatio: `${ratio}` || "auto"
+        }
+      }
+    ) : /* @__PURE__ */ jsx7(
+      "div",
+      {
+        className,
+        style: {
+          aspectRatio: `${ratio}` || "auto"
+        }
+      }
+    );
+  };
+  const uploadVideoPost = item.type.includes("ToUpload");
+  const showUploadingMedia = () => /* @__PURE__ */ jsxs3(
+    "div",
+    {
+      className: "relative h-full w-full",
+      style: {
+        aspectRatio: `${ratio}` || "auto"
+      },
+      children: [
+        uploadVideoPost && /* @__PURE__ */ jsx7(Loader_default, { type: "upload_loader" }),
+        /* @__PURE__ */ jsx7(
+          "video",
+          {
+            title: "Video Upload Preview",
+            width: "100%",
+            height: "100%",
+            className,
+            style: {
+              aspectRatio: `${ratio}` || "auto"
+            },
+            children: item.file instanceof Blob && /* @__PURE__ */ jsx7("source", { src: URL.createObjectURL(item.file), type: item.file.type })
+          }
+        ),
+        /* @__PURE__ */ jsx7(
+          AppIcon,
+          {
+            name: "video",
+            className: `absolute bottom-2 left-2 text-background`
+          }
+        )
+      ]
+    }
+  );
+  const renderMediaItem = useCallback2(
+    (media) => {
+      const originalInfo = media?.sources?.original || {};
+      let thumbnailInfo = media?.sources?.thumbnail;
+      if (originalInfo?.url?.endsWith("gif") || !isImage(media?.sources?.thumbnail?.url)) {
+        thumbnailInfo = originalInfo;
+      }
+      const aspectRatio = `${ratio}` || calVideoRatio(originalInfo.width, originalInfo.height) || "auto";
+      const hasStableKeys = Boolean(media.key && item.key);
+      const isCurrentItem = hasStableKeys ? media.key === item.key : originalInfo.url === src;
+      const display = isCurrentItem ? "block" : "none";
+      const isBlobVideo = originalInfo?.url?.startsWith("blob:") && typeof media.imageType === "string" && media.imageType.startsWith("video/");
+      if (isBlobVideo) {
+        return /* @__PURE__ */ jsxs3(
+          "div",
+          {
+            onClick: handleClick,
+            className: className + " media-item",
+            style: { aspectRatio, display },
+            children: [
+              /* @__PURE__ */ jsx7(
+                "video",
+                {
+                  src: originalInfo.url,
+                  muted: true,
+                  playsInline: true,
+                  preload: "metadata",
+                  className,
+                  style: {
+                    aspectRatio,
+                    display: "block",
+                    width: "100%",
+                    height: "100%"
+                  }
+                }
+              ),
+              /* @__PURE__ */ jsx7(
+                AppIcon,
+                {
+                  name: "video",
+                  className: "absolute bottom-2 left-2 text-background"
+                }
+              ),
+              /* @__PURE__ */ jsx7(
+                AppIcon,
+                {
+                  name: "circlePlay",
+                  className: "size-10 bg-foreground/20 hover:bg-foreground/40 transition-colors duration-300 rounded-full absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 text-3xl text-background"
+                }
+              )
+            ]
+          },
+          media.key
+        );
+      }
+      if (isVideo(originalInfo.url)) {
+        return /* @__PURE__ */ jsx7(
+          Item,
+          {
+            content: /* @__PURE__ */ jsx7(
+              "div",
+              {
+                className: "flex h-full w-full items-center justify-center",
+                style: {
+                  aspectRatio
+                },
+                children: /* @__PURE__ */ jsx7(
+                  "video",
+                  {
+                    height: "100%",
+                    width: "100%",
+                    className: "aspect-video",
+                    controls: true,
+                    autoPlay: true,
+                    children: /* @__PURE__ */ jsx7("source", { src: originalInfo.url, type: media.imageType })
+                  }
+                )
+              }
+            ),
+            children: ({ ref, open }) => /* @__PURE__ */ jsxs3("div", { onClick: isPostDetail ? open : handleClick, children: [
+              /* @__PURE__ */ jsx7(
+                "img",
+                {
+                  src: thumbnailInfo.url,
+                  ref,
+                  alt: alt ?? "",
+                  className: className + " media-item ",
+                  style: {
+                    aspectRatio,
+                    display
+                  },
+                  onClick: isPostDetail ? open : handleClick
+                }
+              ),
+              /* @__PURE__ */ jsx7(
+                AppIcon,
+                {
+                  name: "video",
+                  className: `absolute bottom-2 left-2 text-background`,
+                  onClick: isPostDetail ? open : handleClick,
+                  ref,
+                  style: {
+                    aspectRatio,
+                    display
+                  }
+                }
+              ),
+              /* @__PURE__ */ jsx7(
+                AppIcon,
+                {
+                  name: "circlePlay",
+                  className: `size-10 bg-foreground/20 hover:bg-foreground/40 transition-colors duration-300 rounded-full absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 text-3xl text-background`,
+                  onClick: isPostDetail ? open : handleClick,
+                  ref,
+                  style: {
+                    aspectRatio,
+                    display
+                  }
+                }
+              )
+            ] })
+          },
+          media.key
+        );
+      }
+      return /* @__PURE__ */ jsx7(
+        Item,
+        {
+          width: originalInfo.width,
+          height: originalInfo.height,
+          original: originalInfo.url,
+          thumbnail: thumbnailInfo.url,
+          children: ({ open, ref }) => /* @__PURE__ */ jsx7(
+            "img",
+            {
+              onClick: isPostDetail ? open : handleClick,
+              ref,
+              src: originalInfo.url || thumbnailInfo.url,
+              alt: alt ?? "",
+              className,
+              style: {
+                aspectRatio,
+                display
+              }
+            }
+          )
+        },
+        media.key
+      );
+    },
+    [className, handleClick, isPostDetail, item.key, ratio, src]
+  );
+  const handleMediaItems = () => {
+    return /* @__PURE__ */ jsx7(Gallery, { options: { showHideAnimationType: "fade" }, children: data?.map((media) => renderMediaItem(media)) });
+  };
+  return /* @__PURE__ */ jsxs3(
+    "div",
+    {
+      style: {
+        backgroundImage: `url(${placeholderUrl})`
+      },
+      className: "h-full w-full bg-cover bg-center bg-no-repeat",
+      children: [
+        item.type === postItemType.MEDIA_ITEM_TO_UPLOAD && showUploadingMedia(),
+        item.type === postItemType.IMAGE_ITEM_TO_UPLOAD && showUploadImg(item),
+        item.type !== postItemType.IMAGE_ITEM_TO_UPLOAD && item.type !== postItemType.MEDIA_ITEM_TO_UPLOAD && handleMediaItems()
+      ]
+    }
+  );
+};
+var AsyncImage_default = AsyncImage;
+
+// src/components/MediaView.tsx
+import { jsx as jsx8, jsxs as jsxs4 } from "react/jsx-runtime";
+var MediaView = ({
+  item,
+  className,
+  handleLightbox,
+  additionalImagesCount,
+  ratio,
+  data,
+  isPostDetail,
+  onCardPress
+}) => {
+  const mediaSrc = useMemo5(() => {
+    if (item.type === postItemType.IMAGE_ITEM_TO_UPLOAD || item.type === postItemType.MEDIA_ITEM_TO_UPLOAD) {
+      return URL.createObjectURL(item.file);
+    }
+    return item.sources?.original?.url ?? "";
+  }, [item.file, item.sources?.original?.url, item.type]);
+  if (item.type === postItemType.POLL_TEXT_ITEM) {
+    const textViewClass = `${className} aspect-square`;
+    return /* @__PURE__ */ jsx8(
+      "div",
+      {
+        onClick: handleLightbox,
+        className: textViewClass,
+        style: {
+          backgroundColor: item.option_color
+        },
+        children: /* @__PURE__ */ jsx8("div", { className: "absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2", children: /* @__PURE__ */ jsx8("p", { className: "text-center text-lg font-bold text-background", children: item.text }) })
+      },
+      item.key
+    );
+  }
+  if (item.type === postItemType.IMAGE_ITEM || item.type === postItemType.POLL_IMAGE_ITEM || item.type === postItemType.GIF_ITEM || item.type === postItemType.IMAGE_ITEM_TO_UPLOAD || item.type === postItemType.MEDIA_ITEM || item.type === postItemType.MEDIA_ITEM_TO_UPLOAD || item.type === postItemType.POLL_MEDIA_ITEM) {
+    return /* @__PURE__ */ jsxs4("div", { onClick: handleLightbox, className, children: [
+      item.type.includes("ToUpload") && /* @__PURE__ */ jsx8(Loader_default, { type: "upload_loader" }),
+      /* @__PURE__ */ jsx8(
+        AsyncImage_default,
+        {
+          alt: mediaSrc,
+          src: mediaSrc,
+          className,
+          ratio,
+          item,
+          data: data || [],
+          isPostDetail,
+          onCardPress
+        }
+      ),
+      additionalImagesCount && /* @__PURE__ */ jsx8("div", { className: "absolute right-1 top-0", children: /* @__PURE__ */ jsx8("p", { className: "text-4xl font-bold text-muted-foreground", children: `+${additionalImagesCount}` }) })
+    ] }, item.key);
+  }
+  return null;
+};
+var MediaView_default = MediaView;
+
+// src/components/PostPollLayout/pollUtils.ts
+var getOptionRateV2 = (item, voteResult) => {
+  if (!voteResult) return "0%";
+  const voteItem = voteResult.options.find(
+    (option) => option.option_id === item.option_id
+  );
+  const totalCount = voteResult.options.reduce(
+    (total, option) => total + option.count,
+    0
+  );
+  if (voteItem && totalCount > 0) {
+    return (voteItem.count / totalCount * 100).toFixed(0) + "%";
+  }
+  return "0%";
+};
+var getVoteInfo = (item, voteResult) => {
+  const isAppOwnerVoted = !!voteResult?.user_vote_option_id;
+  const isVoteItem = !!voteResult?.options.find(
+    (option) => option.option_id === item.option_id && option.option_id === voteResult.user_vote_option_id
+  );
+  return {
+    rate: getOptionRateV2(item, voteResult),
+    isAppOwnerVoted,
+    isVoteItem
+  };
+};
+
+// src/components/PostPollLayout/PostPollIResultView.tsx
+import { jsx as jsx9, jsxs as jsxs5 } from "react/jsx-runtime";
+var PostPollIResultView = ({
+  type,
+  item,
+  voteResult,
+  isPostOwner
+}) => {
+  const voteInfo = getVoteInfo(item, voteResult);
+  const textCss = voteInfo.isVoteItem ? "#FFFFFF" : item.option_color;
+  const backgroundCss = voteInfo.isVoteItem ? item.option_color : "#FFFFFF";
+  const totalVotes = voteResult?.options.reduce((sum, o) => sum + o.count, 0) ?? 0;
+  if (!voteInfo.isAppOwnerVoted && !isPostOwner || totalVotes === 0) {
+    return null;
+  }
+  if (type === "SINGLE_LEFT") {
+    return /* @__PURE__ */ jsxs5(
+      "div",
+      {
+        className: "absolute top-0 m-6 flex flex-row items-center rounded-full px-4 py-2 shadow-sm backdrop-blur-md",
+        style: { backgroundColor: backgroundCss },
+        children: [
+          /* @__PURE__ */ jsx9("p", { className: "text-sm font-bold", style: { color: textCss }, children: voteInfo.rate }),
+          /* @__PURE__ */ jsx9(
+            AppIcon,
+            {
+              name: "thumbUp",
+              size: 16,
+              className: "ml-2",
+              style: { color: textCss }
+            }
+          )
+        ]
+      }
+    );
+  }
+  if (type === "SINGLE_RIGHT") {
+    return /* @__PURE__ */ jsxs5(
+      "div",
+      {
+        className: "absolute right-0 top-0 m-6 flex flex-row items-center rounded-full px-4 py-2 shadow-sm backdrop-blur-md",
+        style: { backgroundColor: backgroundCss },
+        children: [
+          /* @__PURE__ */ jsx9("p", { className: "text-sm font-bold", style: { color: textCss }, children: voteInfo.rate }),
+          /* @__PURE__ */ jsx9(
+            AppIcon,
+            {
+              name: "thumbDown",
+              size: 16,
+              className: "ml-2",
+              style: { color: textCss }
+            }
+          )
+        ]
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx9(
+    "div",
+    {
+      className: "absolute top-0 m-3 flex items-center justify-center rounded-full px-4 py-2 shadow-sm backdrop-blur-md",
+      style: { backgroundColor: backgroundCss },
+      children: /* @__PURE__ */ jsx9("p", { className: "text-sm font-bold", style: { color: textCss }, children: voteInfo.rate })
+    }
+  );
+};
+var PostPollIResultView_default = PostPollIResultView;
+
+// src/components/PostPollLayout/PostPollIButtonView.tsx
+import { jsx as jsx10 } from "react/jsx-runtime";
+var PostPollIButtonView = ({
+  type,
+  item,
+  voteResult,
+  onVotePress
+}) => {
+  const voteInfo = getVoteInfo(item, voteResult);
+  const handleVoting = (e) => {
+    e.stopPropagation();
+    if (!voteInfo.isVoteItem) onVotePress(item);
+  };
+  const voteLabel = voteInfo.isVoteItem ? `Voted: ${item.text || "this option"}` : `Vote for ${item.text || "this option"}`;
+  if (type === "SINGLE_LEFT") {
+    const nonVoteClassName2 = "absolute bottom-0 left-0 m-6 flex size-11 items-center justify-center rounded-full bg-black/30 backdrop-blur-sm border border-background/20 cursor-pointer transition-all duration-200 hover:bg-black/50";
+    const voteClassName2 = "absolute bottom-0 left-0 m-6 flex size-11 items-center justify-center rounded-full bg-background shadow-lg cursor-pointer transition-all duration-200";
+    return /* @__PURE__ */ jsx10(
+      "button",
+      {
+        className: voteInfo.isVoteItem ? voteClassName2 : nonVoteClassName2,
+        onClick: handleVoting,
+        "aria-label": voteLabel,
+        "aria-pressed": voteInfo.isVoteItem,
+        children: /* @__PURE__ */ jsx10(
+          AppIcon,
+          {
+            name: "thumbUp",
+            size: 20,
+            "aria-hidden": "true",
+            className: voteInfo.isVoteItem ? "" : "text-white",
+            style: voteInfo.isVoteItem ? { color: item.option_color } : {}
+          }
+        )
+      }
+    );
+  }
+  if (type === "SINGLE_RIGHT") {
+    const nonVoteClassName2 = "absolute bottom-0 right-0 m-6 flex size-11 items-center justify-center rounded-full bg-black/30 backdrop-blur-sm border border-background/20 cursor-pointer transition-all duration-200 hover:bg-black/50";
+    const voteClassName2 = "absolute bottom-0 right-0 m-6 flex size-11 items-center justify-center rounded-full bg-background shadow-lg cursor-pointer transition-all duration-200";
+    return /* @__PURE__ */ jsx10(
+      "button",
+      {
+        className: voteInfo.isVoteItem ? voteClassName2 : nonVoteClassName2,
+        onClick: handleVoting,
+        "aria-label": voteLabel,
+        "aria-pressed": voteInfo.isVoteItem,
+        children: /* @__PURE__ */ jsx10(
+          AppIcon,
+          {
+            name: "thumbDown",
+            size: 20,
+            "aria-hidden": "true",
+            className: voteInfo.isVoteItem ? "" : "text-white",
+            style: voteInfo.isVoteItem ? { color: item.option_color } : {}
+          }
+        )
+      }
+    );
+  }
+  const nonVoteClassName = "absolute bottom-3 right-3 rounded-full p-1 backdrop-blur-md border border-background/40 bg-background/20 hover:bg-background/30 scale-100 transition-all duration-300 z-20 cursor-pointer";
+  const voteClassName = "absolute bottom-3 right-3 rounded-full p-1 backdrop-blur-md border border-action-primary bg-action-primary scale-110 transition-all duration-300 z-20 cursor-pointer";
+  return /* @__PURE__ */ jsx10(
+    "button",
+    {
+      className: voteInfo.isVoteItem ? voteClassName : nonVoteClassName,
+      style: voteInfo.isVoteItem && item.option_color ? {
+        backgroundColor: item.option_color,
+        borderColor: item.option_color
+      } : void 0,
+      onClick: handleVoting,
+      "aria-label": voteLabel,
+      "aria-pressed": voteInfo.isVoteItem,
+      children: /* @__PURE__ */ jsx10(
+        AppIcon,
+        {
+          name: "checkCircle2",
+          "aria-hidden": "true",
+          className: `size-8 ${voteInfo.isVoteItem ? "text-white" : "text-white/90 drop-shadow-md"}`
+        }
+      )
+    }
+  );
+};
+var PostPollIButtonView_default = PostPollIButtonView;
+
+// src/components/PostPollLayout/PostPollLayoutOne.tsx
+import { jsx as jsx11, jsxs as jsxs6 } from "react/jsx-runtime";
+var PostPollLayoutOne = ({
+  items,
+  voteResult,
+  onVotePress,
+  onCardPress,
+  isPostDetail,
+  isInboxCard,
+  isPostOwner
+}) => {
+  const { sources } = items[0];
+  let ratio = 1;
+  if (!isInboxCard && sources && sources.original) {
+    const { width, height } = sources.original;
+    if (width > 0 && height > 0) {
+      ratio = width / height;
+      if (ratio < 0.7) {
+        ratio = 0.7;
+      }
+    }
+  }
+  const className = "object-cover w-full";
+  return /* @__PURE__ */ jsx11("div", { className: "not-prose relative w-full box-border", children: /* @__PURE__ */ jsxs6("div", { className: "relative w-full bg-gray-100", children: [
+    /* @__PURE__ */ jsx11(
+      MediaView_default,
+      {
+        item: items[0],
+        className,
+        data: [items[0]],
+        ratio,
+        onCardPress,
+        isPostDetail
+      }
+    ),
+    /* @__PURE__ */ jsx11(
+      PostPollIResultView_default,
+      {
+        type: "SINGLE_LEFT",
+        item: items[0],
+        index: 0,
+        voteResult,
+        isPostOwner
+      }
+    ),
+    /* @__PURE__ */ jsx11(
+      PostPollIButtonView_default,
+      {
+        type: "SINGLE_LEFT",
+        item: items[0],
+        voteResult,
+        onVotePress
+      }
+    ),
+    /* @__PURE__ */ jsx11(
+      PostPollIResultView_default,
+      {
+        type: "SINGLE_RIGHT",
+        item: items[1],
+        index: 1,
+        voteResult,
+        isPostOwner
+      }
+    ),
+    /* @__PURE__ */ jsx11(
+      PostPollIButtonView_default,
+      {
+        type: "SINGLE_RIGHT",
+        item: items[1],
+        voteResult,
+        onVotePress
+      }
+    )
+  ] }) });
+};
+var PostPollLayoutOne_default = PostPollLayoutOne;
+
+// src/components/PostPollLayout/PostPollLayoutGrid.tsx
+import { jsx as jsx12, jsxs as jsxs7 } from "react/jsx-runtime";
+var GRID_CLASS = {
+  2: "grid grid-flow-col grid-cols-2 grid-rows-1 gap-0.5 bg-gray-100",
+  3: "grid grid-cols-2 grid-rows-1 gap-0.5 bg-gray-100",
+  4: "grid grid-flow-row grid-cols-2 grid-rows-2 gap-0.5 bg-gray-100"
+};
+var PostPollLayoutGrid = ({
+  items,
+  voteResult,
+  onVotePress,
+  onCardPress,
+  isPostDetail,
+  isPostOwner
+}) => {
+  const gridClass = GRID_CLASS[items.length] ?? GRID_CLASS[4];
+  return /* @__PURE__ */ jsx12("div", { className: "not-prose w-full box-border", children: /* @__PURE__ */ jsx12("div", { className: gridClass, children: items.map((item, index) => /* @__PURE__ */ jsxs7("div", { className: "relative group", children: [
+    /* @__PURE__ */ jsx12(
+      MediaView_default,
+      {
+        item,
+        className: "aspect-[1] col-span-1 object-cover w-full",
+        data: items,
+        onCardPress,
+        isPostDetail
+      }
+    ),
+    /* @__PURE__ */ jsx12(
+      PostPollIResultView_default,
+      {
+        type: "NORMAL",
+        item,
+        index,
+        voteResult,
+        isPostOwner
+      }
+    ),
+    /* @__PURE__ */ jsx12(
+      PostPollIButtonView_default,
+      {
+        type: "NORMAL",
+        item,
+        voteResult,
+        onVotePress
+      }
+    )
+  ] }, item.option_id || index)) }) });
+};
+var PostPollLayoutGrid_default = PostPollLayoutGrid;
+
+// src/components/PostPollView.tsx
+import { jsx as jsx13 } from "react/jsx-runtime";
+var PostPollView = ({
+  items,
+  voteResult,
+  onVotePress,
+  onCardPress,
+  isPostDetail,
+  isInboxCard,
+  isPostOwner
+}) => {
+  const isSingleChoicePoll = items.length === 2 && items[0].key === items[1].key;
+  if (isSingleChoicePoll) {
+    return /* @__PURE__ */ jsx13(
+      PostPollLayoutOne_default,
+      {
+        isInboxCard,
+        onVotePress,
+        items,
+        voteResult,
+        onCardPress,
+        isPostDetail,
+        isPostOwner
+      }
+    );
+  }
+  if (items.length >= 2 && items.length <= 4) {
+    return /* @__PURE__ */ jsx13(
+      PostPollLayoutGrid_default,
+      {
+        onVotePress,
+        items,
+        voteResult,
+        onCardPress,
+        isPostDetail,
+        isPostOwner
+      }
+    );
+  }
+  return null;
+};
+var PostPollView_default = PostPollView;
+
+// src/components/PostTextItem.tsx
+import { jsx as jsx14 } from "react/jsx-runtime";
+var PostTextItem = ({ textItems, showFullText }) => {
+  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;
+    const mentionData = "mentionData" in item ? item.mentionData : void 0;
+    return /* @__PURE__ */ jsx14(
+      AutoLink_default,
+      {
+        text: showFullText ? text : TruncateText(text, 300),
+        mentionData,
+        className: "whitespace-normal px-4 pb-4 leading-relaxed text-gray-800",
+        style: {
+          whiteSpace: "pre-wrap",
+          wordBreak: "break-word"
+        }
+      },
+      key
+    );
+  }) }) });
+};
+var PostTextItem_default = PostTextItem;
+
+// src/components/PostLinkItem.tsx
+import { useState } from "react";
+import { Fragment as Fragment2, jsx as jsx15, jsxs as jsxs8 } from "react/jsx-runtime";
+var getHostFromUrl = (url) => {
+  if (!url) return "";
+  try {
+    return new URL(url).host;
+  } catch {
+    return url;
+  }
+};
+var getLinkRel = (host, supportDeepviewDomain = "") => {
+  const isInternal = supportDeepviewDomain.length > 0 && host.includes(supportDeepviewDomain);
+  return isInternal ? "noreferrer" : "noreferrer nofollow";
+};
+var PostLinkItem = ({
+  linkItems,
+  imageComponent: ImageComponent,
+  onCloseClick,
+  type = "display",
+  supportDeepviewDomain = ""
+}) => {
+  const [imageError, setImageError] = useState(false);
+  if (linkItems.length === 0) {
+    return null;
+  }
+  const { linkUrl, linkTitle, linkDesc, linkImage } = linkItems[0] || {};
+  const host = getHostFromUrl(linkUrl);
+  const linkRel = getLinkRel(host, supportDeepviewDomain);
+  const handleClick = (e) => {
+    e.stopPropagation();
+    e.nativeEvent.stopImmediatePropagation();
+    if (linkUrl) window.open(linkUrl, "_blank", "noopener,noreferrer");
+  };
+  const renderImage = (src, alt, aspectClassName, containerClassName) => {
+    if (imageError || !src) return null;
+    return /* @__PURE__ */ jsx15("div", { className: containerClassName, children: /* @__PURE__ */ jsx15("div", { className: aspectClassName, children: ImageComponent ? /* @__PURE__ */ jsx15(
+      ImageComponent,
+      {
+        src,
+        alt,
+        className: "w-full h-full object-cover rounded-t-md"
+      }
+    ) : /* @__PURE__ */ jsx15(
+      "img",
+      {
+        src,
+        alt,
+        className: "w-full h-full object-cover rounded-t-md",
+        onError: () => setImageError(true)
+      }
+    ) }) });
+  };
+  if (type === "preview") {
+    const aspectRatio = linkImage && linkImage.height > linkImage.width && linkImage.height / linkImage.width > 0.7 ? "aspect-[0.7]" : "aspect-video";
+    return /* @__PURE__ */ jsxs8(
+      "section",
+      {
+        className: "not-prose min-w-96 relative cursor-pointer rounded-lg border border-border bg-background",
+        onClick: handleClick,
+        role: "link",
+        tabIndex: 0,
+        onKeyDown: (e) => {
+          if (e.key === "Enter" || e.key === " ") {
+            e.preventDefault();
+            handleClick(e);
+          }
+        },
+        children: [
+          linkImage?.url && !imageError && /* @__PURE__ */ jsx15("div", { className: "relative w-full", children: ImageComponent ? /* @__PURE__ */ jsx15("div", { className: `relative w-full ${aspectRatio}`, children: /* @__PURE__ */ jsx15(
+            ImageComponent,
+            {
+              src: linkImage.url,
+              alt: linkTitle || "Link preview image",
+              className: "w-full h-full object-cover rounded-t-md"
+            }
+          ) }) : /* @__PURE__ */ jsx15("div", { className: `relative w-full ${aspectRatio}`, children: /* @__PURE__ */ jsx15(
+            "img",
+            {
+              src: linkImage.url,
+              alt: linkTitle || "Link preview image",
+              className: "w-full h-full object-cover rounded-t-md",
+              onError: () => setImageError(true)
+            }
+          ) }) }),
+          typeof onCloseClick === "function" && /* @__PURE__ */ jsx15(
+            AppIcon,
+            {
+              name: "cancel",
+              onClick: (e) => {
+                e.stopPropagation();
+                onCloseClick();
+              },
+              className: "absolute -right-2 -top-3 rounded-full bg-background size-4.5 hover:cursor-pointer hover:opacity-70"
+            }
+          ),
+          /* @__PURE__ */ jsxs8("section", { className: "flex flex-col gap-1 p-3", children: [
+            /* @__PURE__ */ jsx15("a", { href: linkUrl, className: "hidden", rel: linkRel, tabIndex: -1 }),
+            /* @__PURE__ */ jsx15(
+              "p",
+              {
+                className: "wrap-break-word text-xs font-normal leading-4 text-muted-foreground",
+                "data-test-id": "post-link-host",
+                children: host
+              }
+            ),
+            /* @__PURE__ */ jsx15(
+              "p",
+              {
+                className: "text-clip-1 text-ellipsis wrap-break-word text-base leading-6",
+                "data-test-id": "post-link-title",
+                children: linkTitle
+              }
+            ),
+            /* @__PURE__ */ jsx15(
+              "p",
+              {
+                className: "text-clip-2 text-ellipsis wrap-break-word text-xs font-normal leading-5 tracking-tight text-muted-foreground",
+                "data-test-id": "post-link-desc",
+                children: linkDesc
+              }
+            )
+          ] })
+        ]
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx15(
+    "section",
+    {
+      className: cn("not-prose relative cursor-pointer group overflow-hidden"),
+      onClick: handleClick,
+      role: "link",
+      tabIndex: 0,
+      onKeyDown: (e) => {
+        if (e.key === "Enter" || e.key === " ") {
+          e.preventDefault();
+          handleClick(e);
+        }
+      },
+      children: /* @__PURE__ */ jsxs8("div", { className: "aspect-video relative", children: [
+        /* @__PURE__ */ jsx15("div", { className: "max-w-200 max-h-100 size-full relative", children: linkImage?.url && !imageError && /* @__PURE__ */ jsx15(Fragment2, { children: ImageComponent ? /* @__PURE__ */ jsx15(
+          ImageComponent,
+          {
+            src: linkImage.url,
+            alt: linkTitle || "Link preview image",
+            className: "w-full h-full object-cover transition-transform duration-700 group-hover:scale-105"
+          }
+        ) : /* @__PURE__ */ jsx15(
+          "img",
+          {
+            src: linkImage.url,
+            alt: linkTitle || "Link preview image",
+            className: "w-full h-full object-cover transition-transform duration-700 group-hover:scale-105",
+            onError: () => setImageError(true)
+          }
+        ) }) }),
+        /* @__PURE__ */ jsx15("div", { className: "absolute inset-0 bg-linear-to-t from-black/90 via-black/40 to-transparent opacity-90 group-hover:opacity-100 transition-opacity" }),
+        typeof onCloseClick === "function" && /* @__PURE__ */ jsx15(
+          "button",
+          {
+            onClick: (e) => {
+              e.stopPropagation();
+              onCloseClick();
+            },
+            className: "absolute top-2 right-2 bg-black/40 text-white rounded-full p-1 hover:bg-black/60 cursor-pointer border-none flex items-center justify-center transition-colors shadow-sm z-10",
+            "aria-label": "Remove link preview",
+            children: /* @__PURE__ */ jsx15(AppIcon, { name: "cancel", size: 16, strokeWidth: 2 })
+          }
+        ),
+        /* @__PURE__ */ jsxs8("div", { className: "absolute bottom-0 left-0 right-0 p-5 transform transition-transform duration-300 z-10 pointer-events-none", children: [
+          /* @__PURE__ */ jsx15(
+            "a",
+            {
+              href: linkUrl,
+              className: "hidden pointer-events-auto",
+              rel: linkRel,
+              tabIndex: -1
+            }
+          ),
+          /* @__PURE__ */ jsxs8("div", { className: "flex items-center gap-2 text-xs text-white/70 mb-2", children: [
+            /* @__PURE__ */ jsx15(AppIcon, { name: "externalLink", className: "w-3.5 h-3.5" }),
+            /* @__PURE__ */ jsx15("span", { className: "uppercase tracking-wider font-medium", children: host })
+          ] }),
+          /* @__PURE__ */ jsx15("h3", { className: "font-semibold text-white text-xl leading-tight mb-1.5 group-hover:text-action-primary transition-colors line-clamp-2", children: linkTitle }),
+          linkDesc && /* @__PURE__ */ jsx15("p", { className: "text-white/70 text-sm line-clamp-2", children: linkDesc })
+        ] })
+      ] })
+    }
+  );
+};
+var PostLinkItem_default = PostLinkItem;
+
+// src/components/PostEmbedView.tsx
+import { useMemo as useMemo6, useState as useState2 } from "react";
+import { jsx as jsx16 } from "react/jsx-runtime";
+var TRUSTED_HOSTS = {
+  youtube: ["www.youtube.com", "youtube.com"],
+  spotify: ["open.spotify.com"]
+};
+var isTrustedEmbedUrl = (provider, url) => {
+  try {
+    const u = new URL(url);
+    if (u.protocol !== "https:") return false;
+    const allowed = TRUSTED_HOSTS[provider] ?? [];
+    return allowed.includes(u.hostname.toLowerCase());
+  } catch {
+    return false;
+  }
+};
+var PostEmbedView = ({ embed }) => {
+  const [hasError, setHasError] = useState2(false);
+  const canRender = useMemo6(() => {
+    return !hasError && !!embed.embedUrl && isTrustedEmbedUrl(embed.provider, embed.embedUrl);
+  }, [hasError, embed.embedUrl, embed.provider]);
+  const linkItem = {
+    linkUrl: embed.originalUrl,
+    linkTitle: embed.preview?.title || embed.originalUrl,
+    linkDesc: embed.preview?.description || "",
+    linkImage: embed.preview?.image ?? void 0,
+    linkIcon: "",
+    type: "linkItem"
+  };
+  if (!canRender) return /* @__PURE__ */ jsx16(PostLinkItem_default, { linkItems: [linkItem] });
+  const isYouTube = embed.provider === "youtube";
+  const isSpotify = embed.provider === "spotify";
+  return /* @__PURE__ */ jsx16("div", { className: "w-full px-4 pb-4 not-first:pt-4", children: /* @__PURE__ */ jsx16(
+    "div",
+    {
+      className: "relative w-full overflow-hidden rounded-xl",
+      style: { height: embed.height || SPOTIFY_HEIGHT },
+      children: /* @__PURE__ */ jsx16(
+        "iframe",
+        {
+          src: embed.embedUrl,
+          className: "absolute inset-0 h-full w-full",
+          loading: "lazy",
+          sandbox: "allow-scripts allow-same-origin allow-presentation",
+          allow: isYouTube ? "accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" : isSpotify ? "autoplay; clipboard-write; encrypted-media; fullscreen; picture-in-picture" : "",
+          allowFullScreen: isYouTube,
+          referrerPolicy: "no-referrer-when-downgrade",
+          title: embed.preview?.title || `${embed.provider} embed`,
+          style: { border: 0 },
+          onError: () => setHasError(true)
+        }
+      )
+    }
+  ) });
+};
+var PostEmbedView_default = PostEmbedView;
+
+// src/components/PostMediaLayout/MediaUploadStatusOverlay.tsx
+import { jsx as jsx17, jsxs as jsxs9 } from "react/jsx-runtime";
+var MediaUploadStatusOverlay = ({ status, tileWidth }) => {
+  if (!status) return null;
+  const showText = !tileWidth || tileWidth >= 100;
+  if (status === "uploading" || status === "processing") {
+    return /* @__PURE__ */ jsxs9("div", { className: "absolute inset-0 flex flex-col items-center justify-center gap-2 bg-overlay-scrim", children: [
+      /* @__PURE__ */ jsx17(AppIcon, { name: "loader", className: "size-6 animate-spin text-background" }),
+      showText && /* @__PURE__ */ jsx17("span", { className: "text-xs font-medium text-background", children: status === "uploading" ? "Uploading" : "Processing" })
+    ] });
+  }
+  if (status === "uploaded") {
+    return /* @__PURE__ */ jsx17("div", { className: "absolute inset-0 flex items-center justify-center bg-feedback-success/15", children: /* @__PURE__ */ jsx17("div", { className: "flex size-8 items-center justify-center rounded-full bg-foreground/60", children: /* @__PURE__ */ jsx17(AppIcon, { name: "check", className: "size-5 text-background" }) }) });
+  }
+  return /* @__PURE__ */ jsx17("div", { className: "absolute inset-0 flex items-center justify-center bg-feedback-danger/20", children: /* @__PURE__ */ jsx17("div", { className: "flex size-8 items-center justify-center rounded-full bg-foreground/60", children: /* @__PURE__ */ jsx17("span", { className: "text-base font-bold text-background", children: "!" }) }) });
+};
+var MediaUploadStatusOverlay_default = MediaUploadStatusOverlay;
+
+// src/components/PostMediaLayout/PostMediaLayoutCore.tsx
+import { jsx as jsx18, jsxs as jsxs10 } from "react/jsx-runtime";
+var gridLayoutData = {
+  1: {
+    gridColsClass: "grid-cols-1",
+    gridSpan: [1],
+    colSpanClasses: ["col-span-1"],
+    itemRatio: [1]
+  },
+  2: {
+    gridColsClass: "grid-cols-2",
+    gridSpan: [1, 1],
+    colSpanClasses: ["col-span-1", "col-span-1"],
+    itemRatio: [1, 1]
+  },
+  3: {
+    gridColsClass: "grid-cols-2",
+    gridSpan: [2, 1, 1],
+    colSpanClasses: ["col-span-2", "col-span-1", "col-span-1"],
+    itemRatio: [1.5, 1.5, 1.5]
+  },
+  4: {
+    gridColsClass: "grid-cols-2",
+    gridSpan: [1, 1, 1, 1],
+    colSpanClasses: ["col-span-1", "col-span-1", "col-span-1", "col-span-1"],
+    itemRatio: [1, 1, 1, 1]
+  },
+  5: {
+    gridColsClass: "grid-cols-6",
+    gridSpan: [3, 3, 2, 2, 2],
+    colSpanClasses: [
+      "col-span-3",
+      "col-span-3",
+      "col-span-2",
+      "col-span-2",
+      "col-span-2"
+    ],
+    itemRatio: [1.5, 1.5, 1, 1, 1]
+  }
+};
+var PostMediaLayoutCore = ({
+  items,
+  parentId: _parentId,
+  isPostDetail,
+  onCardPress,
+  mediaItemStatuses
+}) => {
+  if (!items?.length) {
+    return null;
+  }
+  const slicedData = items.slice(0, 5);
+  const { gridColsClass, colSpanClasses, itemRatio } = gridLayoutData[slicedData.length];
+  return /* @__PURE__ */ jsx18("div", { className: "not-prose w-full box-border", children: /* @__PURE__ */ jsx18(
+    "div",
+    {
+      className: `grid ${gridColsClass} cursor-pointer grid-rows-1 gap-0.5 bg-muted`,
+      children: slicedData.map((slicedItem, index) => {
+        let ratio = 1;
+        if (slicedData.length === 1) {
+          const { width, height } = slicedItem.type.includes("ToUpload") ? slicedItem.file : slicedItem.sources?.original ?? {};
+          const safeWidth = width ?? 1;
+          const safeHeight = height ?? 1;
+          ratio = safeWidth / safeHeight;
+          if (ratio < 0.7) {
+            ratio = 0.7;
+          }
+        } else {
+          ratio = itemRatio[index];
+        }
+        const className = `w-full h-full relative ${colSpanClasses[index]} object-cover`;
+        return /* @__PURE__ */ jsxs10("div", { className: `relative ${colSpanClasses[index]}`, children: [
+          /* @__PURE__ */ jsx18(
+            MediaView_default,
+            {
+              item: slicedItem,
+              ratio,
+              className,
+              additionalImagesCount: index === slicedData.length - 1 && items.length > 5 ? items.length - slicedData.length : void 0,
+              data: items,
+              isPostDetail,
+              onCardPress
+            }
+          ),
+          /* @__PURE__ */ jsx18(
+            MediaUploadStatusOverlay_default,
+            {
+              status: mediaItemStatuses?.[slicedItem.key]
+            }
+          )
+        ] }, index);
+      })
+    }
+  ) });
+};
+var PostMediaLayoutCore_default = PostMediaLayoutCore;
+
+// src/components/PostItemsView.tsx
+import { jsx as jsx19 } from "react/jsx-runtime";
+var PostItemsView = ({
+  primaryContent,
+  isPostDetail,
+  onCardPress,
+  onVotePress,
+  isPostOwner,
+  parentId,
+  isCommentScope,
+  imageComponent,
+  mediaItemStatuses
+}) => {
+  if (!primaryContent) return null;
+  switch (primaryContent.type) {
+    case "embed":
+      return /* @__PURE__ */ jsx19(PostEmbedView_default, { embed: primaryContent });
+    case "poll":
+      return /* @__PURE__ */ jsx19(
+        PostPollView_default,
+        {
+          items: primaryContent.items,
+          voteResult: primaryContent.pollResult,
+          onVotePress,
+          onCardPress,
+          isPostDetail,
+          isPostOwner
+        }
+      );
+    case "link":
+      return /* @__PURE__ */ jsx19(
+        PostLinkItem_default,
+        {
+          linkItems: [
+            {
+              linkUrl: primaryContent.linkUrl,
+              linkTitle: primaryContent.title,
+              linkDesc: primaryContent.description,
+              linkImage: primaryContent.image ?? void 0,
+              linkIcon: "",
+              type: "linkItem"
+            }
+          ],
+          imageComponent
+        }
+      );
+    case "media":
+      return /* @__PURE__ */ jsx19(
+        PostMediaLayoutCore_default,
+        {
+          items: primaryContent.items,
+          parentId,
+          isPostDetail,
+          onCardPress,
+          mediaItemStatuses
+        }
+      );
+    case "textItem":
+      return /* @__PURE__ */ jsx19(
+        PostTextItem_default,
+        {
+          textItems: primaryContent.items,
+          showFullText: isPostDetail,
+          isPostDetail
+        }
+      );
+    default:
+      return null;
+  }
+};
+var PostItemsView_default = PostItemsView;
+
+// src/components/PostSectionsView.tsx
+import { useCallback as useCallback3 } from "react";
+
+// src/utils/contentTypeConstants.ts
+var contentTypeRules = {
+  NEW_MESSAGE: "new:message",
+  NEW_POST: "new:post",
+  NEW_COMMENT: "new:comment",
+  EVENT: "event"
+};
+var contentTypeConstants = {
+  TO_BE_DELETE: "tobedelete",
+  NEW_GROUP: "new:group",
+  LOAD_MORE_CONTENT: "loadMoreContent",
+  NEW_MESSAGE: `${contentTypeRules.NEW_MESSAGE}:text`,
+  NEW_MESSAGE_GUGGY: `${contentTypeRules.NEW_MESSAGE}:gif`,
+  NEW_MESSAGE_VOICE: `${contentTypeRules.NEW_MESSAGE}:voice`,
+  NEW_POST_IMAGE: `${contentTypeRules.NEW_POST}:image`,
+  NEW_POST_MEDIA: `${contentTypeRules.NEW_POST}:media`,
+  NEW_POST_POLL: `${contentTypeRules.NEW_POST}:poll`,
+  NEW_POST_LINK: `${contentTypeRules.NEW_POST}:link`,
+  NEW_POST_MESSAGE: `${contentTypeRules.NEW_POST}:text`,
+  NEW_POST_THREAD: `${contentTypeRules.NEW_POST}:thread`,
+  NEW_COMMENT: `${contentTypeRules.NEW_COMMENT}`,
+  NEW_COMMENT_GUGGY: `${contentTypeRules.NEW_COMMENT}:gif`,
+  NEW_COMMENT_VOICE: `${contentTypeRules.NEW_COMMENT}:voice`,
+  NEW_COMMENT_IMAGE: `${contentTypeRules.NEW_COMMENT}:image`,
+  NEW_COMMENT_MEDIA: `${contentTypeRules.NEW_COMMENT}:media`,
+  ERASE_MESSAGE: "erase:message",
+  EVENT_POLL_VOTE: "event:poll:vote",
+  EVENT_NEW_GREETING_POST: "event:greeting:post",
+  EVENT_UPDATE_GROUP: "event:update:group",
+  EVENT_ERASE_GROUP_CONTENT: "event:erase:group:content",
+  EVENT_ERASE_GROUP_COMMENT: "event:erase:group:comment",
+  EVENT_NOT_A_CONTACT: "event:not:contact",
+  EVENT_SCREENSHOT: "event:screenshot",
+  EVENT_COMMENT_SCREENSHOT: "event:comment:screenshot",
+  EVENT_TOAST_CONVERSATION: "event:toast:conversation",
+  EVENT_TOAST_POST: "event:toast:post",
+  UPDATE_GROUP_NAME: "group:update:name",
+  UPDATE_GROUP_DESCRIPTION: "group:update:description",
+  UPDATE_GROUP_BACKGROUND: "group:update:background",
+  UPDATE_GROUP_DEFAULT_DEEPLINK: "group:update:default_deeplink",
+  UPDATE_GROUP_AVATAR: "group:update:avatar",
+  UPDATE_GROUP_NEW_USERS: "group:new:users",
+  UPDATE_GROUP_REMOVE_USERS: "group:remove:users",
+  UPDATE_GROUP_USER_LEAVE: "group:remove:users:leave",
+  UPDATE_GROUP_NEW_OWNER: "group:new:owner",
+  UPDATE_GROUP_SELECT_ID: "group:update:select_id",
+  UPDATE_GROUP_SHOW_HISTORY: "group:update:show_history",
+  UPDATE_GROUP_SHARE_TO_PUBLIC: "group:update:share_to_public",
+  UPDATE_GROUP_PERMISSION: "group:update:permission",
+  UPDATE_GROUP_NEW_FEATURED: "group:new:featured",
+  UPDATE_GROUP_FEATURED_IN_GROUP: "group:featured:in:group",
+  UPDATE_GROUP_FEATURED_BY_USER: "group:featured:by:user",
+  UPDATE_RELATIONSHIP: "update:relationship",
+  NEW_GROUP_REQUEST: "group:request:new",
+  NEW_GROUP_REQUEST_ACCEPTED: "group:request:accepted",
+  REMOVE_GROUP_ADMIN: "group:remove:admin",
+  ADD_GROUP_ADMIN: "group:new:admin",
+  UPDATE_CONTENT: "update:content",
+  NEW_GROUP_REQUEST_REMOVE: "group:request:removed",
+  AGGREGATED_MESSAGE_TIME: "aggregated:message:time",
+  REQUEST_IMAGE_DOWNLOAD: "request:image:download"
+};
+
+// src/components/PostSectionSourceInfoView.tsx
+import { jsx as jsx20, jsxs as jsxs11 } from "react/jsx-runtime";
+var PostSectionSourceInfoView = ({ sourceInfo }) => {
+  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("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 })
+    ] })
+  ] }) });
+};
+var PostSectionSourceInfoView_default = PostSectionSourceInfoView;
+
+// src/components/PostSectionsView.tsx
+import { jsx as jsx21, jsxs as jsxs12 } from "react/jsx-runtime";
+var PostSectionsView = ({
+  sections,
+  isPostDetail,
+  onCardPress
+}) => {
+  const renderSectionItem = useCallback3(
+    (section, index) => {
+      const { type, data } = section;
+      if (type === contentTypeConstants.NEW_POST_MESSAGE) {
+        return /* @__PURE__ */ jsx21(
+          AutoLink_default,
+          {
+            text: data.body || "",
+            className: "whitespace-normal px-4 pb-4 leading-relaxed text-gray-800",
+            style: {
+              whiteSpace: "pre-wrap",
+              wordBreak: "break-word"
+            },
+            mentionData: data.mentionData
+          },
+          `${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.body && /* @__PURE__ */ jsx21(
+            AutoLink_default,
+            {
+              text: data.body || "",
+              className: "whitespace-normal px-4 pb-4 leading-relaxed text-gray-800",
+              style: {
+                whiteSpace: "pre-wrap",
+                wordBreak: "break-word"
+              },
+              mentionData: data.mentionData
+            },
+            `${index} - ${data.body}`
+          ),
+          data.items && /* @__PURE__ */ jsx21(
+            PostMediaLayoutCore_default,
+            {
+              items: data.items,
+              isPostDetail,
+              onCardPress
+            }
+          )
+        ] }, `${index} - ${data.body}`);
+      }
+      return null;
+    },
+    [isPostDetail, onCardPress]
+  );
+  if (!sections || sections.length === 0) {
+    return null;
+  }
+  return /* @__PURE__ */ jsx21("div", { className: "space-y-2", children: sections.map((section, index) => {
+    return renderSectionItem(section, index);
+  }) });
+};
+var PostSectionsView_default = PostSectionsView;
+
+// src/components/PostFooter.tsx
+import { useState as useState3 } from "react";
+import { NotificationBadge } from "@select-org/ui";
+import { jsx as jsx22, jsxs as jsxs13 } from "react/jsx-runtime";
+var PostFooter = ({
+  postHref,
+  commentCount = 0,
+  unreadCommentCount = 0,
+  showFooterLink = false,
+  footerLinkLabel = "Open in app",
+  footerLinkHref = "/",
+  isSnoozed = false,
+  onSnoozeToggle,
+  renderReactionTrigger,
+  renderReactionModal
+}) => {
+  const [isReactionOpen, setIsReactionOpen] = useState3(false);
+  const handleOpen = () => setIsReactionOpen(true);
+  const handleClose = () => setIsReactionOpen(false);
+  const commentButtonClass = "relative text-muted-foreground hover:text-foreground hover:bg-muted p-2 rounded-full transition-all flex items-center justify-center cursor-pointer bg-transparent border-none select-none";
+  const commentAriaLabel = `View comments${commentCount > 0 ? `, ${commentCount} comment${commentCount !== 1 ? "s" : ""}` : ""}`;
+  const commentBadge = commentCount > 0 ? /* @__PURE__ */ jsx22("span", { className: "absolute top-0 right-0 -mt-0.5 -mr-0.5", children: /* @__PURE__ */ jsx22(
+    NotificationBadge,
+    {
+      count: unreadCommentCount > 0 ? unreadCommentCount : commentCount,
+      variant: unreadCommentCount > 0 ? "solid" : "neutral",
+      size: "sm",
+      className: "ring-2 ring-background"
+    }
+  ) }) : null;
+  return /* @__PURE__ */ jsxs13("section", { className: "flex items-center justify-between p-2 px-4 border-t border-border/50", children: [
+    /* @__PURE__ */ jsxs13("div", { className: "relative flex items-center gap-1", children: [
+      renderReactionTrigger ? renderReactionTrigger({ onOpen: handleOpen }) : /* @__PURE__ */ jsx22(
+        "button",
+        {
+          onClick: (e) => {
+            e.preventDefault();
+            e.stopPropagation();
+            handleOpen();
+          },
+          className: "text-muted-foreground hover:text-foreground hover:bg-muted p-2 rounded-full transition-all cursor-pointer bg-transparent border-none select-none",
+          "aria-label": "Add reaction",
+          "aria-expanded": isReactionOpen,
+          "aria-haspopup": "true",
+          children: /* @__PURE__ */ jsx22(AppIcon, { name: "sendEmoji", "aria-hidden": "true" })
+        }
+      ),
+      onSnoozeToggle && /* @__PURE__ */ jsx22(
+        "button",
+        {
+          onClick: (e) => {
+            e.preventDefault();
+            e.stopPropagation();
+            onSnoozeToggle();
+          },
+          className: cn(
+            "p-2 rounded-full hover:bg-muted transition-all cursor-pointer bg-transparent border-none select-none",
+            isSnoozed ? "text-feedback-warning" : "text-muted-foreground hover:text-foreground"
+          ),
+          "aria-label": isSnoozed ? "Unsnooze post" : "Snooze post",
+          title: isSnoozed ? "Unsnooze post" : "Snooze post (30 min)",
+          children: /* @__PURE__ */ jsx22(AppIcon, { name: "alarmClock" })
+        }
+      ),
+      renderReactionModal && /* @__PURE__ */ jsx22("div", { className: "z-50 absolute bottom-full left-0 mb-2", children: renderReactionModal({
+        isOpen: isReactionOpen,
+        onClose: handleClose,
+        onSend: (emoji) => {
+          handleClose();
+        }
+      }) })
+    ] }),
+    /* @__PURE__ */ jsx22("div", { className: "relative flex items-center ml-auto", children: postHref ? /* @__PURE__ */ jsxs13(
+      "a",
+      {
+        href: postHref,
+        className: cn(commentButtonClass, "no-underline"),
+        onClick: (e) => {
+          e.stopPropagation();
+        },
+        "aria-label": commentAriaLabel,
+        children: [
+          /* @__PURE__ */ jsx22(AppIcon, { name: "messageCircleMore", "aria-hidden": "true" }),
+          commentBadge
+        ]
+      }
+    ) : /* @__PURE__ */ jsxs13("button", { className: commentButtonClass, "aria-label": commentAriaLabel, children: [
+      /* @__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
+      }
+    ) })
+  ] });
+};
+var PostFooter_default = PostFooter;
+
+// src/components/PostMediaLayout/uploadStats.ts
+function deriveUploadStats(statuses) {
+  let inFlight = 0;
+  let done = 0;
+  let failed = 0;
+  for (const s of Object.values(statuses ?? {})) {
+    if (s === "uploading" || s === "processing") inFlight++;
+    else if (s === "uploaded") done++;
+    else if (s === "error") failed++;
+  }
+  return { inFlight, done, failed, total: inFlight + done + failed };
+}
+
+// src/components/PostUploadStrip.tsx
+import { jsx as jsx23, jsxs as jsxs14 } from "react/jsx-runtime";
+var PostUploadStrip = ({ statuses, labels }) => {
+  const stats = deriveUploadStats(statuses);
+  if (stats.total === 0) return null;
+  if (stats.inFlight === 0 && stats.failed === 0) return null;
+  const hasError = stats.failed > 0;
+  const remaining = stats.inFlight;
+  const remainingTemplate = labels?.uploadingRemaining ?? "Uploading {count} more";
+  const doneLabel = labels?.uploadingDone ?? "All uploaded";
+  const progressLabel = remaining > 0 ? remainingTemplate.replace("{count}", String(remaining)) : doneLabel;
+  return /* @__PURE__ */ jsxs14(
+    "div",
+    {
+      className: cn(
+        "not-prose flex items-center gap-2.5 border-t border-border px-5 py-2.5",
+        hasError ? "bg-feedback-danger/8" : "bg-feedback-info/8"
+      ),
+      children: [
+        remaining > 0 ? /* @__PURE__ */ jsx23(
+          AppIcon,
+          {
+            name: "loader",
+            className: cn(
+              "size-4 shrink-0 animate-spin",
+              hasError ? "text-feedback-danger" : "text-feedback-info"
+            )
+          }
+        ) : /* @__PURE__ */ jsx23(
+          AppIcon,
+          {
+            name: "triangleAlert",
+            className: "size-4 shrink-0 text-feedback-danger"
+          }
+        ),
+        /* @__PURE__ */ jsx23(
+          "span",
+          {
+            className: cn(
+              "truncate text-xs font-medium",
+              hasError ? "text-feedback-danger" : "text-feedback-info"
+            ),
+            children: progressLabel
+          }
+        ),
+        /* @__PURE__ */ jsxs14(
+          "span",
+          {
+            className: cn(
+              "ml-auto shrink-0 text-[11px]",
+              hasError ? "text-feedback-danger/80" : "text-feedback-info/80"
+            ),
+            children: [
+              stats.done,
+              " / ",
+              stats.total,
+              hasError && ` \xB7 ${stats.failed} failed`
+            ]
+          }
+        )
+      ]
+    }
+  );
+};
+var PostUploadStrip_default = PostUploadStrip;
+
+// src/components/EraseConfirmModal.tsx
+import { useEffect as useEffect2, useState as useState4 } from "react";
+import { jsx as jsx24, jsxs as jsxs15 } from "react/jsx-runtime";
+var EraseConfirmModal = ({
+  onYesPress,
+  onNoPress,
+  itemType = "comment",
+  isOpen,
+  handleClose
+}) => {
+  const [first, setFirst] = useState4(true);
+  const [second, setSecond] = useState4(false);
+  useEffect2(() => {
+    if (!isOpen) return;
+    const closeOnEscape = (e) => {
+      if (e.key === "Escape") handleClose();
+    };
+    document.body.addEventListener("keydown", closeOnEscape);
+    const scrollbarWidth = window.innerWidth - document.documentElement.clientWidth;
+    document.body.style.overflow = "hidden";
+    document.body.style.paddingRight = `${scrollbarWidth}px`;
+    return () => {
+      document.body.removeEventListener("keydown", closeOnEscape);
+      document.body.style.overflow = "";
+      document.body.style.paddingRight = "";
+    };
+  }, [isOpen, handleClose]);
+  if (!isOpen) return null;
+  const handleFirst = (e) => {
+    e.stopPropagation();
+    e.nativeEvent.stopImmediatePropagation();
+    setFirst(false);
+    setSecond(true);
+  };
+  const handleNoPress = (e) => {
+    onNoPress(e);
+    setFirst(true);
+    setSecond(false);
+  };
+  const eraseLabel = itemType === "Post" ? "Erase post" : "Erase comment";
+  const confirmTitle = itemType === "Post" ? "Are you sure you want to erase this post?" : "Are you sure you want to erase this comment?";
+  const confirmBody = itemType === "Post" ? "This action cannot be undone." : "This action cannot be undone.";
+  return /* @__PURE__ */ jsxs15("div", { children: [
+    /* @__PURE__ */ jsx24("div", { className: "fixed left-0 top-0 z-50 h-screen w-full bg-black/50" }),
+    /* @__PURE__ */ jsx24(
+      "div",
+      {
+        className: "fixed left-0 top-0 z-50 flex h-screen w-full items-center justify-center p-4",
+        onClick: (e) => {
+          e.stopPropagation();
+          e.nativeEvent.stopImmediatePropagation();
+        },
+        children: /* @__PURE__ */ jsxs15("div", { className: "rounded-3xl bg-background px-8 py-6 text-center shadow-3", children: [
+          first && /* @__PURE__ */ jsxs15(
+            "div",
+            {
+              className: "flex w-[256px] flex-col justify-around",
+              onClick: (e) => e.stopPropagation(),
+              children: [
+                /* @__PURE__ */ jsxs15(
+                  "div",
+                  {
+                    className: "mb-4 flex flex-row items-center hover:cursor-pointer hover:opacity-50",
+                    "data-testid": "modal-erase-post",
+                    onClick: (e) => handleFirst(e),
+                    children: [
+                      /* @__PURE__ */ jsx24("div", { children: /* @__PURE__ */ jsx24(AppIcon, { name: "chatErase", className: "size-7.5 cursor-pointer" }) }),
+                      /* @__PURE__ */ jsx24("p", { className: "ml-3 text-lg", children: eraseLabel })
+                    ]
+                  }
+                ),
+                /* @__PURE__ */ jsxs15(
+                  "div",
+                  {
+                    className: "flex flex-row items-center hover:cursor-pointer hover:opacity-50",
+                    onClick: handleNoPress,
+                    children: [
+                      /* @__PURE__ */ jsx24("div", { children: /* @__PURE__ */ jsx24(AppIcon, { name: "cancel", className: "cursor-pointer size-6" }) }),
+                      /* @__PURE__ */ jsx24("p", { className: "ml-3 text-lg", children: "Cancel" })
+                    ]
+                  }
+                )
+              ]
+            }
+          ),
+          second && /* @__PURE__ */ jsxs15(
+            "div",
+            {
+              onClick: (e) => e.stopPropagation(),
+              className: "flex w-[296px] flex-col items-center justify-around",
+              children: [
+                /* @__PURE__ */ jsxs15("div", { className: "mb-4", children: [
+                  /* @__PURE__ */ jsx24("h4", { className: "mb-2 text-lg font-bold", children: confirmTitle }),
+                  /* @__PURE__ */ jsx24("p", { className: "text-muted-foreground", children: confirmBody })
+                ] }),
+                /* @__PURE__ */ jsxs15("div", { className: "flex items-center justify-around", children: [
+                  /* @__PURE__ */ jsx24(
+                    "button",
+                    {
+                      className: "mr-6 py-2 text-muted-foreground",
+                      onClick: handleNoPress,
+                      children: "Cancel"
+                    }
+                  ),
+                  /* @__PURE__ */ jsx24(
+                    "button",
+                    {
+                      className: "rounded-3xl bg-action-primary px-6 py-2 font-semibold text-white",
+                      onClick: onYesPress,
+                      "data-testid": "confirm-modal-erase",
+                      children: "Erase"
+                    }
+                  )
+                ] })
+              ]
+            }
+          )
+        ] })
+      }
+    )
+  ] });
+};
+var EraseConfirmModal_default = EraseConfirmModal;
+
+// src/components/PostCard.tsx
+import { jsx as jsx25, jsxs as jsxs16 } from "react/jsx-runtime";
+var PostCard = ({
+  post,
+  author,
+  authorHref,
+  group,
+  groupHref,
+  postHref,
+  linkComponent,
+  imageComponent,
+  isAdmin,
+  isOwner,
+  isPostPreview,
+  isPrivate,
+  membersCount,
+  crossPostGroup,
+  locale,
+  translate,
+  onPostPress,
+  onErasePress,
+  onCancelPost,
+  onVotePress,
+  onCardPress,
+  renderActionsMenu,
+  renderReactionTrigger,
+  renderReactionModal,
+  onNavigate,
+  supportDeepviewDomain,
+  labels,
+  mode = "feed",
+  commentCount = 0,
+  unreadCommentCount = 0,
+  isSnoozed = false,
+  onSnoozeToggle,
+  mediaItemStatuses,
+  showFooterLink = false,
+  footerLinkLabel,
+  footerLinkHref,
+  className
+}) => {
+  const [eraseModalOpen, setEraseModalOpen] = useState5(false);
+  const isPending = !!post.is_pending;
+  const isPostDetail = mode === "detail";
+  const sendingLabel = labels?.sending ?? "Sending...";
+  const contextData = useMemo7(
+    () => ({
+      body: post.body ?? "",
+      htmlBody: post.htmlBody,
+      jsonBody: post.jsonBody,
+      textBody: post.textBody,
+      items: post.items,
+      mentionData: post.mentionData,
+      sections: post.sections
+    }),
+    [post.body, post.htmlBody, post.jsonBody, post.textBody, post.items, post.mentionData, post.sections]
+  );
+  const isEmailPost = Boolean(post.htmlBody && !post.jsonBody);
+  const resolvedContent = useMemo7(
+    () => resolvePostContent(contextData, {
+      postType: post.postType,
+      pollResult: post.poll_result ?? null,
+      postSpecialType: post.isFeatured ? 1 : 0,
+      mode: isPostDetail ? "detail" : mode,
+      isEmailPost
+    }),
+    [contextData, post.postType, post.poll_result, post.isFeatured, isPostDetail, mode, isEmailPost]
+  );
+  const handleErasePress = () => {
+    setEraseModalOpen(true);
+  };
+  const handleEraseConfirm = () => {
+    setEraseModalOpen(false);
+    onErasePress?.();
+  };
+  const handleEraseCancel = () => {
+    setEraseModalOpen(false);
+  };
+  const handleCardClick = (e) => {
+    e.stopPropagation();
+    e.nativeEvent.stopImmediatePropagation();
+    if (isPending) return;
+    onPostPress?.();
+  };
+  const handleCardKeyDown = (e) => {
+    if (e.key === "Enter" || e.key === " ") {
+      e.preventDefault();
+      e.stopPropagation();
+      if (isPending) return;
+      onPostPress?.();
+    }
+  };
+  return /* @__PURE__ */ jsxs16(
+    "article",
+    {
+      className: cn(
+        "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-highlight-surface border-highlight-border sm:border-t-4",
+        isPending && "cursor-default",
+        className
+      ),
+      onClick: !isPostDetail && onPostPress ? handleCardClick : void 0,
+      onKeyDown: !isPostDetail && !isPending && onPostPress ? handleCardKeyDown : void 0,
+      tabIndex: !isPostDetail && !isPending && onPostPress ? 0 : void 0,
+      role: !isPostDetail && !isPending && onPostPress ? "button" : void 0,
+      "aria-label": !isPostDetail && !isPending && onPostPress ? "View post details" : void 0,
+      children: [
+        !isPostDetail && !isPending && postHref && linkComponent && React11.createElement(linkComponent, {
+          href: postHref,
+          className: "sr-only",
+          children: "View post details"
+        }),
+        !isPostDetail && !isPending && postHref && !linkComponent && /* @__PURE__ */ jsx25("a", { href: postHref, className: "sr-only", onClick: (e) => e.stopPropagation(), children: "View post details" }),
+        isPending && /* @__PURE__ */ jsx25("div", { className: "absolute top-0 left-0 w-full z-10", children: /* @__PURE__ */ jsx25(
+          "div",
+          {
+            className: "h-1 w-full overflow-hidden rounded bg-muted",
+            "aria-label": sendingLabel,
+            "data-testid": "post-loader",
+            children: /* @__PURE__ */ jsx25("div", { className: "h-full animate-pulse bg-action-primary" })
+          }
+        ) }),
+        !isPending && eraseModalOpen && /* @__PURE__ */ jsx25(
+          EraseConfirmModal_default,
+          {
+            isOpen: eraseModalOpen,
+            itemType: "Post",
+            onYesPress: handleEraseConfirm,
+            onNoPress: handleEraseCancel,
+            handleClose: handleEraseCancel
+          }
+        ),
+        /* @__PURE__ */ jsxs16("div", { className: cn(isPending && "opacity-50"), children: [
+          /* @__PURE__ */ jsx25(
+            PostHeader_default,
+            {
+              author,
+              authorHref,
+              group,
+              groupHref,
+              postedAt: post.postedAt,
+              postType: post.postType,
+              isFeatured: post.isFeatured,
+              isPostPreview,
+              isAdmin,
+              isOwner,
+              isPrivate,
+              membersCount,
+              crossPostGroup,
+              locale,
+              translate,
+              onErasePress: onErasePress ? handleErasePress : void 0,
+              onCancelPost,
+              renderActionsMenu,
+              linkComponent,
+              imageComponent,
+              labels
+            }
+          ),
+          /* @__PURE__ */ jsx25(
+            PostBody_default,
+            {
+              textContent: resolvedContent.textContent,
+              showFull: isPostDetail,
+              isPostDetail,
+              isRichContent: resolvedContent.isRichContent,
+              isEmailPost,
+              hideEmailDescription: isEmailPost && !isPostDetail && resolvedContent.primaryContent?.type === "media",
+              onNavigate,
+              supportDeepviewDomain
+            }
+          ),
+          resolvedContent.sections && /* @__PURE__ */ jsx25(
+            PostSectionsView_default,
+            {
+              sections: resolvedContent.sections.sections,
+              isPostDetail,
+              onCardPress: onCardPress ?? (() => {
+              })
+            }
+          ),
+          /* @__PURE__ */ jsx25(
+            PostItemsView_default,
+            {
+              primaryContent: resolvedContent.primaryContent,
+              isPostDetail,
+              onCardPress: onCardPress ?? (() => {
+              }),
+              onVotePress: onVotePress ?? (() => {
+              }),
+              isPostOwner: isOwner,
+              parentId: post.context_id,
+              isCommentScope: false,
+              imageComponent,
+              mediaItemStatuses
+            }
+          ),
+          /* @__PURE__ */ jsx25(
+            PostUploadStrip_default,
+            {
+              statuses: mediaItemStatuses,
+              labels: {
+                uploadingRemaining: labels?.uploadingRemaining,
+                uploadingDone: labels?.uploadingDone
+              }
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsx25("div", { className: cn(isPending && "opacity-50 pointer-events-none"), children: /* @__PURE__ */ jsx25(
+          PostFooter_default,
+          {
+            postHref,
+            commentCount,
+            unreadCommentCount,
+            isSnoozed,
+            onSnoozeToggle,
+            showFooterLink,
+            footerLinkLabel,
+            footerLinkHref,
+            renderReactionTrigger,
+            renderReactionModal
+          }
+        ) })
+      ]
+    }
+  );
+};
+var PostCard_default = PostCard;
+
+// src/components/PostSectionsSummaryView.tsx
+import { useCallback as useCallback4, useMemo as useMemo8 } from "react";
+import { jsx as jsx26, jsxs as jsxs17 } from "react/jsx-runtime";
+var BODY_SIZE = 80;
+var PostSectionsSummaryView = ({
+  sections,
+  fontColor,
+  onCardPress
+}) => {
+  const imageItems = useMemo8(() => {
+    if (!sections || sections.length === 0) return [];
+    return sections.reduce((items, section) => {
+      if (section.type === contentTypeConstants.NEW_POST_MEDIA) {
+        return items.concat(section.data.items || []);
+      }
+      return items;
+    }, []);
+  }, [sections]);
+  const textBody = useMemo8(() => {
+    if (!sections || sections.length === 0) return "";
+    const allBody = sections.reduce((body, section) => {
+      if (section.type === contentTypeConstants.NEW_POST_MEDIA && section.data.body) {
+        return body + (body ? "\n" : "") + section.data.body;
+      }
+      return body;
+    }, "");
+    return allBody ? `${allBody.slice(0, BODY_SIZE)}...` : "";
+  }, [sections]);
+  const renderSectionItem = useCallback4(
+    (section, index) => {
+      const { type, data } = section;
+      if (type === contentTypeConstants.NEW_POST_MESSAGE) {
+        return /* @__PURE__ */ jsx26(
+          AutoLink_default,
+          {
+            text: data.body || "",
+            className: "whitespace-normal px-4 pb-4 leading-relaxed text-gray-800",
+            style: {
+              color: fontColor || "var(--color-foreground)",
+              whiteSpace: "pre-wrap",
+              wordBreak: "break-word"
+            },
+            mentionData: data.mentionData
+          },
+          `${index} - ${data.body}`
+        );
+      }
+      return null;
+    },
+    [fontColor]
+  );
+  if (!sections || sections.length === 0) {
+    return null;
+  }
+  return /* @__PURE__ */ jsxs17("div", { className: "flex-col", children: [
+    sections.map((section, index) => {
+      return renderSectionItem(section, index);
+    }),
+    textBody && /* @__PURE__ */ jsx26(
+      AutoLink_default,
+      {
+        text: textBody,
+        className: "whitespace-normal px-4 pb-4 leading-relaxed text-gray-800",
+        style: {
+          color: fontColor || "var(--color-foreground)",
+          whiteSpace: "pre-wrap",
+          wordBreak: "break-word"
+        },
+        mentionData: []
+      },
+      "body"
+    ),
+    /* @__PURE__ */ jsx26(
+      PostMediaLayoutCore_default,
+      {
+        items: imageItems
+      }
+    )
+  ] });
+};
+var PostSectionsSummaryView_default = PostSectionsSummaryView;
+
+// src/modals/ReactionModal.tsx
+import { useRef as useRef2, useEffect as useEffect3 } from "react";
+import { jsx as jsx27 } from "react/jsx-runtime";
+var reactionList = ["\u{1F44D}", "\u{1F60D}", "\u{1F602}", "\u{1F631}", "\u{1F62D}", "\u{1F60E}"];
+var ReactionModal = ({ isOpen, close, sendReaction, onAnalyticsEvent }) => {
+  const ref = useRef2(null);
+  useEffect3(() => {
+    if (!isOpen) return;
+    onAnalyticsEvent?.("reaction");
+    const handleOutsideClick = (e) => {
+      if (ref.current && !ref.current.contains(e.target)) {
+        close();
+      }
+    };
+    document.addEventListener("click", handleOutsideClick);
+    return () => {
+      document.removeEventListener("click", handleOutsideClick);
+    };
+  }, [isOpen, close, onAnalyticsEvent]);
+  if (!isOpen) return null;
+  return /* @__PURE__ */ jsx27("div", { className: "z-500 flex items-center justify-center", role: "dialog", "aria-modal": "true", "aria-label": "Reaction picker", children: /* @__PURE__ */ jsx27("div", { ref, className: "rounded-3xl bg-muted p-2", children: /* @__PURE__ */ jsx27("div", { className: "flex justify-around", children: reactionList.map((reaction, index) => {
+    return /* @__PURE__ */ jsx27(
+      "button",
+      {
+        type: "button",
+        onClick: (e) => {
+          e.preventDefault();
+          e.stopPropagation();
+          onAnalyticsEvent?.("reaction_send");
+          sendReaction(reaction);
+          close();
+        },
+        className: "cursor-pointer px-2 text-3xl hover:scale-125 transition-transform",
+        children: reaction
+      },
+      reaction + index
+    );
+  }) }) }) });
+};
+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,
+  PostEmbedView_default as PostEmbedView,
+  PostFooter_default as PostFooter,
+  PostHeader_default as PostHeader,
+  PostItemsView_default as PostItemsView,
+  PostLinkItem_default as PostLinkItem,
+  PostMediaLayoutCore_default as PostMediaLayoutCore,
+  PostPollView_default as PostPollView,
+  PostSectionSourceInfoView_default as PostSectionSourceInfoView,
+  PostSectionsSummaryView_default as PostSectionsSummaryView,
+  PostSectionsView_default as PostSectionsView,
+  PostTextItem_default as PostTextItem,
+  PostUploadStrip_default as PostUploadStrip,
+  ReactionModal,
+  getPostTypeHint,
+  hasMeaningfulHtml,
+  resolvePostContent
+};
+/*!
+ * React Native Autolink
+ *
+ * Copyright 2016-2018 Josh Swan
+ * Released under the MIT license
+ * https://github.com/joshswan/react-native-autolink/blob/master/LICENSE
+ *
+ * Simplified and improved by Dean, to support mention list.
+ * Ported to design-system post-components: routing and config dependencies removed.
+ */
+//# sourceMappingURL=index.js.map