@projectcaluma/ember-distribution 1.0.0-beta.5 → 1.0.0-beta.8

package/CHANGELOG.md

@@ -1,3 +1,36 @@
+# [@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)
 
 

package/addon/abilities/distribution.js

@@ -4,26 +4,28 @@ import { Ability } from "ember-can";
 const hasStatus = (status) => (edge) => edge.node.status === status;
 
 export default class DistributionAbility extends Ability {
-  @service("caluma-distribution-controls") controls;
+  @service distribution;
 
   get canSendInquiries() {
     return (
-      this.controls.workItems.value?.send.edges.filter(hasStatus("SUSPENDED"))
-        .length > 0
+      this.distribution.controls.value?.send.edges.filter(
+        hasStatus("SUSPENDED")
+      ).length > 0
     );
   }
 
   get canCreateInquiry() {
     return (
-      this.controls.workItems.value?.create.edges.filter(hasStatus("READY"))
+      this.distribution.controls.value?.create.edges.filter(hasStatus("READY"))
         .length > 0
     );
   }
 
   get canComplete() {
     return (
-      this.controls.workItems.value?.complete.edges.filter(hasStatus("READY"))
-        .length > 0
+      this.distribution.controls.value?.complete.edges.filter(
+        hasStatus("READY")
+      ).length > 0
     );
   }
 }

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/{inquiry-answer-form.hbs → cd-inquiry-answer-form.hbs}

@@ -44,5 +44,5 @@
       {{/if}}
     {{/each}}
   </:default>
-  <:notfound><Notfound /></:notfound>
+  <:notfound><CdNotfound /></:notfound>
 </CfContent>

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

@@ -9,7 +9,7 @@ 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 notification;

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

@@ -0,0 +1,28 @@
+{{#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"
+  >
+    {{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.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/{inquiry-dialog → cd-inquiry-dialog}/inquiry-part.hbs

@@ -28,6 +28,11 @@
         {{t "caluma.distribution.edit.link"}}
       </LinkTo>
     </li>
+    <li>
+      <a href="" {{on "click" (perform this.withdraw)}} data-test-withdraw>
+        {{t "caluma.distribution.withdraw.link"}}
+      </a>
+    </li>
   {{/if}}
   {{#if (can "answer inquiry" @inquiry)}}
     <li>

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

@@ -0,0 +1,59 @@
+import { inject as service } from "@ember/service";
+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 info() {
+    const document =
+      this.args.type === "request"
+        ? this.args.inquiry.document
+        : this.args.type === "answer"
+        ? this.args.inquiry.childCase.document
+        : null;
+
+    return document.info.edges[0]?.node.value;
+  }
+
+  @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>

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

@@ -2,7 +2,7 @@ import Component from "@glimmer/component";
 
 import config from "@projectcaluma/ember-distribution/config";
 
-export default class InquiryDialogInquiryComponent extends Component {
+export default class CdInquiryDialogInquiryComponent extends Component {
   @config config;
 
   get hasAnswer() {

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

@@ -3,9 +3,9 @@
 {{else if this.inquiries.length}}
   <section>
     {{#each this.inquiries as |inquiry|}}
-      <InquiryDialog::Inquiry @inquiry={{inquiry}} />
+      <CdInquiryDialog::Inquiry @inquiry={{inquiry}} />
     {{/each}}
   </section>
 {{else}}
-  <Notfound />
+  <CdNotfound />
 {{/if}}

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

@@ -0,0 +1,65 @@
+import { inject as service } from "@ember/service";
+import Component from "@glimmer/component";
+import { queryManager, getObservable } from "ember-apollo-client";
+import { dropTask } from "ember-concurrency";
+import { useTask } from "ember-resources";
+
+import config from "@projectcaluma/ember-distribution/config";
+import inquiryDialogQuery from "@projectcaluma/ember-distribution/gql/queries/inquiry-dialog.graphql";
+
+export default class CdInquiryDialogComponent extends Component {
+  @service router;
+
+  @config config;
+
+  @queryManager apollo;
+
+  get inquiries() {
+    return this._inquiries.value?.allWorkItems.edges.map((edge) => edge.node);
+  }
+
+  _inquiries = useTask(this, this.fetchDialog, () => [
+    this.args.from,
+    this.args.to,
+    this.args.caseId,
+    this.config,
+  ]);
+
+  @dropTask
+  *fetchDialog() {
+    const response = yield this.apollo.watchQuery({
+      query: inquiryDialogQuery,
+      variables: {
+        from: this.args.from,
+        to: this.args.to,
+        caseId: this.args.caseId,
+        task: this.config.inquiry.task,
+        infoQuestion: this.config.inquiry.infoQuestion,
+        deadlineQuestion: this.config.inquiry.deadlineQuestion,
+        statusQuestion: this.config.inquiry.answer.statusQuestion,
+        answerInfoQuestion: this.config.inquiry.answer.infoQuestion,
+        includeNavigationData: true,
+      },
+    });
+
+    /**
+     * Sadly this is necessary to handle what happens after the withdraw task in
+     * the inquiry part component because the mutation triggers a refresh of the
+     * query above in the same runloop instead of the next one.  This causes
+     * `this.inquiries` to be recomputed which then triggers a rerender of the
+     * component and therefore cancels the withdraw task before we can do a
+     * transition.
+     *
+     * TODO: If https://github.com/ember-graphql/ember-apollo-client/pull/421 is
+     * merged and released, we can rewrite this into an action that is triggered
+     * in the withdraw task of the child component.
+     */
+    getObservable(response).subscribe(({ data: { allWorkItems } }) => {
+      if (allWorkItems.edges.every((edge) => edge.node.status === "CANCELED")) {
+        this.router.transitionTo("index");
+      }
+    });
+
+    return response;
+  }
+}

package/addon/components/{inquiry-edit-form.hbs → cd-inquiry-edit-form.hbs}

@@ -25,5 +25,5 @@
       >{{t "caluma.distribution.edit.send"}}</UkButton>
     </DocumentValidity>
   </:default>
-  <:notfound><Notfound /></:notfound>
+  <:notfound><CdNotfound /></:notfound>
 </CfContent>

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

@@ -8,7 +8,7 @@ import config from "@projectcaluma/ember-distribution/config";
 import resumeWorkItemMutation from "@projectcaluma/ember-distribution/gql/mutations/resume-work-item.graphql";
 import inquiryEditQuery from "@projectcaluma/ember-distribution/gql/queries/inquiry-edit.graphql";
 
-export default class InquiryEditFormComponent extends Component {
+export default class CdInquiryEditFormComponent extends Component {
   @service notification;
   @service router;
   @service intl;

package/addon/components/{inquiry-new-form.hbs → cd-inquiry-new-form.hbs}

@@ -6,12 +6,12 @@
   {{#if this.selectedGroups.length}}
     <div class="uk-flex uk-flex-middle">
       <div class="uk-width-expand">
-        <button type="button" class="uk-link uk-text-light">
+        <a href="">
           {{t
             "caluma.distribution.new.groups"
             count=this.selectedGroups.length
           }}
-        </button>
+        </a>
         <div uk-dropdown class="uk-width-auto">
           <ul
             class="uk-list uk-list-bullet uk-margin-remove uk-padding-remove"
@@ -117,5 +117,5 @@
     </div>
   {{/if}}
 {{else}}
-  <Notfound />
+  <CdNotfound />
 {{/if}}

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

@@ -10,7 +10,6 @@ import { useTask } from "ember-resources";
 import { decodeId } from "@projectcaluma/ember-core/helpers/decode-id";
 import config from "@projectcaluma/ember-distribution/config";
 import createInquiryMutation from "@projectcaluma/ember-distribution/gql/mutations/create-inquiry.graphql";
-import inquiryNavigationQuery from "@projectcaluma/ember-distribution/gql/queries/inquiry-navigation.graphql";
 
 const toggle = (value, array) => {
   const set = new Set(array);
@@ -20,12 +19,12 @@ const toggle = (value, array) => {
   return [...set];
 };
 
-export default class InquiryNewFormComponent extends Component {
+export default class CdInquiryNewFormComponent extends Component {
   @service calumaOptions;
   @service notification;
   @service intl;
   @service router;
-  @service("caluma-distribution-controls") controls;
+  @service distribution;
 
   @queryManager apollo;
 
@@ -82,7 +81,7 @@ export default class InquiryNewFormComponent extends Component {
     try {
       // get create inquiry work item to complete
       const createId = decodeId(
-        this.controls.workItems.value?.create.edges[0].node.id
+        this.distribution.controls.value?.create.edges[0].node.id
       );
 
       // create new inquiries
@@ -96,31 +95,20 @@ export default class InquiryNewFormComponent extends Component {
         },
       });
 
-      // refetch navigation data
-      const navigationData = yield this.apollo.query(
-        {
-          query: inquiryNavigationQuery,
-          fetchPolicy: "network-only",
-          variables: {
-            caseId: this.args.caseId,
-            task: this.config.inquiry.task,
-            currentGroup: String(this.calumaOptions.currentGroupId),
-            statusQuestion: this.config.inquiry.answer.statusQuestion,
-            deadlineQuestion: this.config.inquiry.deadlineQuestion,
-            includeNavigationData: true,
-          },
-        },
-        "controlling.edges"
-      );
+      // refetch navigation and controls data
+      yield this.distribution.refetch();
+
+      const lastControlling =
+        this.distribution.navigation.value.controlling.edges[0].node;
 
       // transition to last added inquiry
       this.router.transitionTo(
         "inquiry.detail.index",
         {
-          from: navigationData[0].node.controllingGroups[0],
-          to: navigationData[0].node.addressedGroups[0],
+          from: lastControlling.controllingGroups[0],
+          to: lastControlling.addressedGroups[0],
         },
-        decodeId(navigationData[0].node.id)
+        decodeId(lastControlling.id)
       );
     } catch (e) {
       this.notification.danger(

package/addon/components/{distribution-navigation → cd-navigation}/controls.hbs

@@ -1,23 +1,28 @@
 <div class="uk-text-center uk-margin-small-top">
   {{#if (can "create inquiry of distribution")}}
-    <IconButton @route="new" @icon="plus" />
+    <CdIconButton @route="new" @icon="plus" />
   {{/if}}
   {{#if (can "send inquiries of distribution")}}
-    <IconButton
+    <CdIconButton
+      @title={{t "caluma.distribution.send"}}
       @icon="paper-plane-outline"
       @fromSvgJar={{true}}
       @gutterTop={{4}}
       @gutterRight={{6}}
       @gutterLeft={{4}}
       @gutterBottom={{4}}
-      @onClick={{this.noop}}
+      @onClick={{perform this.sendInquiries}}
+      @loading={{this.sendInquiries.isRunning}}
+      data-test-send-pending-inquiries
     />
   {{/if}}
   {{#if (can "complete distribution")}}
-    <IconButton
+    <CdIconButton
       @icon="lock-closed-outline"
       @fromSvgJar={{true}}
-      @onClick={{this.noop}}
+      @onClick={{perform this.completeDistribution}}
+      @loading={{this.completeDistribution.isRunning}}
+      data-test-complete-distribution
     />
   {{/if}}
 </div>

package/addon/components/cd-navigation/controls.js

@@ -0,0 +1,95 @@
+import { inject as service } from "@ember/service";
+import Component from "@glimmer/component";
+import { queryManager } from "ember-apollo-client";
+import { dropTask } from "ember-concurrency";
+import { confirm } from "ember-uikit";
+import { gql } from "graphql-tag";
+
+import { decodeId } from "@projectcaluma/ember-core/helpers/decode-id";
+import config from "@projectcaluma/ember-distribution/config";
+import completeWorkItemMutation from "@projectcaluma/ember-distribution/gql/mutations/complete-work-item.graphql";
+import incompleteInquiriesQuery from "@projectcaluma/ember-distribution/gql/queries/incomplete-inquiries.graphql";
+
+export default class CdNavigationControlsComponent extends Component {
+  @service distribution;
+  @service intl;
+  @service notification;
+  @service router;
+
+  @queryManager apollo;
+  @config config;
+
+  @dropTask
+  *completeDistribution() {
+    try {
+      const incompleteInquiries = yield this.apollo.query(
+        {
+          query: incompleteInquiriesQuery,
+          variables: {
+            caseId: this.args.caseId,
+            task: this.config.inquiry.task,
+          },
+        },
+        "allWorkItems.totalCount"
+      );
+
+      if (
+        incompleteInquiries > 0 &&
+        !(yield confirm(
+          this.intl.t("caluma.distribution.complete-confirm", {
+            count: incompleteInquiries,
+          })
+        ))
+      ) {
+        return;
+      }
+
+      const completeDistributionWorkItem =
+        this.distribution.controls.value.complete.edges?.[0]?.node.id;
+
+      yield this.apollo.mutate({
+        mutation: completeWorkItemMutation,
+        variables: {
+          workItem: completeDistributionWorkItem,
+        },
+      });
+
+      yield this.distribution.refetch();
+      this.router.transitionTo("index");
+    } catch (e) {
+      this.notification.danger(
+        this.intl.t("caluma.distribution.complete-error")
+      );
+    }
+  }
+
+  @dropTask
+  *sendInquiries() {
+    if (!(yield confirm(this.intl.t("caluma.distribution.send-confirm")))) {
+      return;
+    }
+
+    try {
+      const ids = this.distribution.controls.value.send.edges.map((edge) =>
+        decodeId(edge.node.id)
+      );
+
+      const mutations = ids.map(
+        (id, index) => `
+        sendInquiry${index}: resumeWorkItem(input: { id: "${id}" }) {
+          workItem {
+            id
+            status
+          }
+        }
+      `
+      );
+
+      const mutation = gql`mutation SendInquiries {${mutations.join("\n")}}`;
+
+      yield this.apollo.mutate({ mutation });
+    } catch (e) {
+      this.notification.danger(this.intl.t("caluma.distribution.send-error"));
+    }
+  }
+}

package/addon/components/{distribution-navigation → cd-navigation}/item.hbs

@@ -3,16 +3,13 @@
     <div class="uk-flex uk-flex-middle uk-width-1-1">
       <div class="uk-width-expand uk-text-truncate">
         {{#if (eq @type "addressed")}}
-          {{group-name @inquiry.controllingGroups}}
+          {{@inquiry.controllingGroupName}}
         {{else}}
-          {{group-name @inquiry.addressedGroups}}
+          {{@inquiry.addressedGroupName}}
         {{/if}}
       </div>
 
-      <DistributionNavigation::StatusIndicator
-        @inquiry={{@inquiry}}
-        @type={{@type}}
-      />
+      <CdNavigation::StatusIndicator @inquiry={{@inquiry}} @type={{@type}} />
     </div>
   </LinkTo>
 </li>

package/addon/components/{distribution-navigation → cd-navigation}/item.js

@@ -1,7 +1,7 @@
 import { inject as service } from "@ember/service";
 import Component from "@glimmer/component";
 
-export default class DistributionNavigationItemComponent extends Component {
+export default class CdNavigationItemComponent extends Component {
   @service router;
 
   get model() {

package/addon/components/{distribution-navigation → cd-navigation}/section.hbs

@@ -14,13 +14,13 @@
     {{#if @inquiries.length}}
       <ul class="uk-tab uk-tab-left uk-margin-left">
         {{#each this.inquiries as |inquiry|}}
-          <DistributionNavigation::Item @inquiry={{inquiry}} @type={{@type}} />
+          <CdNavigation::Item @inquiry={{inquiry}} @type={{@type}} />
         {{/each}}
       </ul>
     {{/if}}
 
     {{#if (eq @type "controlling")}}
-      <DistributionNavigation::Controls @caseId={{@caseId}} />
+      <CdNavigation::Controls @caseId={{@caseId}} />
     {{/if}}
   {{/if}}
 </li>

package/addon/components/{distribution-navigation → cd-navigation}/section.js

@@ -2,7 +2,7 @@ import { action } from "@ember/object";
 import Component from "@glimmer/component";
 import { tracked } from "@glimmer/tracking";
 
-export default class DistributionNavigationSectionComponent extends Component {
+export default class CdNavigationSectionComponent extends Component {
   @tracked expanded = true;
 
   @action