npm - @medialane/ui - Versions diffs - 0.78.1 → 0.79.0 - Mend

@medialane/ui 0.78.1 → 0.79.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.

Files changed (7) hide show

package/dist/components/license-terms-builder.cjs +193 -212
package/dist/components/license-terms-builder.cjs.map +1 -1
package/dist/components/license-terms-builder.d.cts +18 -2
package/dist/components/license-terms-builder.d.ts +18 -2
package/dist/components/license-terms-builder.js +192 -213
package/dist/components/license-terms-builder.js.map +1 -1
package/package.json +1 -1

package/dist/components/license-terms-builder.d.cts CHANGED Viewed

@@ -1,5 +1,13 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
+/** Duration units — the on-chain `duration` arg is seconds, but nobody
+ *  should be forced to think in days for a multi-year deal (or forced into
+ *  days at all — this is declarative, not contract-enforced). */
+declare const DURATION_UNITS: readonly ["Days", "Weeks", "Months", "Years"];
+type DurationUnit = (typeof DURATION_UNITS)[number];
+/** Converts the user-entered value + unit into whole days for the contract's
+ *  `duration` arg (seconds = days * 86400, done by the caller). */
+declare function toDurationDays(terms: SponsorshipTerms): number;
 /** Common sponsorship media/channel types — deliberately not part of the
  *  general IP taxonomy in `data/ip.ts` (that's about the asset itself;
  *  this is about the sponsorship deal's channels), so it stays local here. */
@@ -17,8 +25,14 @@ declare const MEDIA_TYPES: readonly ["Social Media", "Video", "Photo", "Article/
 interface SponsorshipTerms {
     amount: string;
     paymentTokenSymbol: string;
-    durationDays: string;
+    /** No default — the user must explicitly set this, never silently inherit one.
+     *  Paired with `durationUnit`; convert with `toDurationDays()`. */
+    durationValue: string;
+    durationUnit: DurationUnit;
     transferable: boolean;
+    /** Not surfaced in the UI (no resale-royalty concept here) — always "0". Kept
+     *  on the type because `create_offer`/`propose_sponsorship` still take a
+     *  `royaltyBps` argument. */
     royaltyPercent: string;
     /** Free-text notes that don't fit any structured field below. */
     licenseText: string;
@@ -26,6 +40,8 @@ interface SponsorshipTerms {
     commercialUse: "Yes" | "No";
     derivatives: "Allowed" | "Not Allowed" | "Share-Alike";
     attribution: "Required" | "Not Required";
+    /** Free text — "Worldwide" is a fine default, but real deals often name a
+     *  specific country or an exclusion, which a fixed list can't cover. */
     territory: string;
     aiPolicy: string;
     /** e.g. "Instagram + YouTube only" — too deal-specific to bound into an enum. */
@@ -55,4 +71,4 @@ interface LicenseTermsBuilderProps {
 }
 declare function LicenseTermsBuilder({ value, onChange, tokenOptions, amountLabel, disabled, className, }: LicenseTermsBuilderProps): react_jsx_runtime.JSX.Element;
-export { EMPTY_SPONSORSHIP_TERMS, LicenseTermsBuilder, type LicenseTermsBuilderProps, MEDIA_TYPES, type SponsorshipTerms, toLicenseMetadata };
+export { DURATION_UNITS, type DurationUnit, EMPTY_SPONSORSHIP_TERMS, LicenseTermsBuilder, type LicenseTermsBuilderProps, MEDIA_TYPES, type SponsorshipTerms, toDurationDays, toLicenseMetadata };

package/dist/components/license-terms-builder.d.ts CHANGED Viewed

@@ -1,5 +1,13 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
+/** Duration units — the on-chain `duration` arg is seconds, but nobody
+ *  should be forced to think in days for a multi-year deal (or forced into
+ *  days at all — this is declarative, not contract-enforced). */
+declare const DURATION_UNITS: readonly ["Days", "Weeks", "Months", "Years"];
+type DurationUnit = (typeof DURATION_UNITS)[number];
+/** Converts the user-entered value + unit into whole days for the contract's
+ *  `duration` arg (seconds = days * 86400, done by the caller). */
+declare function toDurationDays(terms: SponsorshipTerms): number;
 /** Common sponsorship media/channel types — deliberately not part of the
  *  general IP taxonomy in `data/ip.ts` (that's about the asset itself;
  *  this is about the sponsorship deal's channels), so it stays local here. */
@@ -17,8 +25,14 @@ declare const MEDIA_TYPES: readonly ["Social Media", "Video", "Photo", "Article/
 interface SponsorshipTerms {
     amount: string;
     paymentTokenSymbol: string;
-    durationDays: string;
+    /** No default — the user must explicitly set this, never silently inherit one.
+     *  Paired with `durationUnit`; convert with `toDurationDays()`. */
+    durationValue: string;
+    durationUnit: DurationUnit;
     transferable: boolean;
+    /** Not surfaced in the UI (no resale-royalty concept here) — always "0". Kept
+     *  on the type because `create_offer`/`propose_sponsorship` still take a
+     *  `royaltyBps` argument. */
     royaltyPercent: string;
     /** Free-text notes that don't fit any structured field below. */
     licenseText: string;
@@ -26,6 +40,8 @@ interface SponsorshipTerms {
     commercialUse: "Yes" | "No";
     derivatives: "Allowed" | "Not Allowed" | "Share-Alike";
     attribution: "Required" | "Not Required";
+    /** Free text — "Worldwide" is a fine default, but real deals often name a
+     *  specific country or an exclusion, which a fixed list can't cover. */
     territory: string;
     aiPolicy: string;
     /** e.g. "Instagram + YouTube only" — too deal-specific to bound into an enum. */
@@ -55,4 +71,4 @@ interface LicenseTermsBuilderProps {
 }
 declare function LicenseTermsBuilder({ value, onChange, tokenOptions, amountLabel, disabled, className, }: LicenseTermsBuilderProps): react_jsx_runtime.JSX.Element;
-export { EMPTY_SPONSORSHIP_TERMS, LicenseTermsBuilder, type LicenseTermsBuilderProps, MEDIA_TYPES, type SponsorshipTerms, toLicenseMetadata };
+export { DURATION_UNITS, type DurationUnit, EMPTY_SPONSORSHIP_TERMS, LicenseTermsBuilder, type LicenseTermsBuilderProps, MEDIA_TYPES, type SponsorshipTerms, toDurationDays, toLicenseMetadata };

package/dist/components/license-terms-builder.js CHANGED Viewed

@@ -1,10 +1,15 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { useState } from "react";
-import { ChevronDown, ScrollText } from "lucide-react";
 import { cn } from "../utils/cn.js";
 import { CurrencyIcon } from "./currency-icon.js";
-import { LICENSE_TYPES, GEOGRAPHIC_SCOPES, AI_POLICIES } from "../data/ip.js";
+import { LICENSE_TYPES, AI_POLICIES } from "../data/ip.js";
+const DURATION_UNITS = ["Days", "Weeks", "Months", "Years"];
+const DURATION_UNIT_DAYS = { Days: 1, Weeks: 7, Months: 30, Years: 365 };
+function toDurationDays(terms) {
+  const raw = Number(terms.durationValue || "0");
+  if (!raw || raw <= 0) return 0;
+  return Math.round(raw * DURATION_UNIT_DAYS[terms.durationUnit]);
+}
 const MEDIA_TYPES = [
   "Social Media",
   "Video",
@@ -18,9 +23,10 @@ const MEDIA_TYPES = [
 const EMPTY_SPONSORSHIP_TERMS = {
   amount: "",
   paymentTokenSymbol: "",
-  durationDays: "30",
+  durationValue: "",
+  durationUnit: "Days",
   transferable: true,
-  royaltyPercent: "5",
+  royaltyPercent: "0",
   licenseText: "",
   licenseType: "CC BY-SA",
   commercialUse: "Yes",
@@ -89,7 +95,6 @@ function LicenseTermsBuilder({
   disabled,
   className
 }) {
-  const [panelOpen, setPanelOpen] = useState(false);
   const set = (key, v) => onChange({ ...value, [key]: v });
   const handleLicenseTypeChange = (licenseType) => {
     const def = LICENSE_TYPES.find((l) => l.value === licenseType);
@@ -143,23 +148,6 @@ function LicenseTermsBuilder({
         symbol
       )) })
     ] }),
-    /* @__PURE__ */ jsxs("div", { className: "space-y-1.5", children: [
-      /* @__PURE__ */ jsx("label", { className: FIELD_LABEL, children: "Resale royalty (%)" }),
-      /* @__PURE__ */ jsx(
-        "input",
-        {
-          type: "number",
-          min: 0,
-          max: 100,
-          step: "0.1",
-          disabled,
-          value: value.royaltyPercent,
-          onChange: (e) => set("royaltyPercent", e.target.value),
-          className: INPUT_BASE
-        }
-      ),
-      /* @__PURE__ */ jsx("p", { className: FIELD_HELP, children: "You get this share automatically if the license is ever resold." })
-    ] }),
     /* @__PURE__ */ jsxs("label", { className: "flex items-start gap-2.5 cursor-pointer select-none", children: [
       /* @__PURE__ */ jsx(
         "input",
@@ -176,211 +164,202 @@ function LicenseTermsBuilder({
         /* @__PURE__ */ jsx("span", { className: cn(FIELD_HELP, "block"), children: "Off means it's meant to stay with the sponsor who accepts it \u2014 resale still isn't blocked on-chain, this is just the stated intent." })
       ] })
     ] }),
-    /* @__PURE__ */ jsxs("div", { className: "rounded-xl border border-border overflow-hidden bg-card/40", children: [
-      /* @__PURE__ */ jsxs(
-        "button",
-        {
-          type: "button",
-          onClick: () => setPanelOpen((o) => !o),
-          className: "w-full flex items-center justify-between gap-3 px-4 py-3 text-left transition-colors hover:bg-card/80",
-          children: [
-            /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-2.5 min-w-0", children: [
-              /* @__PURE__ */ jsx(ScrollText, { className: "h-4 w-4 text-brand-purple shrink-0" }),
-              /* @__PURE__ */ jsxs("span", { className: "min-w-0", children: [
-                /* @__PURE__ */ jsx("span", { className: "block text-sm font-semibold", children: "How long, where, and what for" }),
-                !panelOpen ? /* @__PURE__ */ jsxs("span", { className: "block text-xs text-muted-foreground truncate", children: [
-                  value.durationDays || "30",
-                  " days \xB7 ",
-                  value.territory,
-                  " \xB7 ",
-                  value.licenseType
-                ] }) : null
-              ] })
-            ] }),
-            /* @__PURE__ */ jsx(ChevronDown, { className: cn("h-4 w-4 transition-transform text-muted-foreground shrink-0", panelOpen && "rotate-180") })
-          ]
-        }
-      ),
-      panelOpen ? /* @__PURE__ */ jsxs("div", { className: "px-4 pb-4 space-y-4 border-t border-border pt-4", children: [
-        /* @__PURE__ */ jsxs("div", { className: "space-y-1.5", children: [
-          /* @__PURE__ */ jsx("label", { className: FIELD_LABEL, children: "License length (days)" }),
-          /* @__PURE__ */ jsx(
-            "input",
-            {
-              type: "number",
-              min: 1,
-              disabled,
-              value: value.durationDays,
-              onChange: (e) => set("durationDays", e.target.value),
-              className: INPUT_BASE
-            }
-          ),
-          /* @__PURE__ */ jsx("p", { className: FIELD_HELP, children: "Counted from the moment the deal is accepted, not from today." })
-        ] }),
-        /* @__PURE__ */ jsxs("div", { className: "space-y-1.5", children: [
-          /* @__PURE__ */ jsx("label", { className: FIELD_LABEL, children: "License type" }),
-          /* @__PURE__ */ jsx(
-            "select",
-            {
-              disabled,
-              value: value.licenseType,
-              onChange: (e) => handleLicenseTypeChange(e.target.value),
-              className: INPUT_BASE,
-              children: LICENSE_TYPES.map((l) => /* @__PURE__ */ jsx("option", { value: l.value, children: l.label }, l.value))
-            }
-          ),
-          selectedLicense ? /* @__PURE__ */ jsx("p", { className: FIELD_HELP, children: selectedLicense.description }) : null
-        ] }),
-        /* @__PURE__ */ jsxs("div", { className: "space-y-1.5", children: [
-          /* @__PURE__ */ jsx("label", { className: FIELD_LABEL, children: "Commercial use" }),
-          /* @__PURE__ */ jsx(ToggleGroup, { value: value.commercialUse, options: ["Yes", "No"], onChange: (v) => set("commercialUse", v), disabled })
-        ] }),
-        /* @__PURE__ */ jsxs("div", { className: "space-y-1.5", children: [
-          /* @__PURE__ */ jsx("label", { className: FIELD_LABEL, children: "Derivatives" }),
-          /* @__PURE__ */ jsx(ToggleGroup, { value: value.derivatives, options: ["Allowed", "Not Allowed", "Share-Alike"], onChange: (v) => set("derivatives", v), disabled })
-        ] }),
-        /* @__PURE__ */ jsxs("div", { className: "space-y-1.5", children: [
-          /* @__PURE__ */ jsx("label", { className: FIELD_LABEL, children: "Attribution" }),
-          /* @__PURE__ */ jsx(ToggleGroup, { value: value.attribution, options: ["Required", "Not Required"], onChange: (v) => set("attribution", v), disabled })
-        ] }),
-        /* @__PURE__ */ jsxs("div", { className: "space-y-1.5", children: [
-          /* @__PURE__ */ jsx("label", { className: FIELD_LABEL, children: "Territory" }),
-          /* @__PURE__ */ jsx(
-            "select",
-            {
-              disabled,
-              value: value.territory,
-              onChange: (e) => set("territory", e.target.value),
-              className: INPUT_BASE,
-              children: GEOGRAPHIC_SCOPES.map((t) => /* @__PURE__ */ jsx("option", { value: t, children: t }, t))
-            }
-          )
-        ] }),
-        /* @__PURE__ */ jsxs("div", { className: "space-y-1.5", children: [
-          /* @__PURE__ */ jsx("label", { className: FIELD_LABEL, children: "AI policy" }),
-          /* @__PURE__ */ jsx(
-            "select",
-            {
-              disabled,
-              value: value.aiPolicy,
-              onChange: (e) => set("aiPolicy", e.target.value),
-              className: INPUT_BASE,
-              children: AI_POLICIES.map((p) => /* @__PURE__ */ jsx("option", { value: p, children: p }, p))
-            }
-          ),
-          /* @__PURE__ */ jsx("p", { className: FIELD_HELP, children: "Whether this work can be used to train AI models." })
-        ] }),
-        /* @__PURE__ */ jsxs("div", { className: "space-y-1.5", children: [
-          /* @__PURE__ */ jsxs("label", { className: FIELD_LABEL, children: [
-            "Scope ",
-            /* @__PURE__ */ jsx("span", { className: "font-normal text-muted-foreground", children: "(optional)" })
-          ] }),
-          /* @__PURE__ */ jsx(
-            "input",
-            {
-              type: "text",
-              disabled,
-              value: value.scope,
-              onChange: (e) => set("scope", e.target.value),
-              placeholder: "e.g. Instagram + YouTube only",
-              className: INPUT_BASE
-            }
-          )
-        ] }),
-        /* @__PURE__ */ jsxs("div", { className: "space-y-1.5", children: [
-          /* @__PURE__ */ jsxs("label", { className: FIELD_LABEL, children: [
-            "Deliverables ",
-            /* @__PURE__ */ jsx("span", { className: "font-normal text-muted-foreground", children: "(optional)" })
-          ] }),
-          /* @__PURE__ */ jsx(
-            "textarea",
-            {
-              disabled,
-              value: value.deliverables,
-              onChange: (e) => set("deliverables", e.target.value),
-              placeholder: "e.g. 3 posts, 1 video",
-              rows: 2,
-              className: cn(INPUT_BASE, "h-auto py-2.5 resize-y")
-            }
-          )
-        ] }),
+    /* @__PURE__ */ jsxs("div", { className: "space-y-1.5", children: [
+      /* @__PURE__ */ jsx("label", { className: FIELD_LABEL, children: "License length" }),
+      /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-[1fr_auto] gap-2", children: [
         /* @__PURE__ */ jsx(
-          YesNoToggle,
+          "input",
           {
-            label: "Exclusive to this sponsor",
-            help: "No other sponsors during the license term.",
-            checked: value.exclusive,
-            onChange: (v) => set("exclusive", v),
-            disabled
+            type: "number",
+            min: 1,
+            disabled,
+            value: value.durationValue,
+            onChange: (e) => set("durationValue", e.target.value),
+            placeholder: "e.g. 30",
+            className: INPUT_BASE
           }
         ),
         /* @__PURE__ */ jsx(
-          YesNoToggle,
+          "select",
           {
-            label: "Content approval required",
-            help: "Sponsor reviews content before it's published.",
-            checked: value.approvalRequired,
-            onChange: (v) => set("approvalRequired", v),
-            disabled
+            disabled,
+            value: value.durationUnit,
+            onChange: (e) => set("durationUnit", e.target.value),
+            className: cn(INPUT_BASE, "w-28"),
+            children: DURATION_UNITS.map((u) => /* @__PURE__ */ jsx("option", { value: u, children: u }, u))
           }
-        ),
-        /* @__PURE__ */ jsxs("div", { className: "space-y-1.5", children: [
-          /* @__PURE__ */ jsxs("label", { className: FIELD_LABEL, children: [
-            "Media ",
-            /* @__PURE__ */ jsx("span", { className: "font-normal text-muted-foreground", children: "(optional)" })
-          ] }),
-          /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-1.5", children: MEDIA_TYPES.map((m) => /* @__PURE__ */ jsx(
-            "button",
-            {
-              type: "button",
-              disabled,
-              onClick: () => toggleMedia(m),
-              className: cn(
-                "h-8 px-2.5 rounded-full border text-xs font-medium transition-colors disabled:opacity-50",
-                value.media.includes(m) ? "border-brand-purple bg-brand-purple/10 text-foreground" : "border-border bg-card text-muted-foreground hover:text-foreground"
-              ),
-              children: m
-            },
-            m
-          )) }),
-          /* @__PURE__ */ jsx(
-            "input",
-            {
-              type: "text",
-              disabled,
-              value: value.mediaOther,
-              onChange: (e) => set("mediaOther", e.target.value),
-              placeholder: "Other media type",
-              className: cn(INPUT_BASE, "mt-1.5")
-            }
-          )
-        ] }),
-        /* @__PURE__ */ jsxs("div", { className: "space-y-1.5", children: [
-          /* @__PURE__ */ jsxs("label", { className: FIELD_LABEL, children: [
-            "Additional terms ",
-            /* @__PURE__ */ jsx("span", { className: "font-normal text-muted-foreground", children: "(optional)" })
-          ] }),
-          /* @__PURE__ */ jsx(
-            "textarea",
-            {
-              disabled,
-              value: value.licenseText,
-              onChange: (e) => set("licenseText", e.target.value),
-              placeholder: "Anything else worth spelling out.",
-              rows: 3,
-              className: cn(INPUT_BASE, "h-auto py-2.5 resize-y")
-            }
+        )
+      ] }),
+      /* @__PURE__ */ jsx("p", { className: FIELD_HELP, children: "Counted from the moment the deal is accepted, not from today." })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "space-y-1.5", children: [
+      /* @__PURE__ */ jsx("label", { className: FIELD_LABEL, children: "License type" }),
+      /* @__PURE__ */ jsx(
+        "select",
+        {
+          disabled,
+          value: value.licenseType,
+          onChange: (e) => handleLicenseTypeChange(e.target.value),
+          className: INPUT_BASE,
+          children: LICENSE_TYPES.map((l) => /* @__PURE__ */ jsx("option", { value: l.value, children: l.label }, l.value))
+        }
+      ),
+      selectedLicense ? /* @__PURE__ */ jsx("p", { className: FIELD_HELP, children: selectedLicense.description }) : null
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "space-y-1.5", children: [
+      /* @__PURE__ */ jsx("label", { className: FIELD_LABEL, children: "Commercial use" }),
+      /* @__PURE__ */ jsx(ToggleGroup, { value: value.commercialUse, options: ["Yes", "No"], onChange: (v) => set("commercialUse", v), disabled })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "space-y-1.5", children: [
+      /* @__PURE__ */ jsx("label", { className: FIELD_LABEL, children: "Derivatives" }),
+      /* @__PURE__ */ jsx(ToggleGroup, { value: value.derivatives, options: ["Allowed", "Not Allowed", "Share-Alike"], onChange: (v) => set("derivatives", v), disabled })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "space-y-1.5", children: [
+      /* @__PURE__ */ jsx("label", { className: FIELD_LABEL, children: "Attribution" }),
+      /* @__PURE__ */ jsx(ToggleGroup, { value: value.attribution, options: ["Required", "Not Required"], onChange: (v) => set("attribution", v), disabled })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "space-y-1.5", children: [
+      /* @__PURE__ */ jsxs("label", { className: FIELD_LABEL, children: [
+        "Territory ",
+        /* @__PURE__ */ jsx("span", { className: "font-normal text-muted-foreground", children: "(optional)" })
+      ] }),
+      /* @__PURE__ */ jsx(
+        "input",
+        {
+          type: "text",
+          disabled,
+          value: value.territory,
+          onChange: (e) => set("territory", e.target.value),
+          placeholder: "e.g. Worldwide, Brazil only, excluding China",
+          className: INPUT_BASE
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "space-y-1.5", children: [
+      /* @__PURE__ */ jsx("label", { className: FIELD_LABEL, children: "AI policy" }),
+      /* @__PURE__ */ jsx(
+        "select",
+        {
+          disabled,
+          value: value.aiPolicy,
+          onChange: (e) => set("aiPolicy", e.target.value),
+          className: INPUT_BASE,
+          children: AI_POLICIES.map((p) => /* @__PURE__ */ jsx("option", { value: p, children: p }, p))
+        }
+      ),
+      /* @__PURE__ */ jsx("p", { className: FIELD_HELP, children: "Whether this work can be used to train AI models." })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "space-y-1.5", children: [
+      /* @__PURE__ */ jsxs("label", { className: FIELD_LABEL, children: [
+        "Scope ",
+        /* @__PURE__ */ jsx("span", { className: "font-normal text-muted-foreground", children: "(optional)" })
+      ] }),
+      /* @__PURE__ */ jsx(
+        "input",
+        {
+          type: "text",
+          disabled,
+          value: value.scope,
+          onChange: (e) => set("scope", e.target.value),
+          placeholder: "e.g. Instagram + YouTube only",
+          className: INPUT_BASE
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "space-y-1.5", children: [
+      /* @__PURE__ */ jsxs("label", { className: FIELD_LABEL, children: [
+        "Deliverables ",
+        /* @__PURE__ */ jsx("span", { className: "font-normal text-muted-foreground", children: "(optional)" })
+      ] }),
+      /* @__PURE__ */ jsx(
+        "textarea",
+        {
+          disabled,
+          value: value.deliverables,
+          onChange: (e) => set("deliverables", e.target.value),
+          placeholder: "e.g. 3 posts, 1 video",
+          rows: 2,
+          className: cn(INPUT_BASE, "h-auto py-2.5 resize-y")
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsx(
+      YesNoToggle,
+      {
+        label: "Exclusive to this sponsor",
+        help: "No other sponsors during the license term.",
+        checked: value.exclusive,
+        onChange: (v) => set("exclusive", v),
+        disabled
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      YesNoToggle,
+      {
+        label: "Content approval required",
+        help: "Sponsor reviews content before it's published.",
+        checked: value.approvalRequired,
+        onChange: (v) => set("approvalRequired", v),
+        disabled
+      }
+    ),
+    /* @__PURE__ */ jsxs("div", { className: "space-y-1.5", children: [
+      /* @__PURE__ */ jsxs("label", { className: FIELD_LABEL, children: [
+        "Media ",
+        /* @__PURE__ */ jsx("span", { className: "font-normal text-muted-foreground", children: "(optional)" })
+      ] }),
+      /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-1.5", children: MEDIA_TYPES.map((m) => /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          disabled,
+          onClick: () => toggleMedia(m),
+          className: cn(
+            "h-8 px-2.5 rounded-full border text-xs font-medium transition-colors disabled:opacity-50",
+            value.media.includes(m) ? "border-brand-purple bg-brand-purple/10 text-foreground" : "border-border bg-card text-muted-foreground hover:text-foreground"
           ),
-          /* @__PURE__ */ jsx("p", { className: FIELD_HELP, children: "Saved permanently and shown to anyone who holds the license." })
-        ] })
-      ] }) : null
+          children: m
+        },
+        m
+      )) }),
+      /* @__PURE__ */ jsx(
+        "input",
+        {
+          type: "text",
+          disabled,
+          value: value.mediaOther,
+          onChange: (e) => set("mediaOther", e.target.value),
+          placeholder: "Other media type",
+          className: cn(INPUT_BASE, "mt-1.5")
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "space-y-1.5", children: [
+      /* @__PURE__ */ jsxs("label", { className: FIELD_LABEL, children: [
+        "Additional terms ",
+        /* @__PURE__ */ jsx("span", { className: "font-normal text-muted-foreground", children: "(optional)" })
+      ] }),
+      /* @__PURE__ */ jsx(
+        "textarea",
+        {
+          disabled,
+          value: value.licenseText,
+          onChange: (e) => set("licenseText", e.target.value),
+          placeholder: "Anything else worth spelling out.",
+          rows: 3,
+          className: cn(INPUT_BASE, "h-auto py-2.5 resize-y")
+        }
+      ),
+      /* @__PURE__ */ jsx("p", { className: FIELD_HELP, children: "Saved permanently and shown to anyone who holds the license." })
     ] })
   ] });
 }
 export {
+  DURATION_UNITS,
   EMPTY_SPONSORSHIP_TERMS,
   LicenseTermsBuilder,
   MEDIA_TYPES,
+  toDurationDays,
   toLicenseMetadata
 };
 //# sourceMappingURL=license-terms-builder.js.map