@postrun/react 3.3.0 → 4.0.0

package/dist/index.js

@@ -1,13 +1,12 @@
 "use client";
 import { createContext, memo, useMemo, useState, Fragment as Fragment$1, useRef, useLayoutEffect, useCallback, useEffect, createElement, useContext, useId } from 'react';
-import { useInfiniteQuery, useQuery, useMutation, useQueries, QueryClient } from '@tanstack/react-query';
-import { xPollDurationLabel, linkedinPollDurationLabel, captionMaxFor, UploadError, TIKTOK_CAPTION_MAX, 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, groupAdTree, audiencePrivacyOptions, audienceUnselected, tiktokPrivacyLabel, parsePrivacyLevel, TIKTOK_AUDIENCE_REQUIRED_HINT, 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, uploadFile, waitForMedia, PostrunError } from '@postrun/js';
+import { useInfiniteQuery, useQuery, useMutation, QueryClient } from '@tanstack/react-query';
+import { xPollDurationLabel, linkedinPollDurationLabel, captionMaxFor, UploadError, TIKTOK_CAPTION_MAX, 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, parsePrivacyLevel, TIKTOK_AUDIENCE_REQUIRED_HINT, commercialLabelNotice, commercialDisclosureIncomplete, brandedContentDisabledReason, setCommercialDisclosure, setBrandKind, TIKTOK_DISCLOSURE_REQUIRED_HINT, TIKTOK_BRANDED_CONTENT_POLICY_URL, TIKTOK_MUSIC_CONFIRMATION_URL, interactionRows, interactionValueKey, toggleInteraction, tiktokOptionsReady, TIKTOK_PROCESSING_NOTICE, brandedContentDeclared, mediaCreate, uploadFile, waitForMedia, PostrunError } from '@postrun/js';
 export { TIKTOK_CAPTION_MAX, UploadError, captionMaxFor } from '@postrun/js';
 import Nango, { AuthError } from '@nangohq/frontend';
 import pWaitFor, { TimeoutError } from 'p-wait-for';
 import pLimit from 'p-limit';
 import * as query_star from '@postrun/js/query';
-import { googleGetAdTreeOptions } from '@postrun/js/query';
 import { enrichTweet, TweetContainer, TweetHeader, TweetInReplyTo, TweetBody, TweetMedia, QuotedTweet } from 'react-tweet';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { FiMessageCircle, FiRepeat, FiHeart, FiBarChart2, FiShare, FiGlobe, FiUsers, FiThumbsUp, FiMessageSquare, FiSend, FiBookmark, FiMoreHorizontal, FiFileText } from 'react-icons/fi';
@@ -65,7 +64,6 @@ __export(index_exports, {
   profileKeys: () => profileKeys,
   resolveVariantMedia: () => resolveVariantMedia,
   tiktokKeys: () => tiktokKeys,
-  useAdTree: () => useAdTree,
   useCalendar: () => useCalendar,
   useConnect: () => useConnect,
   useConnection: () => useConnection,
@@ -984,76 +982,6 @@ function useTikTokCreatorInfo(connectionId) {
     queryClient
   );
 }
-function useAdTree(params) {
-  const { connectionId, since, until, metrics, expanded = [] } = params;
-  const { client, queryClient } = usePostrun();
-  const enabled = Boolean(connectionId && since && until);
-  const path = { connection_id: connectionId };
-  const baseQuery = { since, until, metrics };
-  const campaign = useQuery(
-    {
-      ...googleGetAdTreeOptions({ client, path, query: baseQuery }),
-      enabled
-    },
-    queryClient
-  );
-  const combine = useCallback(
-    (results) => {
-      const nodes = results.flatMap((q) => q.data?.data ?? []);
-      const loadingById2 = new Map(
-        expanded.map((id, i) => [id, results[i]?.isLoading ?? false])
-      );
-      return { nodes, loadingById: loadingById2 };
-    },
-    // eslint-disable-next-line react-hooks/exhaustive-deps -- expanded is an array; join gives a stable string dep
-    // biome-ignore lint/correctness/useExhaustiveDependencies: intentional string-join dep for array stability
-    [expanded.join(",")]
-  );
-  const { nodes: subtreeNodes, loadingById } = useQueries(
-    {
-      queries: expanded.map((campaignId) => ({
-        ...googleGetAdTreeOptions({
-          client,
-          path,
-          query: { ...baseQuery, campaign_id: campaignId }
-        }),
-        enabled
-      })),
-      combine
-    },
-    queryClient
-  );
-  const tree = useMemo(
-    () => groupAdTree([...campaign.data?.data ?? [], ...subtreeNodes]),
-    [campaign.data, subtreeNodes]
-  );
-  const isExpanding = useCallback(
-    (campaignId) => loadingById.get(campaignId) ?? false,
-    [loadingById]
-  );
-  const refetch = useCallback(
-    (...args) => campaign.refetch(...args),
-    [campaign.refetch]
-  );
-  return useMemo(
-    () => ({
-      tree,
-      isLoading: campaign.isLoading,
-      isError: campaign.isError,
-      error: campaign.error,
-      isExpanding,
-      refetch
-    }),
-    [
-      tree,
-      campaign.isLoading,
-      campaign.isError,
-      campaign.error,
-      isExpanding,
-      refetch
-    ]
-  );
-}
 
 // src/query.ts
 var query_exports = {};
@@ -2788,10 +2716,10 @@ var ShareIcon = (p) => /* @__PURE__ */ jsx(Icon, { viewBox: "0 0 20 20", ...p, c
 var PlusIcon = (p) => /* @__PURE__ */ jsx(Icon, { viewBox: "0 0 48 48", ...p, children: /* @__PURE__ */ jsx("path", { d: "M26 7a1 1 0 0 0-1-1h-2a1 1 0 0 0-1 1v15H7a1 1 0 0 0-1 1v2a1 1 0 0 0 1 1h15v15a1 1 0 0 0 1 1h2a1 1 0 0 0 1-1V26h15a1 1 0 0 0 1-1v-2a1 1 0 0 0-1-1H26V7Z" }) });
 var DASH = "\u2011\u2011\u2011";
 function commercialLabel(settings) {
-  if (settings?.brand_content_toggle) {
+  if (settings?.is_branded_content) {
     return "Paid partnership";
   }
-  if (settings?.brand_organic_toggle) {
+  if (settings?.is_brand_organic) {
     return "Promotional content";
   }
   return null;
@@ -2811,7 +2739,7 @@ function TikTokPostPreviewImpl({
   const { creator } = creatorInfo;
   const handle = creator.username || creator.nickname;
   const label = commercialLabel(variant.settings);
-  const isAigc = Boolean(variant.settings?.is_aigc);
+  const isAigc = Boolean(variant.settings?.is_ai_generated);
   const pending = resolved.length > 0 && readyMedia.length === 0;
   return /* @__PURE__ */ jsxs("div", { className, style: { ...cardStyle4, ...style }, children: [
     /* @__PURE__ */ jsx("style", { children: KEYFRAMES }),
@@ -3089,7 +3017,8 @@ function Notice({ children }) {
 function CheckRow({
   label,
   checked,
-  onChange
+  onChange,
+  disabledReason
 }) {
   const id = useId();
   return /* @__PURE__ */ jsxs("label", { htmlFor: id, style: checkRowStyle, children: [
@@ -3099,11 +3028,13 @@ function CheckRow({
         id,
         type: "checkbox",
         checked,
+        disabled: disabledReason !== void 0,
         onChange: (e) => onChange(e.target.checked),
         style: { accentColor: ACCENT, width: 16, height: 16 }
       }
     ),
-    /* @__PURE__ */ jsx("span", { style: { fontSize: 14 }, children: label })
+    /* @__PURE__ */ jsx("span", { style: { fontSize: 14 }, children: label }),
+    disabledReason ? /* @__PURE__ */ jsx(Hint, { children: disabledReason }) : null
   ] });
 }
 var rowStyle3 = {
@@ -3160,8 +3091,10 @@ function AudienceSelect({
   value,
   onChange
 }) {
-  const options = audiencePrivacyOptions(creatorInfo.privacy_options, value);
-  const unselected = audienceUnselected(value);
+  const choices = audiencePrivacyOptions(creatorInfo.privacy_options, value);
+  const enabled = choices.flatMap((c) => c.disabled ? [] : [c.level]);
+  const reason = choices.find((c) => c.disabled)?.disabledReason;
+  const unselected = audienceUnselected(value, false);
   return /* @__PURE__ */ jsxs("div", { style: { display: "flex", flexDirection: "column", gap: 8 }, children: [
     /* @__PURE__ */ jsx(SectionLabel, { children: "Who can view this post" }),
     /* @__PURE__ */ jsxs(
@@ -3171,17 +3104,27 @@ function AudienceSelect({
         value: value.privacy_level ?? "",
         onChange: (e) => onChange({
           ...value,
-          // Validate against the OFFERED (filtered) options, not the full set —
-          // so a manipulated value (e.g. SELF_ONLY while branded) can't slip in.
-          privacy_level: parsePrivacyLevel(e.target.value, options)
+          // Validate against the ENABLED options so a manipulated value
+          // (e.g. SELF_ONLY while branded) can't slip in.
+          privacy_level: parsePrivacyLevel(e.target.value, enabled)
         }),
         style: selectStyle,
         children: [
           /* @__PURE__ */ jsx("option", { value: "", disabled: true, children: "Select who can view this post" }),
-          options.map((level) => /* @__PURE__ */ jsx("option", { value: level, children: tiktokPrivacyLabel(level) }, level))
+          choices.map((choice) => /* @__PURE__ */ jsx(
+            "option",
+            {
+              value: choice.level,
+              disabled: choice.disabled,
+              title: choice.disabledReason,
+              children: choice.label
+            },
+            choice.level
+          ))
         ]
       }
     ),
+    reason ? /* @__PURE__ */ jsx(Hint, { children: reason }) : null,
     unselected ? /* @__PURE__ */ jsx(Hint, { children: TIKTOK_AUDIENCE_REQUIRED_HINT }) : null
   ] });
 }
@@ -3280,10 +3223,12 @@ var textareaStyle = {
 };
 function CommercialDisclosure({
   value,
-  onChange
+  onChange,
+  isVideo
 }) {
   const labelNotice = commercialLabelNotice(value);
   const incomplete = commercialDisclosureIncomplete(value);
+  const brandedLocked = isVideo ? void 0 : brandedContentDisabledReason(value);
   return /* @__PURE__ */ jsxs("div", { style: { display: "flex", flexDirection: "column", gap: 8 }, children: [
     /* @__PURE__ */ jsx(SectionLabel, { children: "Disclose post content" }),
     /* @__PURE__ */ jsx(
@@ -3315,6 +3260,7 @@ function CommercialDisclosure({
         {
           label: "Branded content",
           checked: value.branded_content,
+          disabledReason: brandedLocked,
           onChange: (next) => onChange(setBrandKind(value, "branded_content", next))
         }
       ),
@@ -3404,7 +3350,7 @@ function TikTokPublishPanel({
   const isVideo = postType === "video";
   const captionOver = caption.length > captionMaxFor(postType);
   const mediaOk = mediaCountValid(postType, variant.media?.length ?? 0);
-  const ready = !captionOver && mediaOk && tiktokOptionsReady(options);
+  const ready = !captionOver && mediaOk && tiktokOptionsReady(options, isVideo);
   return /* @__PURE__ */ jsxs(
     "div",
     {
@@ -3425,8 +3371,17 @@ function TikTokPublishPanel({
             postType
           }
         ),
-        /* @__PURE__ */ jsx(Divider, {}),
-        /* @__PURE__ */ jsx(AudienceSelect, { creatorInfo, value: options, onChange: onOptionsChange }),
+        isVideo ? null : /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx(Divider, {}),
+          /* @__PURE__ */ jsx(
+            AudienceSelect,
+            {
+              creatorInfo,
+              value: options,
+              onChange: onOptionsChange
+            }
+          )
+        ] }),
         /* @__PURE__ */ jsx(Divider, {}),
         /* @__PURE__ */ jsx(
           InteractionToggles,
@@ -3438,7 +3393,14 @@ function TikTokPublishPanel({
           }
         ),
         /* @__PURE__ */ jsx(Divider, {}),
-        /* @__PURE__ */ jsx(CommercialDisclosure, { value: options, onChange: onOptionsChange }),
+        /* @__PURE__ */ jsx(
+          CommercialDisclosure,
+          {
+            value: options,
+            onChange: onOptionsChange,
+            isVideo
+          }
+        ),
         isVideo ? /* @__PURE__ */ jsxs(Fragment, { children: [
           /* @__PURE__ */ jsx(Divider, {}),
           /* @__PURE__ */ jsx(
@@ -3449,9 +3411,9 @@ function TikTokPublishPanel({
               control: /* @__PURE__ */ jsx(
                 Switch,
                 {
-                  checked: options.aigc,
+                  checked: options.ai_generated,
                   ariaLabel: "AI-generated content",
-                  onChange: (next) => onOptionsChange({ ...options, aigc: next })
+                  onChange: (next) => onOptionsChange({ ...options, ai_generated: next })
                 }
               )
             }
@@ -3504,6 +3466,6 @@ var postButtonStyle = {
   transition: "opacity 160ms ease"
 };
 
-export { ArticleCard, AudienceSelect, CommercialDisclosure, Connect, Declaration, DocumentCard, InstagramPostPreview, InteractionToggles, LinkedInPostPreview, Poll, PostrunProvider, ReelPreview, TikTokCaptionField, TikTokPostPreview, TikTokPublishPanel, XPoll, XPostPreview, connectionKeys, isReadyMedia, mediaKeys, postKeys, profileKeys, resolveVariantMedia, tiktokKeys, useAdTree, useCalendar, useConnect, useConnection, useConnections, useCreatePost, useCreateProfile, useDeleteMedia, useDeletePost, useDeleteProfile, useDisconnect, useDiscoverableAccounts, useInfiniteList, useMedia, useMediaInfinite, useMediaList, useMediaUpload, usePost, usePostrun, usePostrunMutation, usePostrunQuery, usePosts, usePostsInfinite, useProfile, useProfiles, useProfilesInfinite, useSelectAccount, useTikTokCreatorInfo, useUpdateMedia, useUpdatePost, useUpdateProfile, useValidatePost };
+export { ArticleCard, AudienceSelect, CommercialDisclosure, Connect, Declaration, DocumentCard, InstagramPostPreview, InteractionToggles, LinkedInPostPreview, Poll, PostrunProvider, ReelPreview, TikTokCaptionField, TikTokPostPreview, TikTokPublishPanel, XPoll, XPostPreview, connectionKeys, isReadyMedia, mediaKeys, postKeys, profileKeys, resolveVariantMedia, tiktokKeys, useCalendar, useConnect, useConnection, useConnections, useCreatePost, useCreateProfile, useDeleteMedia, useDeletePost, useDeleteProfile, useDisconnect, useDiscoverableAccounts, useInfiniteList, useMedia, useMediaInfinite, useMediaList, useMediaUpload, usePost, usePostrun, usePostrunMutation, usePostrunQuery, usePosts, usePostsInfinite, useProfile, useProfiles, useProfilesInfinite, useSelectAccount, useTikTokCreatorInfo, useUpdateMedia, useUpdatePost, useUpdateProfile, useValidatePost };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map