@postrun/react 3.3.0 → 4.0.0

package/dist/index.cjs

@@ -92,7 +92,6 @@ __export(index_exports, {
   profileKeys: () => profileKeys,
   resolveVariantMedia: () => resolveVariantMedia,
   tiktokKeys: () => tiktokKeys,
-  useAdTree: () => useAdTree,
   useCalendar: () => useCalendar,
   useConnect: () => useConnect,
   useConnection: () => useConnection,
@@ -1011,76 +1010,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 = reactQuery.useQuery(
-    {
-      ...query_star.googleGetAdTreeOptions({ client, path, query: baseQuery }),
-      enabled
-    },
-    queryClient
-  );
-  const combine = react.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 } = reactQuery.useQueries(
-    {
-      queries: expanded.map((campaignId) => ({
-        ...query_star.googleGetAdTreeOptions({
-          client,
-          path,
-          query: { ...baseQuery, campaign_id: campaignId }
-        }),
-        enabled
-      })),
-      combine
-    },
-    queryClient
-  );
-  const tree = react.useMemo(
-    () => js.groupAdTree([...campaign.data?.data ?? [], ...subtreeNodes]),
-    [campaign.data, subtreeNodes]
-  );
-  const isExpanding = react.useCallback(
-    (campaignId) => loadingById.get(campaignId) ?? false,
-    [loadingById]
-  );
-  const refetch = react.useCallback(
-    (...args) => campaign.refetch(...args),
-    [campaign.refetch]
-  );
-  return react.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 = {};
@@ -2815,10 +2744,10 @@ var ShareIcon = (p) => /* @__PURE__ */ jsxRuntime.jsx(Icon, { viewBox: "0 0 20 2
 var PlusIcon = (p) => /* @__PURE__ */ jsxRuntime.jsx(Icon, { viewBox: "0 0 48 48", ...p, children: /* @__PURE__ */ jsxRuntime.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;
@@ -2838,7 +2767,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__ */ jsxRuntime.jsxs("div", { className, style: { ...cardStyle4, ...style }, children: [
     /* @__PURE__ */ jsxRuntime.jsx("style", { children: KEYFRAMES }),
@@ -3116,7 +3045,8 @@ function Notice({ children }) {
 function CheckRow({
   label,
   checked,
-  onChange
+  onChange,
+  disabledReason
 }) {
   const id = react.useId();
   return /* @__PURE__ */ jsxRuntime.jsxs("label", { htmlFor: id, style: checkRowStyle, children: [
@@ -3126,11 +3056,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__ */ jsxRuntime.jsx("span", { style: { fontSize: 14 }, children: label })
+    /* @__PURE__ */ jsxRuntime.jsx("span", { style: { fontSize: 14 }, children: label }),
+    disabledReason ? /* @__PURE__ */ jsxRuntime.jsx(Hint, { children: disabledReason }) : null
   ] });
 }
 var rowStyle3 = {
@@ -3187,8 +3119,10 @@ function AudienceSelect({
   value,
   onChange
 }) {
-  const options = js.audiencePrivacyOptions(creatorInfo.privacy_options, value);
-  const unselected = js.audienceUnselected(value);
+  const choices = js.audiencePrivacyOptions(creatorInfo.privacy_options, value);
+  const enabled = choices.flatMap((c) => c.disabled ? [] : [c.level]);
+  const reason = choices.find((c) => c.disabled)?.disabledReason;
+  const unselected = js.audienceUnselected(value, false);
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { display: "flex", flexDirection: "column", gap: 8 }, children: [
     /* @__PURE__ */ jsxRuntime.jsx(SectionLabel, { children: "Who can view this post" }),
     /* @__PURE__ */ jsxRuntime.jsxs(
@@ -3198,17 +3132,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: js.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: js.parsePrivacyLevel(e.target.value, enabled)
         }),
         style: selectStyle,
         children: [
           /* @__PURE__ */ jsxRuntime.jsx("option", { value: "", disabled: true, children: "Select who can view this post" }),
-          options.map((level) => /* @__PURE__ */ jsxRuntime.jsx("option", { value: level, children: js.tiktokPrivacyLabel(level) }, level))
+          choices.map((choice) => /* @__PURE__ */ jsxRuntime.jsx(
+            "option",
+            {
+              value: choice.level,
+              disabled: choice.disabled,
+              title: choice.disabledReason,
+              children: choice.label
+            },
+            choice.level
+          ))
         ]
       }
     ),
+    reason ? /* @__PURE__ */ jsxRuntime.jsx(Hint, { children: reason }) : null,
     unselected ? /* @__PURE__ */ jsxRuntime.jsx(Hint, { children: js.TIKTOK_AUDIENCE_REQUIRED_HINT }) : null
   ] });
 }
@@ -3307,10 +3251,12 @@ var textareaStyle = {
 };
 function CommercialDisclosure({
   value,
-  onChange
+  onChange,
+  isVideo
 }) {
   const labelNotice = js.commercialLabelNotice(value);
   const incomplete = js.commercialDisclosureIncomplete(value);
+  const brandedLocked = isVideo ? void 0 : js.brandedContentDisabledReason(value);
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { display: "flex", flexDirection: "column", gap: 8 }, children: [
     /* @__PURE__ */ jsxRuntime.jsx(SectionLabel, { children: "Disclose post content" }),
     /* @__PURE__ */ jsxRuntime.jsx(
@@ -3342,6 +3288,7 @@ function CommercialDisclosure({
         {
           label: "Branded content",
           checked: value.branded_content,
+          disabledReason: brandedLocked,
           onChange: (next) => onChange(js.setBrandKind(value, "branded_content", next))
         }
       ),
@@ -3431,7 +3378,7 @@ function TikTokPublishPanel({
   const isVideo = postType === "video";
   const captionOver = caption.length > js.captionMaxFor(postType);
   const mediaOk = mediaCountValid(postType, variant.media?.length ?? 0);
-  const ready = !captionOver && mediaOk && js.tiktokOptionsReady(options);
+  const ready = !captionOver && mediaOk && js.tiktokOptionsReady(options, isVideo);
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "div",
     {
@@ -3452,8 +3399,17 @@ function TikTokPublishPanel({
             postType
           }
         ),
-        /* @__PURE__ */ jsxRuntime.jsx(Divider, {}),
-        /* @__PURE__ */ jsxRuntime.jsx(AudienceSelect, { creatorInfo, value: options, onChange: onOptionsChange }),
+        isVideo ? null : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(Divider, {}),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            AudienceSelect,
+            {
+              creatorInfo,
+              value: options,
+              onChange: onOptionsChange
+            }
+          )
+        ] }),
         /* @__PURE__ */ jsxRuntime.jsx(Divider, {}),
         /* @__PURE__ */ jsxRuntime.jsx(
           InteractionToggles,
@@ -3465,7 +3421,14 @@ function TikTokPublishPanel({
           }
         ),
         /* @__PURE__ */ jsxRuntime.jsx(Divider, {}),
-        /* @__PURE__ */ jsxRuntime.jsx(CommercialDisclosure, { value: options, onChange: onOptionsChange }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          CommercialDisclosure,
+          {
+            value: options,
+            onChange: onOptionsChange,
+            isVideo
+          }
+        ),
         isVideo ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
           /* @__PURE__ */ jsxRuntime.jsx(Divider, {}),
           /* @__PURE__ */ jsxRuntime.jsx(
@@ -3476,9 +3439,9 @@ function TikTokPublishPanel({
               control: /* @__PURE__ */ jsxRuntime.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 })
                 }
               )
             }
@@ -3567,7 +3530,6 @@ exports.postKeys = postKeys;
 exports.profileKeys = profileKeys;
 exports.resolveVariantMedia = resolveVariantMedia;
 exports.tiktokKeys = tiktokKeys;
-exports.useAdTree = useAdTree;
 exports.useCalendar = useCalendar;
 exports.useConnect = useConnect;
 exports.useConnection = useConnection;