@postrun/react 2.5.0 → 2.7.0

package/dist/index.cjs

@@ -10,8 +10,8 @@ var pLimit = require('p-limit');
 var pRetry = require('p-retry');
 var axios = require('axios');
 var reactTweet = require('react-tweet');
-var fi = require('react-icons/fi');
 var jsxRuntime = require('react/jsx-runtime');
+var fi = require('react-icons/fi');
 var twitterText = require('twitter-text');
 var lu = require('react-icons/lu');
 var useEmblaCarousel = require('embla-carousel-react');
@@ -984,6 +984,42 @@ function useTikTokCreatorInfo(connectionId) {
     queryClient
   );
 }
+
+// src/preview/from-upload.ts
+function previewKind(item) {
+  const detected = item.media?.kind;
+  if (detected) {
+    return detected === "document" ? null : detected;
+  }
+  const mime = item.file.type;
+  if (mime === "image/gif") {
+    return "gif";
+  }
+  if (mime.startsWith("video/")) {
+    return "video";
+  }
+  if (mime.startsWith("image/")) {
+    return "image";
+  }
+  return null;
+}
+function toPreviewMedia(items) {
+  return items.flatMap((item) => {
+    const kind = previewKind(item);
+    if (!kind) {
+      return [];
+    }
+    return [
+      {
+        kind,
+        file: item.file,
+        width: item.media?.source?.width ?? void 0,
+        height: item.media?.source?.height ?? void 0,
+        alt: item.media?.alt_text ?? void 0
+      }
+    ];
+  });
+}
 function fileKey(file) {
   return file ? `${file.name}:${file.size}:${file.lastModified}` : "";
 }
@@ -1040,6 +1076,37 @@ function useResolvedMedia(media, altFallbacks, altSignature) {
     [signature, altSignature, objectUrls]
   );
 }
+function XPoll({ poll }) {
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { style: wrapStyle, children: [
+    poll.options.map((option, i) => /* @__PURE__ */ jsxRuntime.jsx("div", { style: optionStyle, children: option }, `${option}-${i}`)),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { style: footerStyle, children: [
+      "0 votes \xB7 ",
+      js.xPollDurationLabel(poll.duration_minutes)
+    ] })
+  ] });
+}
+var BLUE = "var(--tweet-color-blue-primary, #1d9bf0)";
+var MUTED = "var(--tweet-color-gray-secondary, #536471)";
+var wrapStyle = {
+  display: "flex",
+  flexDirection: "column",
+  gap: 8,
+  marginTop: 12
+};
+var optionStyle = {
+  border: `1px solid ${BLUE}`,
+  color: BLUE,
+  borderRadius: 999,
+  padding: "8px 16px",
+  textAlign: "center",
+  fontSize: 15,
+  fontWeight: 700
+};
+var footerStyle = {
+  fontSize: 13,
+  color: MUTED,
+  marginTop: 2
+};
 var ROW = {
   display: "flex",
   justifyContent: "space-between",
@@ -1280,6 +1347,7 @@ function XPostPreviewImpl({
         tweet.in_reply_to_screen_name ? /* @__PURE__ */ jsxRuntime.jsx(reactTweet.TweetInReplyTo, { tweet }) : null,
         /* @__PURE__ */ jsxRuntime.jsx(reactTweet.TweetBody, { tweet }),
         tweet.mediaDetails?.length ? /* @__PURE__ */ jsxRuntime.jsx(reactTweet.TweetMedia, { tweet, components }) : null,
+        variant.settings?.poll ? /* @__PURE__ */ jsxRuntime.jsx(XPoll, { poll: variant.settings.poll }) : null,
         tweet.quoted_tweet ? /* @__PURE__ */ jsxRuntime.jsx(reactTweet.QuotedTweet, { tweet: tweet.quoted_tweet }) : null,
         showActions ? /* @__PURE__ */ jsxRuntime.jsx(XPreviewActions, {}) : null
       ] })
@@ -1651,16 +1719,16 @@ function Media({ media }) {
   return /* @__PURE__ */ jsxRuntime.jsx(ImageMosaic, { media: images });
 }
 function Poll({ poll }) {
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { style: wrapStyle, children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { style: wrapStyle2, children: [
     /* @__PURE__ */ jsxRuntime.jsx("div", { style: questionStyle, children: poll.question }),
-    /* @__PURE__ */ jsxRuntime.jsx("div", { style: optionsStyle, children: poll.options.map((option, i) => /* @__PURE__ */ jsxRuntime.jsx("div", { style: optionStyle, children: option }, `${option}-${i}`)) }),
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { style: footerStyle, children: [
+    /* @__PURE__ */ jsxRuntime.jsx("div", { style: optionsStyle, children: poll.options.map((option, i) => /* @__PURE__ */ jsxRuntime.jsx("div", { style: optionStyle2, children: option }, `${option}-${i}`)) }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { style: footerStyle2, children: [
       "0 votes \u2022 ",
       js.linkedinPollDurationLabel(poll.duration)
     ] })
   ] });
 }
-var wrapStyle = {
+var wrapStyle2 = {
   border: `1px solid ${varRef(LI_VAR.border)}`,
   borderRadius: 8,
   padding: 12,
@@ -1679,7 +1747,7 @@ var optionsStyle = {
   flexDirection: "column",
   gap: 8
 };
-var optionStyle = {
+var optionStyle2 = {
   border: `1px solid ${varRef(LI_VAR.accent)}`,
   borderRadius: 999,
   padding: "8px 16px",
@@ -1688,7 +1756,7 @@ var optionStyle = {
   fontWeight: 600,
   color: varRef(LI_VAR.accent)
 };
-var footerStyle = {
+var footerStyle2 = {
   fontSize: 12,
   color: varRef(LI_VAR.muted)
 };
@@ -1876,7 +1944,7 @@ function Caption({ body }) {
     setOverflowing(el.scrollHeight > el.clientHeight + 1);
   }, [body, expanded]);
   const parts = body.split(TOKEN);
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { style: wrapStyle2, children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { style: wrapStyle3, children: [
     /* @__PURE__ */ jsxRuntime.jsx("div", { ref, style: expanded ? expandedTextStyle : clampedTextStyle, children: parts.map(
       (part, i) => IS_TOKEN.test(part) ? /* @__PURE__ */ jsxRuntime.jsx("span", { style: { color: LINK_COLOR }, children: part }, i) : /* @__PURE__ */ jsxRuntime.jsx("span", { children: part }, i)
     ) }),
@@ -1893,7 +1961,7 @@ function Caption({ body }) {
     ) : null
   ] });
 }
-var wrapStyle2 = {
+var wrapStyle3 = {
   fontSize: 14,
   lineHeight: 1.35
 };
@@ -2348,7 +2416,7 @@ function useIsDark2(theme) {
   }
   return theme === "dark";
 }
-var MUTED = varRef2(TT_VAR.muted);
+var MUTED2 = varRef2(TT_VAR.muted);
 var BORDER = varRef2(TT_VAR.border);
 var ACCENT = varRef2(TT_VAR.accent);
 var SWITCH_OFF = varRef2(TT_VAR.switchOff);
@@ -2362,7 +2430,7 @@ function Row({
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { style: rowStyle, children: [
     /* @__PURE__ */ jsxRuntime.jsxs("label", { htmlFor, style: { display: "flex", flexDirection: "column", gap: 2 }, children: [
       /* @__PURE__ */ jsxRuntime.jsx("span", { style: { fontSize: 14 }, children: label }),
-      sublabel ? /* @__PURE__ */ jsxRuntime.jsx("span", { style: { fontSize: 12, color: MUTED }, children: sublabel }) : null
+      sublabel ? /* @__PURE__ */ jsxRuntime.jsx("span", { style: { fontSize: 12, color: MUTED2 }, children: sublabel }) : null
     ] }),
     control
   ] });
@@ -2470,7 +2538,7 @@ var hintStyle = {
 var noticeStyle = {
   margin: 0,
   fontSize: 12,
-  color: MUTED,
+  color: MUTED2,
   lineHeight: 1.4
 };
 var checkRowStyle = {
@@ -2479,7 +2547,7 @@ var checkRowStyle = {
   gap: 10,
   cursor: "pointer"
 };
-var TOKENS = { MUTED, BORDER, ACCENT};
+var TOKENS = { MUTED: MUTED2, BORDER, ACCENT};
 function AudienceSelect({
   creatorInfo,
   value,
@@ -2536,7 +2604,7 @@ function TikTokCaptionField({
   const max = js.captionMaxFor(postType);
   const count = value.length;
   const over = count > max;
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className, style: { ...wrapStyle3, ...style }, children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className, style: { ...wrapStyle4, ...style }, children: [
     /* @__PURE__ */ jsxRuntime.jsxs("div", { style: labelRowStyle, children: [
       /* @__PURE__ */ jsxRuntime.jsx("label", { htmlFor: id, style: labelStyle, children: "Caption" }),
       /* @__PURE__ */ jsxRuntime.jsxs(
@@ -2570,7 +2638,7 @@ function TikTokCaptionField({
     )
   ] });
 }
-var wrapStyle3 = {
+var wrapStyle4 = {
   display: "flex",
   flexDirection: "column",
   gap: 6,
@@ -2851,12 +2919,14 @@ exports.TikTokCaptionField = TikTokCaptionField;
 exports.TikTokPostPreview = TikTokPostPreview;
 exports.TikTokPublishPanel = TikTokPublishPanel;
 exports.UploadError = UploadError;
+exports.XPoll = XPoll;
 exports.XPostPreview = XPostPreview;
 exports.connectionKeys = connectionKeys;
 exports.mediaKeys = mediaKeys;
 exports.postKeys = postKeys;
 exports.profileKeys = profileKeys;
 exports.tiktokKeys = tiktokKeys;
+exports.toPreviewMedia = toPreviewMedia;
 exports.useCalendar = useCalendar;
 exports.useConnect = useConnect;
 exports.useConnection = useConnection;