@descope/web-components-ui 1.0.346 → 1.0.347

package/dist/cjs/index.cjs.js

@@ -4984,6 +4984,12 @@ const disableRules = [
   'html_block',
 ];
 
+const decodeHTML = (html) => {
+  const textArea = document.createElement('textarea');
+  textArea.innerHTML = html;
+  return textArea.value;
+};
+
 /* eslint-disable no-param-reassign */
 
 const componentName$C = getComponentName('enriched-text');
@@ -5112,7 +5118,7 @@ let EnrichedText$2 = class EnrichedText extends createBaseClass({ componentName:
   }
 
   #initProcessor() {
-    this.processor = new MarkdownIt();
+    this.processor = new MarkdownIt('commonmark', { html: true });
     this.#storeOrigRenderers();
     this.#updateProcessorRules();
     this.#customizeLinkRenderer();
@@ -5132,11 +5138,11 @@ let EnrichedText$2 = class EnrichedText extends createBaseClass({ componentName:
       return;
     }
 
-    let html = this.textContent;
+    let html = decodeHTML(this.innerHTML);
 
     try {
       const tokens = this.processor.parse(html, { references: undefined });
-      html = this.processor.renderer.render(tokens, { breaks: true });
+      html = this.processor.renderer.render(tokens, { html: true, breaks: true });
     } catch (e) {
       // eslint-disable-next-line no-console
       console.warn('Not parsing invalid markdown token');
@@ -5162,7 +5168,10 @@ const EnrichedTextClass = compose(
       fontSize: {},
       fontFamily: {},
       fontWeight: {},
-      fontWeightBold: { selector: () => ':host strong', property: 'font-weight' },
+      fontWeightBold: [
+        { selector: () => ':host strong', property: 'font-weight' },
+        { selector: () => ':host b', property: 'font-weight' },
+      ],
       textColor: { property: 'color' },
       textLineHeight: { property: 'line-height' },
       textAlign: {},