@postrun/react 2.5.0 → 2.6.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');
@@ -1040,6 +1040,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 +1311,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 +1683,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 +1711,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 +1720,7 @@ var optionStyle = {
   fontWeight: 600,
   color: varRef(LI_VAR.accent)
 };
-var footerStyle = {
+var footerStyle2 = {
   fontSize: 12,
   color: varRef(LI_VAR.muted)
 };
@@ -1876,7 +1908,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 +1925,7 @@ function Caption({ body }) {
     ) : null
   ] });
 }
-var wrapStyle2 = {
+var wrapStyle3 = {
   fontSize: 14,
   lineHeight: 1.35
 };
@@ -2348,7 +2380,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 +2394,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 +2502,7 @@ var hintStyle = {
 var noticeStyle = {
   margin: 0,
   fontSize: 12,
-  color: MUTED,
+  color: MUTED2,
   lineHeight: 1.4
 };
 var checkRowStyle = {
@@ -2479,7 +2511,7 @@ var checkRowStyle = {
   gap: 10,
   cursor: "pointer"
 };
-var TOKENS = { MUTED, BORDER, ACCENT};
+var TOKENS = { MUTED: MUTED2, BORDER, ACCENT};
 function AudienceSelect({
   creatorInfo,
   value,
@@ -2536,7 +2568,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 +2602,7 @@ function TikTokCaptionField({
     )
   ] });
 }
-var wrapStyle3 = {
+var wrapStyle4 = {
   display: "flex",
   flexDirection: "column",
   gap: 6,
@@ -2851,6 +2883,7 @@ exports.TikTokCaptionField = TikTokCaptionField;
 exports.TikTokPostPreview = TikTokPostPreview;
 exports.TikTokPublishPanel = TikTokPublishPanel;
 exports.UploadError = UploadError;
+exports.XPoll = XPoll;
 exports.XPostPreview = XPostPreview;
 exports.connectionKeys = connectionKeys;
 exports.mediaKeys = mediaKeys;