@twick/studio 0.15.26 → 0.15.27

package/dist/index.mjs

@@ -6945,7 +6945,7 @@ function GenerateCaptionsPanel({
   const [pollingStatus, setPollingStatus] = useState("idle");
   const [errorMessage, setErrorMessage] = useState(null);
   const [selectedLanguage, setSelectedLanguage] = useState("auto");
-  const [wordsPerPhrase, setWordsPerPhrase] = useState(4);
+  const [phraseLength, setPhraseLength] = useState("medium");
   const pollingIntervalRef = useRef(null);
   const currentReqIdRef = useRef(null);
   useEffect(() => {
@@ -7010,7 +7010,7 @@ function GenerateCaptionsPanel({
       const reqId = await onGenerateCaptions(
         videoElement,
         language,
-        wordsPerPhrase
+        phraseLength
       );
       if (!reqId) {
         setPollingStatus("error");
@@ -7095,18 +7095,19 @@ function GenerateCaptionsPanel({
       )
     ] }),
     !isLoading && containsAudio === true && /* @__PURE__ */ jsxs("div", { className: "panel-section", children: [
-      /* @__PURE__ */ jsx("label", { className: "label-dark", htmlFor: "caption-words-per-phrase", children: "Words per phrase" }),
-      /* @__PURE__ */ jsx(
+      /* @__PURE__ */ jsx("label", { className: "label-dark", htmlFor: "caption-phrase-length", children: "Caption length" }),
+      /* @__PURE__ */ jsxs(
         "select",
         {
-          id: "caption-words-per-phrase",
+          id: "caption-phrase-length",
           className: "select-dark",
-          value: String(wordsPerPhrase),
-          onChange: (e) => setWordsPerPhrase(Number(e.target.value) || 4),
-          children: Array.from({ length: 10 }).map((_, index) => {
-            const value = index + 1;
-            return /* @__PURE__ */ jsx("option", { value, children: value }, value);
-          })
+          value: phraseLength,
+          onChange: (e) => setPhraseLength(e.target.value),
+          children: [
+            /* @__PURE__ */ jsx("option", { value: "short", children: "Short" }),
+            /* @__PURE__ */ jsx("option", { value: "medium", children: "Medium" }),
+            /* @__PURE__ */ jsx("option", { value: "long", children: "Long" })
+          ]
         }
       )
     ] }),
@@ -7777,14 +7778,14 @@ function TwickStudio({ studioConfig }) {
 const useGenerateCaptions = (studioConfig) => {
   var _a;
   const { editor, present } = useTimelineContext();
-  const onGenerateCaptions = async (videoElement, language, wordsPerPhrase) => {
+  const onGenerateCaptions = async (videoElement, language, phraseLength) => {
     if (studioConfig == null ? void 0 : studioConfig.captionGenerationService) {
       const service = studioConfig.captionGenerationService;
       const reqId = await service.generateCaptions(
         videoElement,
         present,
         language,
-        wordsPerPhrase
+        phraseLength
       );
       return reqId;
     }