ssml-builder-js 2.18.0 → 2.19.0

package/dist/react.mjs

@@ -1980,22 +1980,35 @@ function voiceForPath(document2, path, voiceCatalog) {
   const voiceName = candidates.find((element) => element.type === "voice")?.name ?? candidates.find((element) => element.type === "mstts:turn")?.voice;
   return voiceName ? voiceCatalog.find((voice) => voice.name.toLowerCase() === voiceName.toLowerCase()) : void 0;
 }
-function isVisualTagSupported(tagName, voice) {
+function normalizeVisualTagName(tagName) {
+  const normalized = tagName.toLowerCase();
+  if (normalized === "express-as" || normalized === "expressas" || normalized === "mstts:express-as")
+    return "mstts:express-as";
+  if (normalized === "sayas" || normalized === "say-as") return "say-as";
+  return normalized;
+}
+function isVisualTagSupported(tagName, voice, model) {
   if (!voice) return true;
-  const tag = tagName.toLowerCase();
-  const unsupported = new Set((voice.unsupportedTags ?? []).map((candidate) => candidate.toLowerCase()));
-  const supported = voice.supportedTags?.map((candidate) => candidate.toLowerCase());
+  const tag = normalizeVisualTagName(tagName);
+  const unsupported = new Set((voice.unsupportedTags ?? []).map(normalizeVisualTagName));
+  if (model && /neural[-_ ]?hd/i.test(model)) unsupported.add("emphasis");
+  const supported = voice.supportedTags?.map(normalizeVisualTagName);
   return !unsupported.has(tag) && (supported === void 0 || supported.includes(tag));
 }
 function VoiceCapabilityMatrix({
   voice,
-  locale
+  locale,
+  model
 }) {
   const status = voice.status ?? (voice.preview ? "preview" : void 0);
-  return /* @__PURE__ */ React.createElement("div", { className: "ssml-editor-voice-capabilities", "data-voice-capabilities": "" }, /* @__PURE__ */ React.createElement("div", null, locale === "ja" ? "\u30B9\u30C6\u30FC\u30BF\u30B9" : "Status", ": ", status?.toUpperCase() ?? (locale === "ja" ? "GA" : "GA"), status === "preview" || status === "deprecated" ? /* @__PURE__ */ React.createElement("span", { role: "status", "aria-label": status, className: "ssml-editor-voice-warning-badge" }, status === "preview" ? "\u26A0 Preview" : "\u26A0 Deprecated") : null), (voice.regions?.length || voice.region) && /* @__PURE__ */ React.createElement("div", null, locale === "ja" ? "\u30EA\u30FC\u30B8\u30E7\u30F3" : "Regions", ":", " ", [...voice.regions ?? [], ...voice.region ? [voice.region] : []].filter((region, index, all) => all.indexOf(region) === index).join(", ")), voice.supportedTags && voice.supportedTags.length > 0 && /* @__PURE__ */ React.createElement("div", null, locale === "ja" ? "\u5BFE\u5FDC\u30BF\u30B0" : "Supported tags", ": ", voice.supportedTags.join(", ")), voice.unsupportedTags && voice.unsupportedTags.length > 0 && /* @__PURE__ */ React.createElement("div", { className: "ssml-editor-voice-unsupported" }, locale === "ja" ? "\u975E\u5BFE\u5FDC\u30BF\u30B0" : "Unsupported tags", ": ", voice.unsupportedTags.join(", ")));
+  const unsupportedTags = [
+    ...voice.unsupportedTags ?? [],
+    ...model && /neural[-_ ]?hd/i.test(model) && !voice.unsupportedTags?.some((tag) => normalizeVisualTagName(tag) === "emphasis") ? ["emphasis"] : []
+  ];
+  return /* @__PURE__ */ React.createElement("div", { className: "ssml-editor-voice-capabilities", "data-voice-capabilities": "" }, /* @__PURE__ */ React.createElement("div", null, locale === "ja" ? "\u30B9\u30C6\u30FC\u30BF\u30B9" : "Status", ": ", status?.toUpperCase() ?? (locale === "ja" ? "GA" : "GA"), status === "preview" || status === "deprecated" ? /* @__PURE__ */ React.createElement("span", { role: "status", "aria-label": status, className: "ssml-editor-voice-warning-badge" }, status === "preview" ? "\u26A0 Preview" : "\u26A0 Deprecated") : null), (voice.regions?.length || voice.region) && /* @__PURE__ */ React.createElement("div", null, locale === "ja" ? "\u30EA\u30FC\u30B8\u30E7\u30F3" : "Regions", ":", " ", [...voice.regions ?? [], ...voice.region ? [voice.region] : []].filter((region, index, all) => all.indexOf(region) === index).join(", ")), voice.supportedTags && voice.supportedTags.length > 0 && /* @__PURE__ */ React.createElement("div", null, locale === "ja" ? "\u5BFE\u5FDC\u30BF\u30B0" : "Supported tags", ": ", voice.supportedTags.join(", ")), unsupportedTags.length > 0 && /* @__PURE__ */ React.createElement("div", { className: "ssml-editor-voice-unsupported" }, locale === "ja" ? "\u975E\u5BFE\u5FDC\u30BF\u30B0" : "Unsupported tags", ": ", unsupportedTags.join(", ")));
 }
 function diagnosticMatchesElement(diagnostic, element) {
-  const name = elementLabel(element).toLowerCase().replace("expressas", "mstts:express-as");
+  const name = normalizeVisualTagName(elementLabel(element));
   if (diagnostic.code === "azure-unsupported-style") return name === "mstts:express-as" || name === "express-as";
   if (diagnostic.code === "azure-unsupported-tag-for-voice") {
     return diagnostic.message.toLowerCase().includes(`<${name}>`) || diagnostic.message.toLowerCase().includes(`<${name.replace("mstts:", "")}>`);
@@ -2062,9 +2075,10 @@ function VisualElementInspector({
   voiceRegion,
   voiceStyle,
   diagnostics,
-  voiceDefinition
+  voiceDefinition,
+  model
 }) {
-  const tagSupported = isVisualTagSupported(elementLabel(element), voiceDefinition);
+  const tagSupported = isVisualTagSupported(elementLabel(element), voiceDefinition, model);
   if (customInspector) {
     return /* @__PURE__ */ React.createElement(React.Fragment, null, customInspector({ document: document2, element, path, readOnly: readOnly || !tagSupported, onChange: commit, locale }));
   }
@@ -2242,22 +2256,28 @@ function VisualSsmlEditor({
   const activeVoice = voiceForPath(document2, selectedPath ?? selectedLeaf?.path, voiceCatalog);
   const staleCatalog = voiceCatalogMetadata?.expiresAt ? Date.parse(voiceCatalogMetadata.expiresAt) <= Date.now() : false;
   const selectedCustomInspector = selectedElement && isElement(selectedElement) ? customInspectors?.[elementLabel(selectedElement)] ?? customInspectors?.[selectedElement.type] : void 0;
-  const validationOptions = useMemo(
-    () => ({
-      model: voiceModel ?? model,
+  const validationOptions = useMemo(() => {
+    const selectedModel = voiceModel ?? model;
+    const hdUnsupportedTags = selectedModel && /neural[-_ ]?hd/i.test(selectedModel) ? ["emphasis"] : [];
+    return {
+      model: selectedModel,
       customVoiceDefinitions: voiceCatalog?.map((voice) => ({
         name: voice.name,
         locale: voice.locale,
         regions: voice.regions ?? (voice.region ? [voice.region] : void 0),
         styles: voice.styles,
         supportedTags: voice.supportedTags,
-        unsupportedTags: voice.unsupportedTags,
+        unsupportedTags: [
+          ...voice.unsupportedTags ?? [],
+          ...hdUnsupportedTags.filter(
+            (tag) => !voice.unsupportedTags?.some((candidate) => normalizeVisualTagName(candidate) === tag)
+          )
+        ],
         models: voice.models,
         status: voice.status ?? (voice.preview ? "preview" : "ga")
       }))
-    }),
-    [model, voiceCatalog, voiceModel]
-  );
+    };
+  }, [model, voiceCatalog, voiceModel]);
   const diagnostics = useMemo(
     () => validateAzureSsml(buildSsml(document2), validationOptions),
     [document2, validationOptions]
@@ -2284,14 +2304,14 @@ function VisualSsmlEditor({
     document: document2,
     element: selectedElement,
     path: selectedPath ?? [],
-    readOnly: readOnly || !isVisualTagSupported(elementLabel(selectedElement), activeVoice),
+    readOnly: readOnly || !isVisualTagSupported(elementLabel(selectedElement), activeVoice, voiceModel ?? model),
     onChange: commit,
     locale
   }) : selectedElement && isElement(selectedElement) && selectedElement.type === "mstts:dialog" ? /* @__PURE__ */ React.createElement("fieldset", null, /* @__PURE__ */ React.createElement("legend", null, localizedElementLabel(selectedElement, locale)), /* @__PURE__ */ React.createElement("p", null, SSML_ELEMENT_COPY[locale][elementLabel(selectedElement)]?.description), /* @__PURE__ */ React.createElement(
     "button",
     {
       type: "button",
-      disabled: readOnly || !isVisualTagSupported("mstts:dialog", activeVoice),
+      disabled: readOnly || !isVisualTagSupported("mstts:dialog", activeVoice, voiceModel ?? model),
       onClick: () => commit(addDialogTurn(document2, selectedPath ?? []))
     },
     locale === "ja" ? "\u30BF\u30FC\u30F3\u3092\u8FFD\u52A0" : "Add turn"
@@ -2374,7 +2394,8 @@ function VisualSsmlEditor({
       voiceRegion,
       voiceStyle,
       diagnostics,
-      voiceDefinition: activeVoice
+      voiceDefinition: activeVoice,
+      model: voiceModel ?? model
     }
   ) : selectedLeaf ? /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("label", null, "Text", /* @__PURE__ */ React.createElement(
     "textarea",
@@ -2388,7 +2409,7 @@ function VisualSsmlEditor({
     "button",
     {
       type: "button",
-      disabled: readOnly || !isVisualTagSupported("prosody", activeVoice),
+      disabled: readOnly || !isVisualTagSupported("prosody", activeVoice, voiceModel ?? model),
       onClick: () => applyWrapper("prosody", { rate: "slow" })
     },
     "Rate"
@@ -2396,7 +2417,7 @@ function VisualSsmlEditor({
     "button",
     {
       type: "button",
-      disabled: readOnly || !isVisualTagSupported("prosody", activeVoice),
+      disabled: readOnly || !isVisualTagSupported("prosody", activeVoice, voiceModel ?? model),
       onClick: () => applyWrapper("prosody", { pitch: "high" })
     },
     "Pitch"
@@ -2404,7 +2425,7 @@ function VisualSsmlEditor({
     "button",
     {
       type: "button",
-      disabled: readOnly || !isVisualTagSupported("mstts:express-as", activeVoice),
+      disabled: readOnly || !isVisualTagSupported("mstts:express-as", activeVoice, voiceModel ?? model),
       onClick: () => applyWrapper("mstts:express-as", { style: "cheerful" })
     },
     "Emotion"
@@ -2412,7 +2433,7 @@ function VisualSsmlEditor({
     "button",
     {
       type: "button",
-      disabled: readOnly || !isVisualTagSupported("break", activeVoice),
+      disabled: readOnly || !isVisualTagSupported("break", activeVoice, voiceModel ?? model),
       onClick: () => applyWrapper("break", { time: "500ms" })
     },
     "Pause"
@@ -2420,7 +2441,7 @@ function VisualSsmlEditor({
     "button",
     {
       type: "button",
-      disabled: readOnly || !isVisualTagSupported("phoneme", activeVoice),
+      disabled: readOnly || !isVisualTagSupported("phoneme", activeVoice, voiceModel ?? model),
       onClick: () => applyWrapper("phoneme", { alphabet: "ipa", ph: selectedLeaf.value })
     },
     "Pronunciation"