@postrun/react 2.5.0 → 2.6.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.d.cts CHANGED
@@ -2,7 +2,7 @@ import * as react from 'react';
2
2
  import { ReactNode, CSSProperties } from 'react';
3
3
  import * as _tanstack_react_query from '@tanstack/react-query';
4
4
  import { QueryClient, QueryKey } from '@tanstack/react-query';
5
- import { PostrunClient, ListProfilesQuery, DiscoverableAccountList, Connection, ConnectionKind, ConnectionStatus, ListMediaQuery, ListPostsQuery, ConnectablePlatform, MediaResource, MediaTarget, Metadata, ComposePostInput, PostValidation, MediaKind, XPostVariant, LinkedInPostVariant, TikTokPostVariant, TikTokCreatorInfo, TikTokOptionsValue } from '@postrun/js';
5
+ 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';
6
6
  export { PostValidation, PostVariant, PostVariantError, TIKTOK_CAPTION_MAX, TikTokCreatorInfo, ValidationIssue, captionMaxFor } from '@postrun/js';
7
7
  import { TwitterComponents } from 'react-tweet';
8
8
 
@@ -1730,6 +1730,17 @@ declare function XPostPreviewImpl({ variant, author, media, quotedTweet, replyTo
1730
1730
  * already absorbs unstable media arrays). */
1731
1731
  declare const XPostPreview: react.MemoExoticComponent<typeof XPostPreviewImpl>;
1732
1732
 
1733
+ /**
1734
+ * An X poll (`settings.poll`) rendered in the post preview — the 2–4 options as
1735
+ * X's pre-vote outlined buttons, then an honest "0 votes · <time left>" footer
1736
+ * (a draft poll has no votes; never fabricate counts). Colors inherit
1737
+ * react-tweet's CSS variables, so it matches the card in light and dark.
1738
+ */
1739
+ interface XPollProps {
1740
+ poll: XPoll$1;
1741
+ }
1742
+ declare function XPoll({ poll }: XPollProps): react.JSX.Element;
1743
+
1733
1744
  /**
1734
1745
  * LinkedIn preview theming. Unlike the X preview (which inherits react-tweet's
1735
1746
  * CSS), we own the LinkedIn card, so we expose a small set of CSS custom
@@ -1953,4 +1964,4 @@ declare function Declaration({ brandedContent }: {
1953
1964
  brandedContent: boolean;
1954
1965
  }): react.JSX.Element;
1955
1966
 
1956
- 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 };
1967
+ 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, 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 CHANGED
@@ -2,7 +2,7 @@ import * as react from 'react';
2
2
  import { ReactNode, CSSProperties } from 'react';
3
3
  import * as _tanstack_react_query from '@tanstack/react-query';
4
4
  import { QueryClient, QueryKey } from '@tanstack/react-query';
5
- import { PostrunClient, ListProfilesQuery, DiscoverableAccountList, Connection, ConnectionKind, ConnectionStatus, ListMediaQuery, ListPostsQuery, ConnectablePlatform, MediaResource, MediaTarget, Metadata, ComposePostInput, PostValidation, MediaKind, XPostVariant, LinkedInPostVariant, TikTokPostVariant, TikTokCreatorInfo, TikTokOptionsValue } from '@postrun/js';
5
+ 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';
6
6
  export { PostValidation, PostVariant, PostVariantError, TIKTOK_CAPTION_MAX, TikTokCreatorInfo, ValidationIssue, captionMaxFor } from '@postrun/js';
7
7
  import { TwitterComponents } from 'react-tweet';
8
8
 
@@ -1730,6 +1730,17 @@ declare function XPostPreviewImpl({ variant, author, media, quotedTweet, replyTo
1730
1730
  * already absorbs unstable media arrays). */
1731
1731
  declare const XPostPreview: react.MemoExoticComponent<typeof XPostPreviewImpl>;
1732
1732
 
1733
+ /**
1734
+ * An X poll (`settings.poll`) rendered in the post preview — the 2–4 options as
1735
+ * X's pre-vote outlined buttons, then an honest "0 votes · <time left>" footer
1736
+ * (a draft poll has no votes; never fabricate counts). Colors inherit
1737
+ * react-tweet's CSS variables, so it matches the card in light and dark.
1738
+ */
1739
+ interface XPollProps {
1740
+ poll: XPoll$1;
1741
+ }
1742
+ declare function XPoll({ poll }: XPollProps): react.JSX.Element;
1743
+
1733
1744
  /**
1734
1745
  * LinkedIn preview theming. Unlike the X preview (which inherits react-tweet's
1735
1746
  * CSS), we own the LinkedIn card, so we expose a small set of CSS custom
@@ -1953,4 +1964,4 @@ declare function Declaration({ brandedContent }: {
1953
1964
  brandedContent: boolean;
1954
1965
  }): react.JSX.Element;
1955
1966
 
1956
- 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 };
1967
+ 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, 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 CHANGED
@@ -1,7 +1,7 @@
1
1
  "use client";
2
2
  import { createContext, memo, useMemo, useState, useEffect, useRef, useLayoutEffect, Fragment as Fragment$1, useCallback, createElement, useContext, useId } from 'react';
3
3
  import { useInfiniteQuery, useQuery, useMutation, QueryClient } from '@tanstack/react-query';
4
- 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';
4
+ 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';
5
5
  export { TIKTOK_CAPTION_MAX, captionMaxFor } from '@postrun/js';
6
6
  import Nango, { AuthError } from '@nangohq/frontend';
7
7
  import pWaitFor, { TimeoutError } from 'p-wait-for';
@@ -9,8 +9,8 @@ import pLimit from 'p-limit';
9
9
  import pRetry, { AbortError } from 'p-retry';
10
10
  import axios, { isAxiosError } from 'axios';
11
11
  import { enrichTweet, TweetContainer, TweetHeader, TweetInReplyTo, TweetBody, TweetMedia, QuotedTweet } from 'react-tweet';
12
- import { FiMessageCircle, FiRepeat, FiHeart, FiBarChart2, FiShare, FiGlobe, FiUsers, FiThumbsUp, FiMessageSquare, FiSend, FiFileText } from 'react-icons/fi';
13
12
  import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
13
+ import { FiMessageCircle, FiRepeat, FiHeart, FiBarChart2, FiShare, FiGlobe, FiUsers, FiThumbsUp, FiMessageSquare, FiSend, FiFileText } from 'react-icons/fi';
14
14
  import twitterText from 'twitter-text';
15
15
  import { LuBadgeCheck } from 'react-icons/lu';
16
16
  import useEmblaCarousel from 'embla-carousel-react';
@@ -1029,6 +1029,37 @@ function useResolvedMedia(media, altFallbacks, altSignature) {
1029
1029
  [signature, altSignature, objectUrls]
1030
1030
  );
1031
1031
  }
1032
+ function XPoll({ poll }) {
1033
+ return /* @__PURE__ */ jsxs("div", { style: wrapStyle, children: [
1034
+ poll.options.map((option, i) => /* @__PURE__ */ jsx("div", { style: optionStyle, children: option }, `${option}-${i}`)),
1035
+ /* @__PURE__ */ jsxs("div", { style: footerStyle, children: [
1036
+ "0 votes \xB7 ",
1037
+ xPollDurationLabel(poll.duration_minutes)
1038
+ ] })
1039
+ ] });
1040
+ }
1041
+ var BLUE = "var(--tweet-color-blue-primary, #1d9bf0)";
1042
+ var MUTED = "var(--tweet-color-gray-secondary, #536471)";
1043
+ var wrapStyle = {
1044
+ display: "flex",
1045
+ flexDirection: "column",
1046
+ gap: 8,
1047
+ marginTop: 12
1048
+ };
1049
+ var optionStyle = {
1050
+ border: `1px solid ${BLUE}`,
1051
+ color: BLUE,
1052
+ borderRadius: 999,
1053
+ padding: "8px 16px",
1054
+ textAlign: "center",
1055
+ fontSize: 15,
1056
+ fontWeight: 700
1057
+ };
1058
+ var footerStyle = {
1059
+ fontSize: 13,
1060
+ color: MUTED,
1061
+ marginTop: 2
1062
+ };
1032
1063
  var ROW = {
1033
1064
  display: "flex",
1034
1065
  justifyContent: "space-between",
@@ -1269,6 +1300,7 @@ function XPostPreviewImpl({
1269
1300
  tweet.in_reply_to_screen_name ? /* @__PURE__ */ jsx(TweetInReplyTo, { tweet }) : null,
1270
1301
  /* @__PURE__ */ jsx(TweetBody, { tweet }),
1271
1302
  tweet.mediaDetails?.length ? /* @__PURE__ */ jsx(TweetMedia, { tweet, components }) : null,
1303
+ variant.settings?.poll ? /* @__PURE__ */ jsx(XPoll, { poll: variant.settings.poll }) : null,
1272
1304
  tweet.quoted_tweet ? /* @__PURE__ */ jsx(QuotedTweet, { tweet: tweet.quoted_tweet }) : null,
1273
1305
  showActions ? /* @__PURE__ */ jsx(XPreviewActions, {}) : null
1274
1306
  ] })
@@ -1640,16 +1672,16 @@ function Media({ media }) {
1640
1672
  return /* @__PURE__ */ jsx(ImageMosaic, { media: images });
1641
1673
  }
1642
1674
  function Poll({ poll }) {
1643
- return /* @__PURE__ */ jsxs("div", { style: wrapStyle, children: [
1675
+ return /* @__PURE__ */ jsxs("div", { style: wrapStyle2, children: [
1644
1676
  /* @__PURE__ */ jsx("div", { style: questionStyle, children: poll.question }),
1645
- /* @__PURE__ */ jsx("div", { style: optionsStyle, children: poll.options.map((option, i) => /* @__PURE__ */ jsx("div", { style: optionStyle, children: option }, `${option}-${i}`)) }),
1646
- /* @__PURE__ */ jsxs("div", { style: footerStyle, children: [
1677
+ /* @__PURE__ */ jsx("div", { style: optionsStyle, children: poll.options.map((option, i) => /* @__PURE__ */ jsx("div", { style: optionStyle2, children: option }, `${option}-${i}`)) }),
1678
+ /* @__PURE__ */ jsxs("div", { style: footerStyle2, children: [
1647
1679
  "0 votes \u2022 ",
1648
1680
  linkedinPollDurationLabel(poll.duration)
1649
1681
  ] })
1650
1682
  ] });
1651
1683
  }
1652
- var wrapStyle = {
1684
+ var wrapStyle2 = {
1653
1685
  border: `1px solid ${varRef(LI_VAR.border)}`,
1654
1686
  borderRadius: 8,
1655
1687
  padding: 12,
@@ -1668,7 +1700,7 @@ var optionsStyle = {
1668
1700
  flexDirection: "column",
1669
1701
  gap: 8
1670
1702
  };
1671
- var optionStyle = {
1703
+ var optionStyle2 = {
1672
1704
  border: `1px solid ${varRef(LI_VAR.accent)}`,
1673
1705
  borderRadius: 999,
1674
1706
  padding: "8px 16px",
@@ -1677,7 +1709,7 @@ var optionStyle = {
1677
1709
  fontWeight: 600,
1678
1710
  color: varRef(LI_VAR.accent)
1679
1711
  };
1680
- var footerStyle = {
1712
+ var footerStyle2 = {
1681
1713
  fontSize: 12,
1682
1714
  color: varRef(LI_VAR.muted)
1683
1715
  };
@@ -1865,7 +1897,7 @@ function Caption({ body }) {
1865
1897
  setOverflowing(el.scrollHeight > el.clientHeight + 1);
1866
1898
  }, [body, expanded]);
1867
1899
  const parts = body.split(TOKEN);
1868
- return /* @__PURE__ */ jsxs("div", { style: wrapStyle2, children: [
1900
+ return /* @__PURE__ */ jsxs("div", { style: wrapStyle3, children: [
1869
1901
  /* @__PURE__ */ jsx("div", { ref, style: expanded ? expandedTextStyle : clampedTextStyle, children: parts.map(
1870
1902
  (part, i) => IS_TOKEN.test(part) ? /* @__PURE__ */ jsx("span", { style: { color: LINK_COLOR }, children: part }, i) : /* @__PURE__ */ jsx("span", { children: part }, i)
1871
1903
  ) }),
@@ -1882,7 +1914,7 @@ function Caption({ body }) {
1882
1914
  ) : null
1883
1915
  ] });
1884
1916
  }
1885
- var wrapStyle2 = {
1917
+ var wrapStyle3 = {
1886
1918
  fontSize: 14,
1887
1919
  lineHeight: 1.35
1888
1920
  };
@@ -2337,7 +2369,7 @@ function useIsDark2(theme) {
2337
2369
  }
2338
2370
  return theme === "dark";
2339
2371
  }
2340
- var MUTED = varRef2(TT_VAR.muted);
2372
+ var MUTED2 = varRef2(TT_VAR.muted);
2341
2373
  var BORDER = varRef2(TT_VAR.border);
2342
2374
  var ACCENT = varRef2(TT_VAR.accent);
2343
2375
  var SWITCH_OFF = varRef2(TT_VAR.switchOff);
@@ -2351,7 +2383,7 @@ function Row({
2351
2383
  return /* @__PURE__ */ jsxs("div", { style: rowStyle, children: [
2352
2384
  /* @__PURE__ */ jsxs("label", { htmlFor, style: { display: "flex", flexDirection: "column", gap: 2 }, children: [
2353
2385
  /* @__PURE__ */ jsx("span", { style: { fontSize: 14 }, children: label }),
2354
- sublabel ? /* @__PURE__ */ jsx("span", { style: { fontSize: 12, color: MUTED }, children: sublabel }) : null
2386
+ sublabel ? /* @__PURE__ */ jsx("span", { style: { fontSize: 12, color: MUTED2 }, children: sublabel }) : null
2355
2387
  ] }),
2356
2388
  control
2357
2389
  ] });
@@ -2459,7 +2491,7 @@ var hintStyle = {
2459
2491
  var noticeStyle = {
2460
2492
  margin: 0,
2461
2493
  fontSize: 12,
2462
- color: MUTED,
2494
+ color: MUTED2,
2463
2495
  lineHeight: 1.4
2464
2496
  };
2465
2497
  var checkRowStyle = {
@@ -2468,7 +2500,7 @@ var checkRowStyle = {
2468
2500
  gap: 10,
2469
2501
  cursor: "pointer"
2470
2502
  };
2471
- var TOKENS = { MUTED, BORDER, ACCENT};
2503
+ var TOKENS = { MUTED: MUTED2, BORDER, ACCENT};
2472
2504
  function AudienceSelect({
2473
2505
  creatorInfo,
2474
2506
  value,
@@ -2525,7 +2557,7 @@ function TikTokCaptionField({
2525
2557
  const max = captionMaxFor(postType);
2526
2558
  const count = value.length;
2527
2559
  const over = count > max;
2528
- return /* @__PURE__ */ jsxs("div", { className, style: { ...wrapStyle3, ...style }, children: [
2560
+ return /* @__PURE__ */ jsxs("div", { className, style: { ...wrapStyle4, ...style }, children: [
2529
2561
  /* @__PURE__ */ jsxs("div", { style: labelRowStyle, children: [
2530
2562
  /* @__PURE__ */ jsx("label", { htmlFor: id, style: labelStyle, children: "Caption" }),
2531
2563
  /* @__PURE__ */ jsxs(
@@ -2559,7 +2591,7 @@ function TikTokCaptionField({
2559
2591
  )
2560
2592
  ] });
2561
2593
  }
2562
- var wrapStyle3 = {
2594
+ var wrapStyle4 = {
2563
2595
  display: "flex",
2564
2596
  flexDirection: "column",
2565
2597
  gap: 6,
@@ -2818,6 +2850,6 @@ var postButtonStyle = {
2818
2850
  transition: "opacity 160ms ease"
2819
2851
  };
2820
2852
 
2821
- 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 };
2853
+ export { ArticleCard, AudienceSelect, CommercialDisclosure, Connect, Declaration, DocumentCard, InteractionToggles, LinkedInPostPreview, Poll, PostrunProvider, TikTokCaptionField, TikTokPostPreview, TikTokPublishPanel, UploadError, XPoll, 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 };
2822
2854
  //# sourceMappingURL=index.js.map
2823
2855
  //# sourceMappingURL=index.js.map