@projectcaluma/ember-distribution 1.0.0-beta.1

package/addon/gql/queries/control-work-items.graphql

@@ -0,0 +1,37 @@
+query ControlWorkItems(
+  $createTask: ID!
+  $completeTask: ID!
+  $caseId: ID!
+  $currentGroup: String!
+) {
+  create: allWorkItems(
+    filter: [
+      { case: $caseId }
+      { task: $createTask }
+      { status: READY }
+      { addressedGroups: [$currentGroup] }
+    ]
+    first: 1
+  ) {
+    edges {
+      node {
+        id
+      }
+    }
+  }
+  complete: allWorkItems(
+    filter: [
+      { case: $caseId }
+      { task: $completeTask }
+      { status: READY }
+      { addressedGroups: [$currentGroup] }
+    ]
+    first: 1
+  ) {
+    edges {
+      node {
+        id
+      }
+    }
+  }
+}

package/addon/gql/queries/inquiry-answer.graphql

@@ -0,0 +1,33 @@
+query InquiryAnswer($inquiry: ID!, $buttonTasks: [String]!) {
+  allWorkItems(filter: [{ id: $inquiry }]) {
+    edges {
+      node {
+        id
+        status
+        addressedGroups
+        task {
+          id
+          slug
+        }
+        childCase {
+          id
+          status
+          document {
+            id
+          }
+          workItems(tasks: $buttonTasks, status: READY) {
+            edges {
+              node {
+                id
+                task {
+                  id
+                  slug
+                }
+              }
+            }
+          }
+        }
+      }
+    }
+  }
+}

package/addon/gql/queries/inquiry-dialog.graphql

@@ -0,0 +1,28 @@
+#import InquiryDialog, InquiryDeadlineDocument, InquiryStatusDocument from '../fragments/inquiry.graphql'
+
+query InquiryDialog(
+  $task: ID!
+  $statusQuestion: ID!
+  $deadlineQuestion: ID!
+  $infoQuestion: ID!
+  $answerInfoQuestion: ID!
+  $from: [String]!
+  $to: [String]!
+  $caseId: ID!
+) {
+  allWorkItems(
+    filter: [
+      { case: $caseId }
+      { task: $task }
+      { controllingGroups: $from }
+      { addressedGroups: $to }
+    ]
+    order: [{ attribute: CREATED_AT, direction: DESC }]
+  ) {
+    edges {
+      node {
+        ...InquiryDialog
+      }
+    }
+  }
+}

package/addon/gql/queries/inquiry-edit.graphql

@@ -0,0 +1,18 @@
+query InquiryEdit($inquiry: ID!) {
+  allWorkItems(filter: [{ id: $inquiry }]) {
+    edges {
+      node {
+        id
+        status
+        controllingGroups
+        task {
+          id
+          slug
+        }
+        document {
+          id
+        }
+      }
+    }
+  }
+}

package/addon/gql/queries/inquiry-navigation.graphql

@@ -0,0 +1,56 @@
+#import Inquiry, InquiryDeadlineDocument, InquiryStatusDocument from '../fragments/inquiry.graphql'
+
+query InquiryNavigation(
+  $task: ID!
+  $statusQuestion: ID
+  $deadlineQuestion: ID
+  $currentGroup: String!
+  $caseId: ID!
+  $includeNavigationData: Boolean!
+) {
+  controlling: allWorkItems(
+    filter: [
+      { case: $caseId }
+      { task: $task }
+      { controllingGroups: [$currentGroup] }
+    ]
+    order: [{ attribute: CREATED_AT, direction: DESC }]
+  ) {
+    edges {
+      node {
+        ...Inquiry
+      }
+    }
+  }
+  addressed: allWorkItems(
+    filter: [
+      { case: $caseId }
+      { task: $task }
+      { addressedGroups: [$currentGroup] }
+      { status: SUSPENDED, invert: true }
+    ]
+    order: [{ attribute: CREATED_AT, direction: DESC }]
+  ) {
+    edges {
+      node {
+        ...Inquiry
+      }
+    }
+  }
+  more: allWorkItems(
+    filter: [
+      { case: $caseId }
+      { task: $task }
+      { controllingGroups: [$currentGroup], invert: true }
+      { addressedGroups: [$currentGroup], invert: true }
+      { status: COMPLETED }
+    ]
+    order: [{ attribute: CREATED_AT, direction: DESC }]
+  ) {
+    edges {
+      node {
+        ...Inquiry
+      }
+    }
+  }
+}

package/addon/routes/distribution/index.js

@@ -0,0 +1,41 @@
+import Route from "@ember/routing/route";
+import { inject as service } from "@ember/service";
+import { queryManager } from "ember-apollo-client";
+
+import config from "@projectcaluma/ember-distribution/config";
+import inquiryNavigationQuery from "@projectcaluma/ember-distribution/gql/queries/inquiry-navigation.graphql";
+import uniqueByGroups from "@projectcaluma/ember-distribution/utils/unique-by-groups";
+
+export default class DistributionIndexRoute extends Route {
+  @service router;
+  @service calumaOptions;
+
+  @config config;
+
+  @queryManager apollo;
+
+  async redirect(model) {
+    const response = await this.apollo.query({
+      query: inquiryNavigationQuery,
+      variables: {
+        caseId: model,
+        task: this.config.inquiry.task,
+        currentGroup: String(this.calumaOptions.currentGroupId),
+        includeNavigationData: false,
+      },
+    });
+
+    const models = Object.entries(response).flatMap(([, objects]) => {
+      return uniqueByGroups(objects.edges.map((edge) => edge.node)).map(
+        (inquiry) => ({
+          from: inquiry.controllingGroups[0],
+          to: inquiry.addressedGroups[0],
+        })
+      );
+    }, {});
+
+    if (models.length) {
+      return this.router.replaceWith("distribution.inquiry", models[0]);
+    }
+  }
+}

package/addon/routes/distribution/inquiry/detail/answer.js

@@ -0,0 +1,7 @@
+import Route from "@ember/routing/route";
+
+export default class DistributionInquiryDetailAnswerRoute extends Route {
+  model() {
+    return this.modelFor("distribution.inquiry.detail");
+  }
+}

package/addon/routes/distribution/inquiry/detail/index.js

@@ -0,0 +1,7 @@
+import Route from "@ember/routing/route";
+
+export default class DistributionInquiryDetailIndexRoute extends Route {
+  model() {
+    return this.modelFor("distribution.inquiry.detail");
+  }
+}

package/addon/routes/distribution/inquiry/detail.js

@@ -0,0 +1,7 @@
+import Route from "@ember/routing/route";
+
+export default class DistributionInquiryDetailRoute extends Route {
+  model({ inquiry }) {
+    return inquiry;
+  }
+}

package/addon/routes/distribution/inquiry/index.js

@@ -0,0 +1,10 @@
+import Route from "@ember/routing/route";
+
+export default class DistributionInquiryIndexRoute extends Route {
+  model() {
+    return {
+      ...this.modelFor("distribution.inquiry"),
+      case: this.modelFor("distribution"),
+    };
+  }
+}

package/addon/routes/distribution/inquiry.js

@@ -0,0 +1,7 @@
+import Route from "@ember/routing/route";
+
+export default class DistributionInquiryRoute extends Route {
+  model({ from, to }) {
+    return { from, to };
+  }
+}

package/addon/routes/distribution/new.js

@@ -0,0 +1,7 @@
+import Route from "@ember/routing/route";
+
+export default class DistributionNewRoute extends Route {
+  model() {
+    return this.modelFor("distribution");
+  }
+}

package/addon/routes/distribution.js

@@ -0,0 +1,7 @@
+import Route from "@ember/routing/route";
+
+export default class DistributionRoute extends Route {
+  model(params) {
+    return params.case;
+  }
+}

package/addon/routes.js

@@ -0,0 +1,12 @@
+import buildRoutes from "ember-engines/routes";
+
+export default buildRoutes(function () {
+  this.route("distribution", { path: "/case/:case" }, function () {
+    this.route("new");
+    this.route("inquiry", { path: "/from/:from/to/:to" }, function () {
+      this.route("detail", { path: "/detail/:inquiry" }, function () {
+        this.route("answer");
+      });
+    });
+  });
+});

package/addon/templates/distribution/inquiry/detail/answer.hbs

@@ -0,0 +1 @@
+<InquiryAnswerForm @inquiry={{@model}} />

package/addon/templates/distribution/inquiry/detail/index.hbs

@@ -0,0 +1 @@
+<InquiryEditForm @inquiry={{@model}} />

package/addon/templates/distribution/inquiry/detail.hbs

@@ -0,0 +1 @@
+{{outlet}}

package/addon/templates/distribution/inquiry/index.hbs

@@ -0,0 +1,5 @@
+<InquiryDialog
+  @from={{@model.from}}
+  @to={{@model.to}}
+  @caseId={{@model.case}}
+/>

package/addon/templates/distribution/inquiry.hbs

@@ -0,0 +1 @@
+{{outlet}}

package/addon/templates/distribution/new.hbs

@@ -0,0 +1,7 @@
+<InquiryNewForm
+  @selectedTypes={{this.selectedTypes}}
+  @search={{this.search}}
+  @caseId={{@model}}
+  @onChangeSelectedTypes={{fn (mut this.selectedTypes)}}
+  @onChangeSearch={{fn (mut this.search)}}
+/>

package/addon/templates/distribution.hbs

@@ -0,0 +1,8 @@
+<div uk-grid>
+  <div class="uk-width-1-3">
+    <DistributionNavigation @caseId={{@model}} />
+  </div>
+  <div class="uk-width-2-3">
+    {{outlet}}
+  </div>
+</div>

package/addon/utils/inquiry-deadline.js

@@ -0,0 +1,48 @@
+import { assert } from "@ember/debug";
+import { get } from "@ember/object";
+import moment from "moment";
+
+import { createDecorator } from "@projectcaluma/ember-distribution/-private/decorator";
+
+function decorator(
+  target,
+  key,
+  desc,
+  { inquiryProperty = "args.inquiry" } = {}
+) {
+  assert(
+    `The @projectcaluma/ember-distribution config must be injected in order to use @inquiryDeadline: \`@config config\``,
+    Object.prototype.hasOwnProperty.call(target, "config")
+  );
+
+  return {
+    get() {
+      const inquiry = get(this, inquiryProperty);
+      const value = inquiry.document?.deadline.edges[0]?.node.value;
+      const isAnswered = inquiry.status === "COMPLETED";
+
+      const deadline = moment.utc(value);
+      const now = moment.utc();
+
+      const isOverdue = !isAnswered && now.isAfter(deadline, "day");
+      const isWarning =
+        !isAnswered &&
+        now.add(this.config.warningPeriod, "days").isAfter(deadline, "day");
+
+      return {
+        value,
+        isOverdue,
+        isWarning,
+        color: isAnswered
+          ? "muted"
+          : isOverdue
+          ? "danger"
+          : isWarning
+          ? "warning"
+          : "emphasis",
+      };
+    },
+  };
+}
+
+export default createDecorator(decorator);

package/addon/utils/inquiry-status.js

@@ -0,0 +1,68 @@
+import { assert } from "@ember/debug";
+import { get } from "@ember/object";
+
+import { createDecorator } from "@projectcaluma/ember-distribution/-private/decorator";
+import { INQUIRY_STATUS } from "@projectcaluma/ember-distribution/config";
+
+export const ICON_MAP = {
+  [INQUIRY_STATUS.DRAFT]: "pencil-outline",
+  [INQUIRY_STATUS.SENT]: "paper-plane-outline",
+  [INQUIRY_STATUS.POSITIVE]: "checkmark-outline",
+  [INQUIRY_STATUS.NEGATIVE]: "close-outline",
+  [INQUIRY_STATUS.NEEDS_INTERACTION]: "repeat-outline",
+};
+
+export const COLOR_MAP = {
+  [INQUIRY_STATUS.DRAFT]: "muted",
+  [INQUIRY_STATUS.SENT]: "emphasis",
+  [INQUIRY_STATUS.POSITIVE]: "success",
+  [INQUIRY_STATUS.NEGATIVE]: "danger",
+  [INQUIRY_STATUS.NEEDS_INTERACTION]: "warning",
+};
+
+function decorator(
+  target,
+  key,
+  desc,
+  { inquiryProperty = "args.inquiry", inquiryTypeProperty = "args.type" } = {}
+) {
+  assert(
+    `The @projectcaluma/ember-distribution config must be injected in order to use @inquiryStatus: \`@config config\``,
+    Object.prototype.hasOwnProperty.call(target, "config")
+  );
+
+  assert(
+    `The intl service must be injected in order to use @inquiryStatus: \`@service intl\``,
+    Object.prototype.hasOwnProperty.call(target, "intl")
+  );
+
+  return {
+    get() {
+      const inquiry = get(this, inquiryProperty);
+      const isAddressed = get(this, inquiryTypeProperty) === "addressed";
+      const isDraft = isAddressed
+        ? inquiry.status === "READY"
+        : inquiry.status === "SUSPENDED";
+      const isSent = !isAddressed && inquiry.status === "READY";
+
+      const answer = inquiry.childCase?.document.status.edges[0]?.node;
+      const slug = isDraft
+        ? INQUIRY_STATUS.DRAFT
+        : isSent
+        ? INQUIRY_STATUS.SENT
+        : this.config.inquiry.answer.statusMapping[answer.value];
+
+      return {
+        slug,
+        label:
+          !isDraft && !isSent
+            ? answer?.selectedOption.label
+            : this.intl.t(`caluma.distribution.status.${slug}`),
+        color: COLOR_MAP[slug],
+        icon: ICON_MAP[slug],
+      };
+    },
+  };
+}
+
+export default createDecorator(decorator);

package/addon/utils/unique-by-groups.js

@@ -0,0 +1,17 @@
+export default function uniqueByGroups(workItems) {
+  return [
+    ...new Map(
+      workItems
+        .map((workItem) => {
+          return [
+            JSON.stringify({
+              from: workItem.controllingGroups,
+              to: workItem.addressedGroups,
+            }),
+            workItem,
+          ];
+        })
+        .reverse()
+    ).values(),
+  ];
+}

package/app/abilities/inquiry.js

@@ -0,0 +1 @@
+export { default } from "@projectcaluma/ember-distribution/abilities/inquiry";

package/app/components/distribution-navigation/controls.js

@@ -0,0 +1 @@
+export { default } from "@projectcaluma/ember-distribution/components/distribution-navigation/controls";

package/app/components/distribution-navigation/item.js

@@ -0,0 +1 @@
+export { default } from "@projectcaluma/ember-distribution/components/distribution-navigation/item";

package/app/components/distribution-navigation/section.js

@@ -0,0 +1 @@
+export { default } from "@projectcaluma/ember-distribution/components/distribution-navigation/section";

package/app/components/distribution-navigation/status-indicator.js

@@ -0,0 +1 @@
+export { default } from "@projectcaluma/ember-distribution/components/distribution-navigation/status-indicator";

package/app/components/distribution-navigation.js

@@ -0,0 +1 @@
+export { default } from "@projectcaluma/ember-distribution/components/distribution-navigation";

package/app/components/icon-button.js

@@ -0,0 +1 @@
+export { default } from "@projectcaluma/ember-distribution/components/icon-button";

package/app/components/inquiry-answer-form.js

@@ -0,0 +1 @@
+export { default } from "@projectcaluma/ember-distribution/components/inquiry-answer-form";

package/app/components/inquiry-dialog/inquiry-deadline.js

@@ -0,0 +1 @@
+export { default } from "@projectcaluma/ember-distribution/components/inquiry-dialog/inquiry-deadline";

package/app/components/inquiry-dialog/inquiry-divider.js

@@ -0,0 +1 @@
+export { default } from "@projectcaluma/ember-distribution/components/inquiry-dialog/inquiry-divider";

package/app/components/inquiry-dialog/inquiry-part.js

@@ -0,0 +1 @@
+export { default } from "@projectcaluma/ember-distribution/components/inquiry-dialog/inquiry-part";

package/app/components/inquiry-dialog/inquiry.js

@@ -0,0 +1 @@
+export { default } from "@projectcaluma/ember-distribution/components/inquiry-dialog/inquiry";

package/app/components/inquiry-dialog.js

@@ -0,0 +1 @@
+export { default } from "@projectcaluma/ember-distribution/components/inquiry-dialog";

package/app/components/inquiry-edit-form.js

@@ -0,0 +1 @@
+export { default } from "@projectcaluma/ember-distribution/components/inquiry-edit-form";

package/app/components/inquiry-new-form.js

@@ -0,0 +1 @@
+export { default } from "@projectcaluma/ember-distribution/components/inquiry-new-form";

package/app/styles/@projectcaluma/ember-distribution.scss

@@ -0,0 +1,3 @@
+@import "../icon-button";
+@import "../inquiry-divider";
+@import "../status-indicator";

package/app/styles/_icon-button.scss

@@ -0,0 +1,13 @@
+@import "ember-uikit/variables-theme";
+
+@for $i from 1 through 8 {
+  @each $side in "top", "right", "bottom", "left" {
+    .uk-icon-button--gutter-#{$side}-#{$i} > svg {
+      margin-#{$side}: #{$i}px !important;
+    }
+  }
+
+  .uk-icon-button--gutter-#{$i} > svg {
+    margin: #{$i}px;
+  }
+}

package/app/styles/_inquiry-divider.scss

@@ -0,0 +1,49 @@
+@import "ember-uikit/variables-theme";
+
+$size: 36px;
+$iconSize: $size * 0.6;
+
+$colors: (
+  muted: $text-muted-color,
+  emphasis: $text-emphasis-color,
+  success: $text-success-color,
+  danger: $text-danger-color,
+  warning: $text-warning-color,
+);
+
+.inquiry-divider {
+  &::before,
+  &::after {
+    content: "";
+    display: block;
+    height: 2px;
+    width: calc(50% - #{$size * 0.5});
+  }
+
+  &__icon {
+    width: $size;
+    height: $size;
+
+    border-radius: 50%;
+    border-width: 2px;
+    border-style: solid;
+
+    > svg {
+      width: $iconSize;
+      height: $iconSize;
+    }
+  }
+
+  @each $colorName, $color in $colors {
+    &.uk-text-#{$colorName} {
+      > .inquiry-divider__icon {
+        border-color: $color;
+      }
+
+      &::before,
+      &::after {
+        background-color: $color;
+      }
+    }
+  }
+}

package/app/styles/_status-indicator.scss

@@ -0,0 +1,31 @@
+@import "ember-uikit/variables-theme";
+
+$size: $global-small-font-size * 1.2;
+$iconSize: $global-small-font-size * 0.9;
+
+$colors: (
+  muted: $text-muted-color,
+  emphasis: $text-emphasis-color,
+  success: $text-success-color,
+  danger: $text-danger-color,
+  warning: $text-warning-color,
+);
+
+.status-indicator {
+  width: $size;
+  height: $size;
+  border-width: 1px;
+  border-style: solid;
+
+  > svg {
+    width: $iconSize;
+    height: $iconSize;
+  }
+
+  @each $colorName, $color in $colors {
+    &.uk-text-#{$colorName} {
+      color: darken($color, 20%);
+      border-color: $color;
+    }
+  }
+}

package/app/styles/app.scss

@@ -0,0 +1 @@
+@import "ember-uikit";

package/app/utils/inquiry-deadline.js

@@ -0,0 +1 @@
+export { default } from "@projectcaluma/ember-distribution/utils/inquiry-deadline";

package/app/utils/inquiry-status.js

@@ -0,0 +1 @@
+export { default } from "@projectcaluma/ember-distribution/utils/inquiry-status";

package/app/utils/unique-by-groups.js

@@ -0,0 +1 @@
+export { default } from "@projectcaluma/ember-distribution/utils/unique-by-groups";

package/config/environment.js

@@ -0,0 +1,10 @@
+"use strict";
+
+module.exports = function (environment) {
+  const ENV = {
+    modulePrefix: require("../package.json").name,
+    environment,
+  };
+
+  return ENV;
+};