@projectcaluma/ember-distribution 1.0.0-beta.1 → 1.0.0-beta.10

package/CHANGELOG.md

@@ -1,3 +1,113 @@
+# [@projectcaluma/ember-distribution-v1.0.0-beta.10](https://github.com/projectcaluma/ember-caluma/compare/@projectcaluma/ember-distribution-v1.0.0-beta.9...@projectcaluma/ember-distribution-v1.0.0-beta.10) (2022-05-11)
+
+
+### Features
+
+* **distribution:** add readonly mode ([2f45c98](https://github.com/projectcaluma/ember-caluma/commit/2f45c985a2fa387c79ca39c49c1e50dc37926352))
+* **distribution:** allow custom permissions from the host app ([8a997bf](https://github.com/projectcaluma/ember-caluma/commit/8a997bf4d921ff738a6cca956a4dd9cbabe8f7c5))
+
+# [@projectcaluma/ember-distribution-v1.0.0-beta.9](https://github.com/projectcaluma/ember-caluma/compare/@projectcaluma/ember-distribution-v1.0.0-beta.8...@projectcaluma/ember-distribution-v1.0.0-beta.9) (2022-05-09)
+
+
+### Bug Fixes
+
+* **deps:** update ember-engines ([5aa5300](https://github.com/projectcaluma/ember-caluma/commit/5aa530074ea7dc08267d8ccc411eb1538537a1b5))
+* **distribution:** filter out empty types in new inquiry controller ([ad7e072](https://github.com/projectcaluma/ember-caluma/commit/ad7e072bd8d339964d1f7f6437bde6b4ff5824b5))
+* **distribution:** hide suspended and canceled inquiries in more section ([a377c0c](https://github.com/projectcaluma/ember-caluma/commit/a377c0c599ab479a61c0f2f7d6051ce79817d998))
+* **distribution:** improve padding of request in answer form ([de06459](https://github.com/projectcaluma/ember-caluma/commit/de06459a75e3fad30a008c738781a29a03640c96))
+* **resources:** fix deprecations of ember-resources ([7a84c5c](https://github.com/projectcaluma/ember-caluma/commit/7a84c5c78d5b28f7b5393c64722907728dd5f42b))
+
+
+### Features
+
+* **distribution:** add button to create new inquiry in dialog ([a2ab800](https://github.com/projectcaluma/ember-caluma/commit/a2ab800d8d8a9b10be1d22c7a03f34299cb87a93))
+* **distribution:** allow displaying more information in the answer ([9de7f01](https://github.com/projectcaluma/ember-caluma/commit/9de7f0149406a0a326ba59ca0abe27860a64f2a1))
+* **distribution:** improve edit and answer inquiry UI and UX ([6cd2dee](https://github.com/projectcaluma/ember-caluma/commit/6cd2dee45dde245064a0ac013160093bc783789c))
+
+# [@projectcaluma/ember-distribution-v1.0.0-beta.8](https://github.com/projectcaluma/ember-caluma/compare/@projectcaluma/ember-distribution-v1.0.0-beta.7...@projectcaluma/ember-distribution-v1.0.0-beta.8) (2022-04-11)
+
+
+### Bug Fixes
+
+* **distribution:** inject store into distribution engine ([2e00d7f](https://github.com/projectcaluma/ember-caluma/commit/2e00d7f0707b7a36e6955d91baa340ce2af7e413))
+
+# [@projectcaluma/ember-distribution-v1.0.0-beta.7](https://github.com/projectcaluma/ember-caluma/compare/@projectcaluma/ember-distribution-v1.0.0-beta.6...@projectcaluma/ember-distribution-v1.0.0-beta.7) (2022-04-07)
+
+
+### Bug Fixes
+
+* **distribution:** fix status indicator and deadline styling for firefox ([358acb1](https://github.com/projectcaluma/ember-caluma/commit/358acb1f8e23b425bd6e223dc5873e516710ef12))
+* **distribution:** make sure distribution components are prefixed ([d7d98ec](https://github.com/projectcaluma/ember-caluma/commit/d7d98ec291f937f384e2521d4d89c363d8e34f02))
+
+
+### Features
+
+* **distribution:** enable completing the distribution ([beabe61](https://github.com/projectcaluma/ember-caluma/commit/beabe61bd34025c4785c1e1ba60c59babb3eb6ab))
+
+# [@projectcaluma/ember-distribution-v1.0.0-beta.6](https://github.com/projectcaluma/ember-caluma/compare/@projectcaluma/ember-distribution-v1.0.0-beta.5...@projectcaluma/ember-distribution-v1.0.0-beta.6) (2022-03-24)
+
+
+### Bug Fixes
+
+* **embroider:** add missing dependency on @ember/string ([3a6e6bb](https://github.com/projectcaluma/ember-caluma/commit/3a6e6bb39a8c1a40a2ae00b3d4ea00606a755e25))
+
+
+### Features
+
+* **distribution:** add functionality to send all pending inquiries ([d769953](https://github.com/projectcaluma/ember-caluma/commit/d769953d5a0ea196943426c8499ba87b77a42e61))
+* **distribution:** add functionality to withdraw an inquiry ([c278895](https://github.com/projectcaluma/ember-caluma/commit/c2788957c0fb228c167ca9236fda4850717f5817))
+
+# [@projectcaluma/ember-distribution-v1.0.0-beta.5](https://github.com/projectcaluma/ember-caluma/compare/@projectcaluma/ember-distribution-v1.0.0-beta.4...@projectcaluma/ember-distribution-v1.0.0-beta.5) (2022-03-11)
+
+
+### Bug Fixes
+
+* **distribution:** fix sorting after group names in navigation ([2299d3b](https://github.com/projectcaluma/ember-caluma/commit/2299d3b0e265204ab6747dbdc6a8b64fc22f247f))
+* **distribution:** redirect to edit form after inquiry creation ([0a2c404](https://github.com/projectcaluma/ember-caluma/commit/0a2c40404fdb1258fb8d51a2809a03b335c7c78a))
+
+# [@projectcaluma/ember-distribution-v1.0.0-beta.4](https://github.com/projectcaluma/ember-caluma/compare/@projectcaluma/ember-distribution-v1.0.0-beta.3...@projectcaluma/ember-distribution-v1.0.0-beta.4) (2022-02-16)
+
+
+### Bug Fixes
+
+* **distribution:** show controls if no inquiries exist yet ([5c73b6d](https://github.com/projectcaluma/ember-caluma/commit/5c73b6d0a870fd0e34d96af3fa34095733fe9fd9))
+* **pikaday:** add pikaday modifier reexport in engines ([c13d302](https://github.com/projectcaluma/ember-caluma/commit/c13d3021bb8fe82e1245a60182af01287c507697))
+
+
+### Features
+
+* **distribution:** add config variable to stack the UI ([2ad285a](https://github.com/projectcaluma/ember-caluma/commit/2ad285a24bf5fb45d15fe237e3f420dd1f1d94f2))
+* **distribution:** add index page when no inquiries exist ([689089c](https://github.com/projectcaluma/ember-caluma/commit/689089c8f28146a33346f382fe69e7ca1b588d97))
+* **distribution:** add proper 404 handling ([73e62e6](https://github.com/projectcaluma/ember-caluma/commit/73e62e671a9425fc549d7057dd653d1dc59883aa))
+* **distribution:** remove distribution top level route ([6f396da](https://github.com/projectcaluma/ember-caluma/commit/6f396daf2881f07cdddaac6c7ca784db2b8777d3))
+
+# [@projectcaluma/ember-distribution-v1.0.0-beta.3](https://github.com/projectcaluma/ember-caluma/compare/@projectcaluma/ember-distribution-v1.0.0-beta.2...@projectcaluma/ember-distribution-v1.0.0-beta.3) (2022-02-07)
+
+
+### Bug Fixes
+
+* **deps:** remove moment altogether and update ember-pikday ([b2f7fa2](https://github.com/projectcaluma/ember-caluma/commit/b2f7fa28fa076897addd36e5964c926c671508ff))
+* **distribution:** replace moment with luxon ([80f6b9a](https://github.com/projectcaluma/ember-caluma/commit/80f6b9a984113a5870a1a9ffbcc8e1700cb33190))
+
+
+### BREAKING CHANGES
+
+* **deps:** The host app now needs to opt-in to use the default
+pikaday styles: https://github.com/adopted-ember-addons/ember-pikaday#styles
+
+# [@projectcaluma/ember-distribution-v1.0.0-beta.2](https://github.com/projectcaluma/ember-caluma/compare/@projectcaluma/ember-distribution-v1.0.0-beta.1...@projectcaluma/ember-distribution-v1.0.0-beta.2) (2022-02-01)
+
+
+### chore
+
+* **deps:** update ember-uikit to v5 beta ([6568d39](https://github.com/projectcaluma/ember-caluma/commit/6568d398216d33b44da5b659830ca3c200dd7012))
+
+
+### BREAKING CHANGES
+
+* **deps:** All `@projectcaluma/ember-*` packages now require
+`ember-uikit` v5+.
+
 # @projectcaluma/ember-distribution-v1.0.0-beta.1 (2022-01-18)
 
 

package/addon/abilities/distribution.js

@@ -0,0 +1,41 @@
+import { inject as service } from "@ember/service";
+import { Ability } from "ember-can";
+
+import config from "@projectcaluma/ember-distribution/config";
+
+const hasStatus = (status) => (edge) => edge.node.status === status;
+
+export default class DistributionAbility extends Ability {
+  @service distribution;
+
+  @config config;
+
+  get canSendInquiries() {
+    return (
+      !this.config.ui.readonly &&
+      (this.config.permissions.sendInquiry?.(null) ?? true) &&
+      this.distribution.controls.value?.send.edges.filter(
+        hasStatus("SUSPENDED")
+      ).length > 0
+    );
+  }
+
+  get canCreateInquiry() {
+    return (
+      !this.config.ui.readonly &&
+      (this.config.permissions.createInquiry?.() ?? true) &&
+      this.distribution.controls.value?.create.edges.filter(hasStatus("READY"))
+        .length > 0
+    );
+  }
+
+  get canComplete() {
+    return (
+      !this.config.ui.readonly &&
+      (this.config.permissions.completeDistribution?.() ?? true) &&
+      this.distribution.controls.value?.complete.edges.filter(
+        hasStatus("READY")
+      ).length > 0
+    );
+  }
+}

package/addon/abilities/inquiry.js

@@ -10,6 +10,7 @@ export default class InquiryAbility extends Ability {
 
   get canEdit() {
     return (
+      !this.config.ui.readonly &&
       this.model?.task.slug === this.config.inquiry.task &&
       this.model?.status === "SUSPENDED" &&
       this.model?.controllingGroups
@@ -18,8 +19,17 @@ export default class InquiryAbility extends Ability {
     );
   }
 
+  get canSend() {
+    return this.config.permissions.sendInquiry?.(this.model) ?? true;
+  }
+
+  get canWithdraw() {
+    return this.config.permissions.withdrawInquiry?.(this.model) ?? true;
+  }
+
   get canAnswer() {
     return (
+      !this.config.ui.readonly &&
       this.model?.task.slug === this.config.inquiry.task &&
       this.model?.status === "READY" &&
       this.model?.addressedGroups
@@ -30,10 +40,20 @@ export default class InquiryAbility extends Ability {
 
   get canEditAnswerForm() {
     return (
+      !this.config.ui.readonly &&
       this.canAnswer &&
       this.model?.childCase.workItems.edges.some(
         (edge) => edge.node.task.__typename === "CompleteWorkflowFormTask"
       )
     );
   }
+
+  get canCompleteChildWorkItem() {
+    return (
+      this.config.permissions.completeInquiryChildWorkItem?.(
+        this.model,
+        this.task
+      ) ?? true
+    );
+  }
 }

package/addon/components/cd-document-header.hbs

@@ -0,0 +1,20 @@
+<p class="uk-text-large uk-margin-remove">
+  {{@name}}
+  {{#if @isDraft}}
+    <UkLabel
+      @label={{t "caluma.distribution.status.draft"}}
+      class="uk-margin-left"
+    />
+  {{/if}}
+</p>
+
+{{#if (and @modifiedBy @modifiedAt)}}
+  <p class="uk-text-meta uk-margin-remove-bottom uk-margin-small-top">
+    {{t
+      "caluma.distribution.last-modified"
+      user=(user-name @modifiedBy)
+      date=(format-date @modifiedAt)
+      time=(format-time @modifiedAt hour="2-digit" minute="2-digit")
+    }}
+  </p>
+{{/if}}

package/addon/components/cd-icon-button.hbs

@@ -0,0 +1,27 @@
+{{#if @route}}
+  <LinkTo @route={{@route}} class={{this.class}} title={{@title}} ...attributes>
+    {{#if @loading}}
+      <UkSpinner @ratio={{0.6}} />
+    {{else if @fromSvgJar}}
+      {{svg-jar @icon title=@title width="20" height="20"}}
+    {{else}}
+      <UkIcon @icon={{@icon}} />
+    {{/if}}
+  </LinkTo>
+{{else}}
+  <button
+    type="button"
+    class={{this.class}}
+    title={{@title}}
+    ...attributes
+    {{on "click" @onClick}}
+  >
+    {{#if @loading}}
+      <UkSpinner @ratio={{0.6}} />
+    {{else if @fromSvgJar}}
+      {{svg-jar @icon title=@title width="20" height="20"}}
+    {{else}}
+      <UkIcon @icon={{@icon}} />
+    {{/if}}
+  </button>
+{{/if}}

package/addon/components/{icon-button.js → cd-icon-button.js}

@@ -1,7 +1,7 @@
 import { dasherize } from "@ember/string";
 import Component from "@glimmer/component";
 
-export default class IconButtonComponent extends Component {
+export default class CdIconButtonComponent extends Component {
   get class() {
     const gutters = [
       "gutter",

package/addon/components/cd-inquiry-answer-form.hbs

@@ -0,0 +1,78 @@
+<CfContent
+  @documentId={{decode-id this.inquiry.childCase.document.id}}
+  @disabled={{cannot "edit answer form of inquiry" this.inquiry}}
+  @loading={{this._inquiry.isRunning}}
+>
+  <:default as |content|>
+
+    <div class="uk-position-relative">
+      <CdDocumentHeader
+        @name={{content.document.rootForm.raw.name}}
+        @isDraft={{eq this.inquiry.status "READY"}}
+        @modifiedAt={{this.inquiry.childCase.document.modifiedContentAt}}
+        @modifiedBy={{this.inquiry.childCase.document.modifiedContentByUser}}
+      />
+
+      <CdInquiryDialog::InquiryDeadline
+        @inquiry={{this.inquiry}}
+        class="uk-margin-remove uk-position-center-right"
+      />
+    </div>
+
+    <hr />
+
+    <div class="uk-margin uk-text-italic inquiry-answer-form__request">
+      <CdInquiryDialog::InquiryPart
+        @inquiry={{this.inquiry}}
+        @type="request"
+        @disabled={{true}}
+      />
+    </div>
+
+    {{#if
+      (and
+        (not this.buttons.length)
+        (can "edit answer form of inquiry" this.inquiry)
+      )
+    }}
+      <div class="uk-alert uk-alert-warning uk-flex uk-flex-middle">
+        <UkIcon @icon="warning" class="uk-margin-small-right" />
+        {{t "caluma.distribution.answer.complete-not-allowed"}}
+        {{t "caluma.distribution.not-allowed-hint"}}
+      </div>
+    {{/if}}
+
+    <content.form />
+
+    {{#each this.buttons as |buttonConfig|}}
+      {{#if buttonConfig.isFormButton}}
+        <DocumentValidity @document={{content.document}} as |isValid validate|>
+          <UkButton
+            @type="submit"
+            @color={{buttonConfig.color}}
+            @disabled={{or (not isValid) this.completeWorkItem.isRunning}}
+            @loading={{this.completeWorkItem.isRunning}}
+            @onClick={{fn
+              (perform this.completeWorkItem)
+              buttonConfig.workItemId
+              validate
+            }}
+          >{{buttonConfig.label}}</UkButton>
+        </DocumentValidity>
+      {{else}}
+        <UkButton
+          @type="button"
+          @color={{buttonConfig.color}}
+          @disabled={{this.completeWorkItem.isRunning}}
+          @loading={{this.completeWorkItem.isRunning}}
+          @onClick={{fn
+            (perform this.completeWorkItem)
+            buttonConfig.workItemId
+            null
+          }}
+        >{{buttonConfig.label}}</UkButton>
+      {{/if}}
+    {{/each}}
+  </:default>
+  <:notfound><CdNotfound /></:notfound>
+</CfContent>

package/addon/components/{inquiry-answer-form.js → cd-inquiry-answer-form.js}

@@ -2,39 +2,51 @@ import { inject as service } from "@ember/service";
 import Component from "@glimmer/component";
 import { queryManager } from "ember-apollo-client";
 import { dropTask } from "ember-concurrency";
-import { useTask } from "ember-resources";
+import { trackedTask } from "ember-resources/util/ember-concurrency";
 
 import { decodeId } from "@projectcaluma/ember-core/helpers/decode-id";
 import config from "@projectcaluma/ember-distribution/config";
 import completeInquiryWorkItemMutation from "@projectcaluma/ember-distribution/gql/mutations/complete-inquiry-work-item.graphql";
 import inquiryAnswerQuery from "@projectcaluma/ember-distribution/gql/queries/inquiry-answer.graphql";
 
-export default class InquiryAnswerFormComponent extends Component {
+export default class CdInquiryAnswerFormComponent extends Component {
   @service intl;
   @service router;
+  @service abilities;
   @service notification;
 
   @config config;
 
   @queryManager apollo;
 
-  _inquiry = useTask(this, this.fetchInquiryAnswer, () => [this.args.inquiry]);
+  _inquiry = trackedTask(this, this.fetchInquiryAnswer, () => [
+    this.args.inquiry,
+  ]);
 
   get inquiry() {
     return this._inquiry.value?.[0]?.node;
   }
 
   get buttons() {
-    return this.inquiry?.childCase.workItems.edges.map((edge) => {
-      const config = this.config.inquiry.answer.buttons[edge.node.task.slug];
+    return this.inquiry?.childCase.workItems.edges
+      .map((edge) => {
+        const config = this.config.inquiry.answer.buttons[edge.node.task.slug];
 
-      return {
-        workItemId: decodeId(edge.node.id),
-        color: config.color,
-        isFormButton: edge.node.task.__typename === "CompleteWorkflowFormTask",
-        label: this.intl.t(config.label),
-      };
-    });
+        return this.abilities.can(
+          "complete child work item of inquiry",
+          this.inquiry,
+          { task: edge.node.task.slug }
+        )
+          ? {
+              workItemId: decodeId(edge.node.id),
+              color: config.color,
+              isFormButton:
+                edge.node.task.__typename === "CompleteWorkflowFormTask",
+              label: this.intl.t(config.label),
+            }
+          : null;
+      })
+      .filter(Boolean);
   }
 
   @dropTask
@@ -45,6 +57,8 @@ export default class InquiryAnswerFormComponent extends Component {
         variables: {
           inquiry: this.args.inquiry,
           buttonTasks: Object.keys(this.config.inquiry.answer.buttons),
+          infoQuestion: this.config.inquiry.infoQuestion,
+          deadlineQuestion: this.config.inquiry.deadlineQuestion,
         },
       },
       "allWorkItems.edges"
@@ -65,7 +79,7 @@ export default class InquiryAnswerFormComponent extends Component {
         },
       });
 
-      yield this.router.transitionTo("distribution.inquiry.index");
+      yield this.router.transitionTo("inquiry.index");
     } catch (error) {
       this.notification.danger(
         this.intl.t("caluma.distribution.answer.complete-error")

package/addon/components/cd-inquiry-dialog/inquiry-deadline.hbs

@@ -0,0 +1,29 @@
+{{#if this.deadline.value}}
+  <div
+    class="uk-position-top-right
+      {{if
+        this.config.ui.small
+        'uk-margin-top uk-margin-right'
+        'uk-margin-medium-top uk-margin-medium-right'
+      }}
+      {{if
+        this.isWithdrawn
+        'uk-text-muted'
+        (concat 'uk-text-' this.deadline.color)
+      }}
+      uk-flex-inline uk-flex-middle"
+    ...attributes
+  >
+    {{svg-jar
+      (if this.isWithdrawn "ban-outline" "alarm-outline")
+      height=26
+      width=26
+      class="uk-margin-small-right"
+    }}
+    {{#if this.isWithdrawn}}
+      {{t "caluma.distribution.withdraw.status"}}
+    {{else}}
+      {{format-date this.deadline.value}}
+    {{/if}}
+  </div>
+{{/if}}

package/addon/components/{inquiry-dialog → cd-inquiry-dialog}/inquiry-deadline.js

@@ -3,8 +3,12 @@ import Component from "@glimmer/component";
 import config from "@projectcaluma/ember-distribution/config";
 import inquiryDeadline from "@projectcaluma/ember-distribution/utils/inquiry-deadline";
 
-export default class InquiryDialogInquiryDeadlineComponent extends Component {
+export default class CdInquiryDialogInquiryDeadlineComponent extends Component {
   @config config;
 
   @inquiryDeadline deadline;
+
+  get isWithdrawn() {
+    return this.args.inquiry.status === "CANCELED";
+  }
 }

package/addon/components/{inquiry-dialog → cd-inquiry-dialog}/inquiry-divider.hbs

@@ -1,5 +1,6 @@
 <div
-  class="inquiry-divider uk-flex uk-flex-center uk-flex-middle uk-flex-between uk-margin uk-text-{{this.status.color}}"
+  class="inquiry-divider uk-flex uk-flex-center uk-flex-middle uk-flex-between uk-text-{{this.status.color}}
+    {{if this.config.ui.small 'inquiry-divider--small' 'uk-margin'}}"
 >
   <div class="inquiry-divider__icon uk-flex uk-flex-center uk-flex-middle">
     {{svg-jar this.status.icon title=this.status.label}}

package/addon/components/{inquiry-dialog → cd-inquiry-dialog}/inquiry-divider.js

@@ -4,7 +4,7 @@ import Component from "@glimmer/component";
 import config from "@projectcaluma/ember-distribution/config";
 import inquiryStatus from "@projectcaluma/ember-distribution/utils/inquiry-status";
 
-export default class InquiryDialogInquiryDividerComponent extends Component {
+export default class CdInquiryDialogInquiryDividerComponent extends Component {
   @service intl;
 
   @config config;

package/addon/components/cd-inquiry-dialog/inquiry-part.hbs

@@ -0,0 +1,101 @@
+<div class="uk-margin-remove-last-child">
+  <p class="uk-flex uk-flex-middle uk-text-large uk-margin-remove">
+    {{#if (eq @type "request")}}
+      {{svg-jar "arrow-redo-outline" height=24 class="uk-margin-small-right"}}
+      {{group-name @inquiry.controllingGroups}}
+    {{else if (eq @type "answer")}}
+      {{svg-jar "arrow-undo-outline" height=24 class="uk-margin-small-right"}}
+      {{group-name @inquiry.addressedGroups}}
+    {{/if}}
+  </p>
+
+  <ul
+    class="uk-subnav uk-subnav-divider
+      {{if
+        this.config.ui.small
+        'uk-margin-remove-top uk-margin-small-bottom'
+        'uk-margin-small-top'
+      }}"
+  >
+    <li>
+      <span>
+        {{format-date this.date}}
+        {{format-time this.date hour="2-digit" minute="2-digit"}}
+      </span>
+    </li>
+    {{#unless @disabled}}
+      {{#if (or (eq @type "answer") (cannot "edit inquiry" @inquiry))}}
+        <li>
+          <LinkTo
+            data-test-details
+            @route="inquiry.detail.{{if (eq @type 'answer') 'answer' 'index'}}"
+            @model={{decode-id @inquiry.id}}
+          >
+            {{t "caluma.distribution.details"}}
+          </LinkTo>
+        </li>
+      {{/if}}
+      {{#if (can "edit inquiry" @inquiry)}}
+        <li>
+          <LinkTo
+            data-test-edit
+            @route="inquiry.detail.index"
+            @model={{decode-id @inquiry.id}}
+          >
+            {{t "caluma.distribution.edit.link"}}
+          </LinkTo>
+        </li>
+        {{#if (can "withdraw inquiry" @inquiry)}}
+          <li>
+            <a
+              href=""
+              {{on "click" (perform this.withdraw)}}
+              data-test-withdraw
+            >
+              {{t "caluma.distribution.withdraw.link"}}
+            </a>
+          </li>
+        {{/if}}
+      {{else if (can "answer inquiry" @inquiry)}}
+        <li>
+          <LinkTo
+            data-test-answer
+            @route="inquiry.detail.answer"
+            @model={{decode-id @inquiry.id}}
+          >
+            {{t "caluma.distribution.answer.link"}}
+          </LinkTo>
+        </li>
+      {{/if}}
+    {{/unless}}
+  </ul>
+
+  {{#if this.requestInfo}}
+    <CdTruncated
+      data-test-inquiry-request
+      @text={{this.requestInfo}}
+      @length={{500}}
+    />
+  {{else if this.answerInfo}}
+    {{#each this.answerInfo as |info|}}
+      <div class="uk-margin">
+        <p
+          class="uk-text-bolder
+            {{if
+              this.config.ui.small
+              'uk-margin-remove'
+              'uk-margin-small-bottom'
+            }}"
+        >
+          {{info.question}}
+        </p>
+        <CdTruncated
+          data-test-inquiry-answer
+          class="uk-margin-remove"
+          @text={{info.value}}
+          @length={{200}}
+        />
+      </div>
+    {{/each}}
+  {{/if}}
+</div>

package/addon/components/cd-inquiry-dialog/inquiry-part.js

@@ -0,0 +1,66 @@
+import { inject as service } from "@ember/service";
+import { isEmpty } from "@ember/utils";
+import Component from "@glimmer/component";
+import { queryManager } from "ember-apollo-client";
+import { dropTask } from "ember-concurrency";
+import { confirm } from "ember-uikit";
+
+import { decodeId } from "@projectcaluma/ember-core/helpers/decode-id";
+import config from "@projectcaluma/ember-distribution/config";
+import withdrawInquiryMutation from "@projectcaluma/ember-distribution/gql/mutations/withdraw-inquiry.graphql";
+
+export default class CdInquiryDialogInquiryPartComponent extends Component {
+  @service notification;
+  @service router;
+  @service intl;
+
+  @queryManager apollo;
+
+  @config config;
+
+  get date() {
+    const key = this.args.type === "request" ? "createdAt" : "closedAt";
+
+    return this.args.inquiry[key];
+  }
+
+  get requestInfo() {
+    return this.args.type === "request"
+      ? this.args.inquiry.document.info.edges[0]?.node.value
+      : null;
+  }
+
+  get answerInfo() {
+    return this.args.type === "answer"
+      ? this.args.inquiry.childCase.document.info.edges
+          .filter((edge) => !isEmpty(edge.node.value))
+          .map((edge) => ({
+            question: edge.node.question.label,
+            value: edge.node.value,
+          }))
+      : null;
+  }
+
+  @dropTask
+  *withdraw(e) {
+    e.preventDefault();
+
+    /* istanbul ignore next */
+    if (!(yield confirm(this.intl.t("caluma.distribution.withdraw.confirm")))) {
+      return;
+    }
+
+    try {
+      yield this.apollo.mutate({
+        mutation: withdrawInquiryMutation,
+        variables: {
+          workItem: decodeId(this.args.inquiry.id),
+        },
+      });
+    } catch (error) {
+      this.notification.danger(
+        this.intl.t("caluma.distribution.withdraw.error")
+      );
+    }
+  }
+}

package/addon/components/cd-inquiry-dialog/inquiry.hbs

@@ -0,0 +1,16 @@
+<article
+  class="uk-card uk-card-default uk-margin
+    {{if this.config.ui.small 'uk-card-small'}}"
+>
+  <div class="uk-card-body">
+    <CdInquiryDialog::InquiryDeadline @inquiry={{@inquiry}} />
+
+    {{#if this.hasAnswer}}
+      <CdInquiryDialog::InquiryPart @inquiry={{@inquiry}} @type="answer" />
+
+      <CdInquiryDialog::InquiryDivider @inquiry={{@inquiry}} />
+    {{/if}}
+
+    <CdInquiryDialog::InquiryPart @inquiry={{@inquiry}} @type="request" />
+  </div>
+</article>