Merge pull request #1142 from yext/fix-faq-answer

Update FAQ card to support answerV2 instead of answer
yext · Aug 14, 2023 · 9212bc9 · 9212bc9
2 parents e1e7dab + d627612
commit 9212bc9
Show file tree

Hide file tree

Showing 2 changed files with 20 additions and 2 deletions.
diff --git a/cards/faq-accordion/component.js b/cards/faq-accordion/component.js
@@ -13,11 +13,20 @@ class faq_accordionCardComponent extends BaseCard['faq-accordion'] {
    */
   dataForRender(profile) {
     const linkTarget = AnswersExperience.runtimeConfig.get('linkTarget') || '_top';
+    let profileAnswer = '';
+    if (profile.answerV2 && profile.answerV2.html) {
+      profileAnswer = profile.answerV2.html;
+    } else if (profile.answerV2 && profile.answerV2.json) {
+      console.warn('JSON is not supported, please convert to HTML.')
+    } else if (profile.answer) {
+      profileAnswer = ANSWERS.formatRichText(profile.answer, "answer", linkTarget);
+    }
 
     return {
       title: profile.question || profile.name, // The header text of the card
       // subtitle: '', // The sub-header text of the card
-      details: profile.answer ? ANSWERS.formatRichText(profile.answer, "answer", linkTarget) : null, // The text in the body of the card
+      details: profileAnswer ? profileAnswer : null, // The text in the body
+      // of the card
       // If the card's details are longer than a certain character count, you can truncate the
       // text. A toggle will be supplied that can show or hide the truncated text.
       // showMoreDetails: {

diff --git a/cards/multilang-faq-accordion/component.js b/cards/multilang-faq-accordion/component.js
@@ -13,11 +13,20 @@ class multilang_faq_accordionCardComponent extends BaseCard['multilang-faq-accor
    */
   dataForRender(profile) {
     const linkTarget = AnswersExperience.runtimeConfig.get('linkTarget') || '_top';
+    let profileAnswer = '';
+    if (profile.answerV2 && profile.answerV2.html) {
+      profileAnswer = profile.answerV2.html;
+    } else if (profile.answerV2 && profile.answerV2.json) {
+      console.warn('JSON is not supported, please convert to HTML.')
+    } else if (profile.answer) {
+      profileAnswer = ANSWERS.formatRichText(profile.answer, "answer", linkTarget);
+    }
 
     return {
       title: profile.question || profile.name, // The header text of the card
       // subtitle: '', // The sub-header text of the card
-      details: profile.answer ? ANSWERS.formatRichText(profile.answer, "answer", linkTarget) : null, // The text in the body of the card
+      details: profileAnswer ? profileAnswer : null, // The text in the body
+      // of the card
       // If the card's details are longer than a certain character count, you can truncate the
       // text. A toggle will be supplied that can show or hide the truncated text.
       // showMoreDetails: {