@postrun/react 2.5.0 → 2.7.0

package/dist/index.d.cts

@@ -2,7 +2,7 @@ import * as react from 'react';
 import { ReactNode, CSSProperties } from 'react';
 import * as _tanstack_react_query from '@tanstack/react-query';
 import { QueryClient, QueryKey } from '@tanstack/react-query';
-import { PostrunClient, ListProfilesQuery, DiscoverableAccountList, Connection, ConnectionKind, ConnectionStatus, ListMediaQuery, ListPostsQuery, ConnectablePlatform, MediaResource, MediaTarget, Metadata, ComposePostInput, PostValidation, MediaKind, XPostVariant, LinkedInPostVariant, TikTokPostVariant, TikTokCreatorInfo, TikTokOptionsValue } from '@postrun/js';
+import { PostrunClient, ListProfilesQuery, DiscoverableAccountList, Connection, ConnectionKind, ConnectionStatus, ListMediaQuery, ListPostsQuery, ConnectablePlatform, MediaResource, MediaTarget, Metadata, ComposePostInput, PostValidation, MediaKind, XPostVariant, XPoll as XPoll$1, LinkedInPostVariant, TikTokPostVariant, TikTokCreatorInfo, TikTokOptionsValue } from '@postrun/js';
 export { PostValidation, PostVariant, PostVariantError, TIKTOK_CAPTION_MAX, TikTokCreatorInfo, ValidationIssue, captionMaxFor } from '@postrun/js';
 import { TwitterComponents } from 'react-tweet';
 
@@ -1695,6 +1695,8 @@ interface XPreviewQuotedTweet {
     media?: PreviewMedia[];
 }
 
+declare function toPreviewMedia(items: readonly MediaUploadItem[]): PreviewMedia[];
+
 interface XPostPreviewProps {
     /** The X variant from our schema — the content source, untouched. */
     variant: XPostVariant;
@@ -1730,6 +1732,17 @@ declare function XPostPreviewImpl({ variant, author, media, quotedTweet, replyTo
  * already absorbs unstable media arrays). */
 declare const XPostPreview: react.MemoExoticComponent<typeof XPostPreviewImpl>;
 
+/**
+ * An X poll (`settings.poll`) rendered in the post preview — the 2–4 options as
+ * X's pre-vote outlined buttons, then an honest "0 votes · <time left>" footer
+ * (a draft poll has no votes; never fabricate counts). Colors inherit
+ * react-tweet's CSS variables, so it matches the card in light and dark.
+ */
+interface XPollProps {
+    poll: XPoll$1;
+}
+declare function XPoll({ poll }: XPollProps): react.JSX.Element;
+
 /**
  * LinkedIn preview theming. Unlike the X preview (which inherits react-tweet's
  * CSS), we own the LinkedIn card, so we expose a small set of CSS custom
@@ -1953,4 +1966,4 @@ declare function Declaration({ brandedContent }: {
     brandedContent: boolean;
 }): react.JSX.Element;
 
-export { ArticleCard, type ArticleCardProps, AudienceSelect, type CalendarFilters, CommercialDisclosure, Connect, type ConnectErrorReason, type ConnectOutcome, type ConnectProps, type ConnectRenderApi, type ConnectState, type ConnectionsFilter, Declaration, type DiscoverableAccount, DocumentCard, type DocumentCardProps, type InfiniteList, InteractionToggles, LinkedInPostPreview, type LinkedInPostPreviewProps, type LinkedInPreviewAuthor, type LiveOptions, type MediaUploadItem, type MediaUploadOptions, type MediaUploadStatus, Poll, type PollProps, type PostrunContextValue, PostrunProvider, type PostrunProviderProps, type PreviewMedia, type PreviewMediaKind, TikTokCaptionField, type TikTokCaptionFieldProps, TikTokPostPreview, type TikTokPostPreviewProps, TikTokPublishPanel, type TikTokPublishPanelProps, type TikTokTheme, UploadError, type UseConnectParams, type UseConnectResult, type UseMediaUploadOptions, type UseMediaUploadResult, XPostPreview, type XPostPreviewProps, type XPreviewAuthor, type XPreviewMedia, type XPreviewQuotedTweet, connectionKeys, mediaKeys, postKeys, profileKeys, tiktokKeys, useCalendar, useConnect, useConnection, useConnections, useCreatePost, useCreateProfile, useDeleteMedia, useDeletePost, useDeleteProfile, useDisconnect, useDiscoverableAccounts, useInfiniteList, useMedia, useMediaInfinite, useMediaList, useMediaUpload, usePost, usePostrun, usePosts, usePostsInfinite, useProfile, useProfiles, useProfilesInfinite, useSelectAccount, useTikTokCreatorInfo, useUpdateMedia, useUpdatePost, useUpdateProfile, useValidatePost };
+export { ArticleCard, type ArticleCardProps, AudienceSelect, type CalendarFilters, CommercialDisclosure, Connect, type ConnectErrorReason, type ConnectOutcome, type ConnectProps, type ConnectRenderApi, type ConnectState, type ConnectionsFilter, Declaration, type DiscoverableAccount, DocumentCard, type DocumentCardProps, type InfiniteList, InteractionToggles, LinkedInPostPreview, type LinkedInPostPreviewProps, type LinkedInPreviewAuthor, type LiveOptions, type MediaUploadItem, type MediaUploadOptions, type MediaUploadStatus, Poll, type PollProps, type PostrunContextValue, PostrunProvider, type PostrunProviderProps, type PreviewMedia, type PreviewMediaKind, TikTokCaptionField, type TikTokCaptionFieldProps, TikTokPostPreview, type TikTokPostPreviewProps, TikTokPublishPanel, type TikTokPublishPanelProps, type TikTokTheme, UploadError, type UseConnectParams, type UseConnectResult, type UseMediaUploadOptions, type UseMediaUploadResult, XPoll, type XPollProps, XPostPreview, type XPostPreviewProps, type XPreviewAuthor, type XPreviewMedia, type XPreviewQuotedTweet, connectionKeys, mediaKeys, postKeys, profileKeys, tiktokKeys, toPreviewMedia, useCalendar, useConnect, useConnection, useConnections, useCreatePost, useCreateProfile, useDeleteMedia, useDeletePost, useDeleteProfile, useDisconnect, useDiscoverableAccounts, useInfiniteList, useMedia, useMediaInfinite, useMediaList, useMediaUpload, usePost, usePostrun, usePosts, usePostsInfinite, useProfile, useProfiles, useProfilesInfinite, useSelectAccount, useTikTokCreatorInfo, useUpdateMedia, useUpdatePost, useUpdateProfile, useValidatePost };

package/dist/index.d.ts

@@ -2,7 +2,7 @@ import * as react from 'react';
 import { ReactNode, CSSProperties } from 'react';
 import * as _tanstack_react_query from '@tanstack/react-query';
 import { QueryClient, QueryKey } from '@tanstack/react-query';
-import { PostrunClient, ListProfilesQuery, DiscoverableAccountList, Connection, ConnectionKind, ConnectionStatus, ListMediaQuery, ListPostsQuery, ConnectablePlatform, MediaResource, MediaTarget, Metadata, ComposePostInput, PostValidation, MediaKind, XPostVariant, LinkedInPostVariant, TikTokPostVariant, TikTokCreatorInfo, TikTokOptionsValue } from '@postrun/js';
+import { PostrunClient, ListProfilesQuery, DiscoverableAccountList, Connection, ConnectionKind, ConnectionStatus, ListMediaQuery, ListPostsQuery, ConnectablePlatform, MediaResource, MediaTarget, Metadata, ComposePostInput, PostValidation, MediaKind, XPostVariant, XPoll as XPoll$1, LinkedInPostVariant, TikTokPostVariant, TikTokCreatorInfo, TikTokOptionsValue } from '@postrun/js';
 export { PostValidation, PostVariant, PostVariantError, TIKTOK_CAPTION_MAX, TikTokCreatorInfo, ValidationIssue, captionMaxFor } from '@postrun/js';
 import { TwitterComponents } from 'react-tweet';
 
@@ -1695,6 +1695,8 @@ interface XPreviewQuotedTweet {
     media?: PreviewMedia[];
 }
 
+declare function toPreviewMedia(items: readonly MediaUploadItem[]): PreviewMedia[];
+
 interface XPostPreviewProps {
     /** The X variant from our schema — the content source, untouched. */
     variant: XPostVariant;
@@ -1730,6 +1732,17 @@ declare function XPostPreviewImpl({ variant, author, media, quotedTweet, replyTo
  * already absorbs unstable media arrays). */
 declare const XPostPreview: react.MemoExoticComponent<typeof XPostPreviewImpl>;
 
+/**
+ * An X poll (`settings.poll`) rendered in the post preview — the 2–4 options as
+ * X's pre-vote outlined buttons, then an honest "0 votes · <time left>" footer
+ * (a draft poll has no votes; never fabricate counts). Colors inherit
+ * react-tweet's CSS variables, so it matches the card in light and dark.
+ */
+interface XPollProps {
+    poll: XPoll$1;
+}
+declare function XPoll({ poll }: XPollProps): react.JSX.Element;
+
 /**
  * LinkedIn preview theming. Unlike the X preview (which inherits react-tweet's
  * CSS), we own the LinkedIn card, so we expose a small set of CSS custom
@@ -1953,4 +1966,4 @@ declare function Declaration({ brandedContent }: {
     brandedContent: boolean;
 }): react.JSX.Element;
 
-export { ArticleCard, type ArticleCardProps, AudienceSelect, type CalendarFilters, CommercialDisclosure, Connect, type ConnectErrorReason, type ConnectOutcome, type ConnectProps, type ConnectRenderApi, type ConnectState, type ConnectionsFilter, Declaration, type DiscoverableAccount, DocumentCard, type DocumentCardProps, type InfiniteList, InteractionToggles, LinkedInPostPreview, type LinkedInPostPreviewProps, type LinkedInPreviewAuthor, type LiveOptions, type MediaUploadItem, type MediaUploadOptions, type MediaUploadStatus, Poll, type PollProps, type PostrunContextValue, PostrunProvider, type PostrunProviderProps, type PreviewMedia, type PreviewMediaKind, TikTokCaptionField, type TikTokCaptionFieldProps, TikTokPostPreview, type TikTokPostPreviewProps, TikTokPublishPanel, type TikTokPublishPanelProps, type TikTokTheme, UploadError, type UseConnectParams, type UseConnectResult, type UseMediaUploadOptions, type UseMediaUploadResult, XPostPreview, type XPostPreviewProps, type XPreviewAuthor, type XPreviewMedia, type XPreviewQuotedTweet, connectionKeys, mediaKeys, postKeys, profileKeys, tiktokKeys, useCalendar, useConnect, useConnection, useConnections, useCreatePost, useCreateProfile, useDeleteMedia, useDeletePost, useDeleteProfile, useDisconnect, useDiscoverableAccounts, useInfiniteList, useMedia, useMediaInfinite, useMediaList, useMediaUpload, usePost, usePostrun, usePosts, usePostsInfinite, useProfile, useProfiles, useProfilesInfinite, useSelectAccount, useTikTokCreatorInfo, useUpdateMedia, useUpdatePost, useUpdateProfile, useValidatePost };
+export { ArticleCard, type ArticleCardProps, AudienceSelect, type CalendarFilters, CommercialDisclosure, Connect, type ConnectErrorReason, type ConnectOutcome, type ConnectProps, type ConnectRenderApi, type ConnectState, type ConnectionsFilter, Declaration, type DiscoverableAccount, DocumentCard, type DocumentCardProps, type InfiniteList, InteractionToggles, LinkedInPostPreview, type LinkedInPostPreviewProps, type LinkedInPreviewAuthor, type LiveOptions, type MediaUploadItem, type MediaUploadOptions, type MediaUploadStatus, Poll, type PollProps, type PostrunContextValue, PostrunProvider, type PostrunProviderProps, type PreviewMedia, type PreviewMediaKind, TikTokCaptionField, type TikTokCaptionFieldProps, TikTokPostPreview, type TikTokPostPreviewProps, TikTokPublishPanel, type TikTokPublishPanelProps, type TikTokTheme, UploadError, type UseConnectParams, type UseConnectResult, type UseMediaUploadOptions, type UseMediaUploadResult, XPoll, type XPollProps, XPostPreview, type XPostPreviewProps, type XPreviewAuthor, type XPreviewMedia, type XPreviewQuotedTweet, connectionKeys, mediaKeys, postKeys, profileKeys, tiktokKeys, toPreviewMedia, useCalendar, useConnect, useConnection, useConnections, useCreatePost, useCreateProfile, useDeleteMedia, useDeletePost, useDeleteProfile, useDisconnect, useDiscoverableAccounts, useInfiniteList, useMedia, useMediaInfinite, useMediaList, useMediaUpload, usePost, usePostrun, usePosts, usePostsInfinite, useProfile, useProfiles, useProfilesInfinite, useSelectAccount, useTikTokCreatorInfo, useUpdateMedia, useUpdatePost, useUpdateProfile, useValidatePost };

package/dist/index.js

@@ -1,7 +1,7 @@
 "use client";
 import { createContext, memo, useMemo, useState, useEffect, useRef, useLayoutEffect, Fragment as Fragment$1, useCallback, createElement, useContext, useId } from 'react';
 import { useInfiniteQuery, useQuery, useMutation, QueryClient } from '@tanstack/react-query';
-import { linkedinPollDurationLabel, createPostrunClient, profilesList, profilesGet, profilesCreate, profilesUpdate, profilesDelete, connectionsConnect, connectionsListByProfile, connectionsGet, connectionsListAccounts, connectionsSelect, connectionsDelete, mediaGet, mediaList, mediaUpdate, mediaDelete, postsList, postsGet, postsCreate, buildCreatePost, isPostPlatform, failedVariants, isPublished, postsValidate, postsUpdate, postsDelete, tiktokCreatorInfo, audiencePrivacyOptions, audienceUnselected, tiktokPrivacyLabel, parsePrivacyLevel, TIKTOK_AUDIENCE_REQUIRED_HINT, captionMaxFor, commercialLabelNotice, commercialDisclosureIncomplete, setCommercialDisclosure, setBrandKind, TIKTOK_DISCLOSURE_REQUIRED_HINT, TIKTOK_BRANDED_CONTENT_POLICY_URL, TIKTOK_MUSIC_CONFIRMATION_URL, interactionRows, interactionValueKey, toggleInteraction, tiktokOptionsReady, TIKTOK_PROCESSING_NOTICE, brandedContentDeclared, mediaCreate, PostrunError } from '@postrun/js';
+import { xPollDurationLabel, linkedinPollDurationLabel, createPostrunClient, profilesList, profilesGet, profilesCreate, profilesUpdate, profilesDelete, connectionsConnect, connectionsListByProfile, connectionsGet, connectionsListAccounts, connectionsSelect, connectionsDelete, mediaGet, mediaList, mediaUpdate, mediaDelete, postsList, postsGet, postsCreate, buildCreatePost, isPostPlatform, failedVariants, isPublished, postsValidate, postsUpdate, postsDelete, tiktokCreatorInfo, audiencePrivacyOptions, audienceUnselected, tiktokPrivacyLabel, parsePrivacyLevel, TIKTOK_AUDIENCE_REQUIRED_HINT, captionMaxFor, commercialLabelNotice, commercialDisclosureIncomplete, setCommercialDisclosure, setBrandKind, TIKTOK_DISCLOSURE_REQUIRED_HINT, TIKTOK_BRANDED_CONTENT_POLICY_URL, TIKTOK_MUSIC_CONFIRMATION_URL, interactionRows, interactionValueKey, toggleInteraction, tiktokOptionsReady, TIKTOK_PROCESSING_NOTICE, brandedContentDeclared, mediaCreate, PostrunError } from '@postrun/js';
 export { TIKTOK_CAPTION_MAX, captionMaxFor } from '@postrun/js';
 import Nango, { AuthError } from '@nangohq/frontend';
 import pWaitFor, { TimeoutError } from 'p-wait-for';
@@ -9,8 +9,8 @@ import pLimit from 'p-limit';
 import pRetry, { AbortError } from 'p-retry';
 import axios, { isAxiosError } from 'axios';
 import { enrichTweet, TweetContainer, TweetHeader, TweetInReplyTo, TweetBody, TweetMedia, QuotedTweet } from 'react-tweet';
-import { FiMessageCircle, FiRepeat, FiHeart, FiBarChart2, FiShare, FiGlobe, FiUsers, FiThumbsUp, FiMessageSquare, FiSend, FiFileText } from 'react-icons/fi';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { FiMessageCircle, FiRepeat, FiHeart, FiBarChart2, FiShare, FiGlobe, FiUsers, FiThumbsUp, FiMessageSquare, FiSend, FiFileText } from 'react-icons/fi';
 import twitterText from 'twitter-text';
 import { LuBadgeCheck } from 'react-icons/lu';
 import useEmblaCarousel from 'embla-carousel-react';
@@ -973,6 +973,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}` : "";
 }
@@ -1029,6 +1065,37 @@ function useResolvedMedia(media, altFallbacks, altSignature) {
     [signature, altSignature, objectUrls]
   );
 }
+function XPoll({ poll }) {
+  return /* @__PURE__ */ jsxs("div", { style: wrapStyle, children: [
+    poll.options.map((option, i) => /* @__PURE__ */ jsx("div", { style: optionStyle, children: option }, `${option}-${i}`)),
+    /* @__PURE__ */ jsxs("div", { style: footerStyle, children: [
+      "0 votes \xB7 ",
+      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",
@@ -1269,6 +1336,7 @@ function XPostPreviewImpl({
         tweet.in_reply_to_screen_name ? /* @__PURE__ */ jsx(TweetInReplyTo, { tweet }) : null,
         /* @__PURE__ */ jsx(TweetBody, { tweet }),
         tweet.mediaDetails?.length ? /* @__PURE__ */ jsx(TweetMedia, { tweet, components }) : null,
+        variant.settings?.poll ? /* @__PURE__ */ jsx(XPoll, { poll: variant.settings.poll }) : null,
         tweet.quoted_tweet ? /* @__PURE__ */ jsx(QuotedTweet, { tweet: tweet.quoted_tweet }) : null,
         showActions ? /* @__PURE__ */ jsx(XPreviewActions, {}) : null
       ] })
@@ -1640,16 +1708,16 @@ function Media({ media }) {
   return /* @__PURE__ */ jsx(ImageMosaic, { media: images });
 }
 function Poll({ poll }) {
-  return /* @__PURE__ */ jsxs("div", { style: wrapStyle, children: [
+  return /* @__PURE__ */ jsxs("div", { style: wrapStyle2, children: [
     /* @__PURE__ */ jsx("div", { style: questionStyle, children: poll.question }),
-    /* @__PURE__ */ jsx("div", { style: optionsStyle, children: poll.options.map((option, i) => /* @__PURE__ */ jsx("div", { style: optionStyle, children: option }, `${option}-${i}`)) }),
-    /* @__PURE__ */ jsxs("div", { style: footerStyle, children: [
+    /* @__PURE__ */ jsx("div", { style: optionsStyle, children: poll.options.map((option, i) => /* @__PURE__ */ jsx("div", { style: optionStyle2, children: option }, `${option}-${i}`)) }),
+    /* @__PURE__ */ jsxs("div", { style: footerStyle2, children: [
       "0 votes \u2022 ",
       linkedinPollDurationLabel(poll.duration)
     ] })
   ] });
 }
-var wrapStyle = {
+var wrapStyle2 = {
   border: `1px solid ${varRef(LI_VAR.border)}`,
   borderRadius: 8,
   padding: 12,
@@ -1668,7 +1736,7 @@ var optionsStyle = {
   flexDirection: "column",
   gap: 8
 };
-var optionStyle = {
+var optionStyle2 = {
   border: `1px solid ${varRef(LI_VAR.accent)}`,
   borderRadius: 999,
   padding: "8px 16px",
@@ -1677,7 +1745,7 @@ var optionStyle = {
   fontWeight: 600,
   color: varRef(LI_VAR.accent)
 };
-var footerStyle = {
+var footerStyle2 = {
   fontSize: 12,
   color: varRef(LI_VAR.muted)
 };
@@ -1865,7 +1933,7 @@ function Caption({ body }) {
     setOverflowing(el.scrollHeight > el.clientHeight + 1);
   }, [body, expanded]);
   const parts = body.split(TOKEN);
-  return /* @__PURE__ */ jsxs("div", { style: wrapStyle2, children: [
+  return /* @__PURE__ */ jsxs("div", { style: wrapStyle3, children: [
     /* @__PURE__ */ jsx("div", { ref, style: expanded ? expandedTextStyle : clampedTextStyle, children: parts.map(
       (part, i) => IS_TOKEN.test(part) ? /* @__PURE__ */ jsx("span", { style: { color: LINK_COLOR }, children: part }, i) : /* @__PURE__ */ jsx("span", { children: part }, i)
     ) }),
@@ -1882,7 +1950,7 @@ function Caption({ body }) {
     ) : null
   ] });
 }
-var wrapStyle2 = {
+var wrapStyle3 = {
   fontSize: 14,
   lineHeight: 1.35
 };
@@ -2337,7 +2405,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);
@@ -2351,7 +2419,7 @@ function Row({
   return /* @__PURE__ */ jsxs("div", { style: rowStyle, children: [
     /* @__PURE__ */ jsxs("label", { htmlFor, style: { display: "flex", flexDirection: "column", gap: 2 }, children: [
       /* @__PURE__ */ jsx("span", { style: { fontSize: 14 }, children: label }),
-      sublabel ? /* @__PURE__ */ jsx("span", { style: { fontSize: 12, color: MUTED }, children: sublabel }) : null
+      sublabel ? /* @__PURE__ */ jsx("span", { style: { fontSize: 12, color: MUTED2 }, children: sublabel }) : null
     ] }),
     control
   ] });
@@ -2459,7 +2527,7 @@ var hintStyle = {
 var noticeStyle = {
   margin: 0,
   fontSize: 12,
-  color: MUTED,
+  color: MUTED2,
   lineHeight: 1.4
 };
 var checkRowStyle = {
@@ -2468,7 +2536,7 @@ var checkRowStyle = {
   gap: 10,
   cursor: "pointer"
 };
-var TOKENS = { MUTED, BORDER, ACCENT};
+var TOKENS = { MUTED: MUTED2, BORDER, ACCENT};
 function AudienceSelect({
   creatorInfo,
   value,
@@ -2525,7 +2593,7 @@ function TikTokCaptionField({
   const max = captionMaxFor(postType);
   const count = value.length;
   const over = count > max;
-  return /* @__PURE__ */ jsxs("div", { className, style: { ...wrapStyle3, ...style }, children: [
+  return /* @__PURE__ */ jsxs("div", { className, style: { ...wrapStyle4, ...style }, children: [
     /* @__PURE__ */ jsxs("div", { style: labelRowStyle, children: [
       /* @__PURE__ */ jsx("label", { htmlFor: id, style: labelStyle, children: "Caption" }),
       /* @__PURE__ */ jsxs(
@@ -2559,7 +2627,7 @@ function TikTokCaptionField({
     )
   ] });
 }
-var wrapStyle3 = {
+var wrapStyle4 = {
   display: "flex",
   flexDirection: "column",
   gap: 6,
@@ -2818,6 +2886,6 @@ var postButtonStyle = {
   transition: "opacity 160ms ease"
 };
 
-export { ArticleCard, AudienceSelect, CommercialDisclosure, Connect, Declaration, DocumentCard, InteractionToggles, LinkedInPostPreview, Poll, PostrunProvider, TikTokCaptionField, TikTokPostPreview, TikTokPublishPanel, UploadError, XPostPreview, connectionKeys, mediaKeys, postKeys, profileKeys, tiktokKeys, useCalendar, useConnect, useConnection, useConnections, useCreatePost, useCreateProfile, useDeleteMedia, useDeletePost, useDeleteProfile, useDisconnect, useDiscoverableAccounts, useInfiniteList, useMedia, useMediaInfinite, useMediaList, useMediaUpload, usePost, usePostrun, usePosts, usePostsInfinite, useProfile, useProfiles, useProfilesInfinite, useSelectAccount, useTikTokCreatorInfo, useUpdateMedia, useUpdatePost, useUpdateProfile, useValidatePost };
+export { ArticleCard, AudienceSelect, CommercialDisclosure, Connect, Declaration, DocumentCard, InteractionToggles, LinkedInPostPreview, Poll, PostrunProvider, TikTokCaptionField, TikTokPostPreview, TikTokPublishPanel, UploadError, XPoll, XPostPreview, connectionKeys, mediaKeys, postKeys, profileKeys, tiktokKeys, toPreviewMedia, useCalendar, useConnect, useConnection, useConnections, useCreatePost, useCreateProfile, useDeleteMedia, useDeletePost, useDeleteProfile, useDisconnect, useDiscoverableAccounts, useInfiniteList, useMedia, useMediaInfinite, useMediaList, useMediaUpload, usePost, usePostrun, usePosts, usePostsInfinite, useProfile, useProfiles, useProfilesInfinite, useSelectAccount, useTikTokCreatorInfo, useUpdateMedia, useUpdatePost, useUpdateProfile, useValidatePost };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map