fix: [#9441] Multi-line SSML causes escaping issues

Composer/packages/lib/code-editor/src/lg/hooks/useStringArray.ts

@@ -30,6 +30,13 @@ const getInitialItems = <T extends ArrayBasedStructuredResponseItem>(
 const fixMultilineItems = (items: TemplateBodyItem[]) => {
   return items.map((item) => {
     if (item.kind === 'variation' && /\r?\n/g.test(item.value)) {
+      // if it's an SSML tag, remove the line breaks.
+      if (/^<speak/g.test(item.value.trim())) {
+        return {
+          ...item,
+          value: item.value.replace(/[\r\n]+/g, ''),
+        };
+      }
       return {
         ...item,
         // Escape all un-escaped -

extensions/azurePublish/yarn-berry.lock

@@ -1852,7 +1852,7 @@ __metadata:
 
 "@bfc/code-editor@file:../../Composer/packages/lib/code-editor::locator=azurePublish%40workspace%3A.":
   version: 0.0.0
-  resolution: "@bfc/code-editor@file:../../Composer/packages/lib/code-editor#../../Composer/packages/lib/code-editor::hash=e05bfa&locator=azurePublish%40workspace%3A."
+  resolution: "@bfc/code-editor@file:../../Composer/packages/lib/code-editor#../../Composer/packages/lib/code-editor::hash=0cc800&locator=azurePublish%40workspace%3A."
   dependencies:
     "@emotion/react": ^11.1.3
     "@emotion/styled": ^11.1.3
@@ -1875,6 +1875,7 @@ __metadata:
     "@bfc/ui-shared": "*"
     react: 16.13.1
     react-dom: 16.13.1
+  checksum: b2dd35b1072bfa3d26c03a54c9e8d3a8ea80d5b7e44da9e1b6828200a051c352c02c19fcbe10053f647193a7bd5f1afae6f627e0ac596afd2614b5b11d334222
   languageName: node
   linkType: hard