feat: enable single- and multiple-choice questions in the inquiry preview

packages/distribution/addon/components/cd-inquiry-dialog/inquiry-part.js

@@ -59,7 +59,12 @@ export default class CdInquiryDialogInquiryPartComponent extends Component {
 
     return this.args.type === "answer"
       ? this.args.inquiry.childCase.document.info.edges
-          .filter((edge) => !isEmpty(edge.node.value))
+          .filter(
+            (edge) =>
+              !isEmpty(edge.node.value) ||
+              !isEmpty(edge.node.selectedOption) ||
+              !isEmpty(edge.node.selectedOptions),
+          )
           .sort(
             (a, b) =>
               questions.indexOf(a.node.question.slug) -
@@ -68,6 +73,22 @@ export default class CdInquiryDialogInquiryPartComponent extends Component {
           .map((edge) => ({
             question: edge.node.question.label,
             value: edge.node.value,
+            selectedOption: edge.node?.selectedOption,
+            selectedOptions: edge.node?.selectedOptions,
+          }))
+          // For single choice the value is simply the selectedOption label
+          .map((answer) => ({
+            ...answer,
+            value: answer.selectedOption
+              ? answer.selectedOption.label
+              : answer.value,
+          }))
+          // For multiple choice the value is a list of selectedOption labels
+          .map((answer) => ({
+            ...answer,
+            value: answer.selectedOptions
+              ? answer.selectedOptions.edges.map((edge) => edge.node.label)
+              : answer.value,
           }))
       : null;
   }

packages/distribution/addon/components/cd-truncated.hbs

@@ -1,8 +1,16 @@
-<p class="cd-truncated" ...attributes>
-  {{~this.displayedText~}}
-  {{#if this.truncate}}
-    <a href="" {{on "click" this.toggleExpand}}>
-      {{~t (concat "caluma.distribution." (if this.expand "less" "more"))~}}
-    </a>
-  {{/if}}
-</p>
+{{#if (is-array @text)}}
+  <UkList @bullet={{true}} class="uk-margin-remove" as |list|>
+    {{#each @text as |item|}}
+      <list.item>{{item}}</list.item>
+    {{/each}}
+  </UkList>
+{{else}}
+  <p class="cd-truncated" ...attributes>
+    {{~this.displayedText~}}
+    {{#if this.truncate}}
+      <a href="" {{on "click" this.toggleExpand}}>
+        {{~t (concat "caluma.distribution." (if this.expand "less" "more"))~}}
+      </a>
+    {{/if}}
+  </p>
+{{/if}}

packages/distribution/addon/gql/fragments/inquiry-answer.graphql

@@ -52,6 +52,18 @@ fragment InquiryAnswer on Document {
         }
         ... on StringAnswer {
           value
+          selectedOption {
+            label
+          }
+        }
+        ... on ListAnswer {
+          selectedOptions {
+            edges {
+              node {
+                label
+              }
+            }
+          }
         }
       }
     }

packages/testing/addon/mirage-graphql/index.js

@@ -45,11 +45,14 @@ export default function createGraphqlHandler(server) {
         SelectedOption: ({ value }) => {
           const option = server.schema.options.findBy({ slug: value });
 
-          return {
-            slug: value,
-            label: option.label,
-            __typename: "SelectedOption",
-          };
+          if (option) {
+            return {
+              slug: value,
+              label: option.label,
+              __typename: "SelectedOption",
+            };
+          }
+          return null;
         },
       },
       preserveResolvers: false,