@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.cjs +48 -15
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +13 -2
- package/dist/index.d.ts +13 -2
- package/dist/index.js +49 -17
- package/dist/index.js.map +1 -1
- package/package.json +2 -2
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:
|
|
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:
|
|
1646
|
-
/* @__PURE__ */ jsxs("div", { style:
|
|
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
|
|
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
|
|
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
|
|
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:
|
|
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
|
|
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
|
|
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:
|
|
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:
|
|
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: { ...
|
|
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
|
|
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
|