@projectcaluma/ember-distribution 1.0.0-beta.1

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

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

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

@@ -0,0 +1,7 @@
+import Component from "@glimmer/component";
+
+export default class InquiryDialogInquiryComponent extends Component {
+  get hasAnswer() {
+    return this.args.inquiry.status === "COMPLETED";
+  }
+}

package/addon/components/inquiry-dialog.hbs

@@ -0,0 +1,9 @@
+<section>
+  {{#if this._inquiries.isRunning}}
+    <div class="uk-text-center"><UkSpinner @ratio={{2}} /></div>
+  {{else}}
+    {{#each this.inquiries as |inquiry|}}
+      <InquiryDialog::Inquiry @inquiry={{inquiry}} />
+    {{/each}}
+  {{/if}}
+</section>

package/addon/components/inquiry-dialog.js

@@ -0,0 +1,42 @@
+import Component from "@glimmer/component";
+import { queryManager } 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 InquiryDialogComponent extends Component {
+  @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() {
+    return 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,
+      },
+    });
+  }
+}

package/addon/components/inquiry-edit-form.hbs

@@ -0,0 +1,27 @@
+<CfContent
+  @documentId={{decode-id this.inquiry.document.id}}
+  @disabled={{cannot "edit inquiry" this.inquiry}}
+  @loading={{this._inquiry.isRunning}}
+  as |content|
+>
+  <h1 class="uk-flex uk-flex-middle">
+    {{t "caluma.distribution.edit.title"}}
+    {{#if (eq this.inquiry.status "RUNNING")}}
+      <UkLabel
+        class="uk-margin-left"
+        @label={{t "caluma.distribution.status.draft"}}
+      />
+    {{/if}}
+  </h1>
+
+  <content.form />
+
+  <DocumentValidity @document={{content.document}} as |isValid validate|>
+    <UkButton
+      @type="submit"
+      @color="primary"
+      @disabled={{or (not isValid) this.send.isRunning}}
+      @on-click={{perform this.send validate}}
+    >{{t "caluma.distribution.edit.send"}}</UkButton>
+  </DocumentValidity>
+</CfContent>

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

@@ -0,0 +1,53 @@
+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 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 {
+  @service notification;
+  @service router;
+
+  @config config;
+
+  @queryManager apollo;
+
+  _inquiry = useTask(this, this.fetchInquiry, () => [this.args.inquiry]);
+
+  get inquiry() {
+    return this._inquiry.value?.[0]?.node;
+  }
+
+  @dropTask
+  *fetchInquiry() {
+    return yield this.apollo.watchQuery(
+      {
+        query: inquiryEditQuery,
+        variables: { inquiry: this.args.inquiry },
+      },
+      "allWorkItems.edges"
+    );
+  }
+
+  @dropTask
+  *send(validate) {
+    try {
+      if (!(yield validate())) return;
+
+      yield this.apollo.mutate({
+        mutation: resumeWorkItemMutation,
+        variables: { workItem: this.args.inquiry },
+      });
+
+      yield this.router.transitionTo("distribution.inquiry.index");
+    } catch (error) {
+      this.notification.danger(
+        this.intl.t("caluma.distribution.edit.send-error")
+      );
+    }
+  }
+}

package/addon/components/inquiry-new-form.hbs

@@ -0,0 +1,110 @@
+<h1>{{t "caluma.distribution.new.title"}}</h1>
+
+{{#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">
+        {{t "caluma.distribution.new.groups" count=this.selectedGroups.length}}
+      </button>
+      <div uk-dropdown class="uk-width-auto">
+        <ul
+          class="uk-list uk-list-bullet uk-margin-remove uk-padding-remove"
+          data-test-selected-groups
+        >
+          {{#each this.selectedGroups as |identifier|}}
+            <li class="uk-text-nowrap">{{group-name identifier}}</li>
+          {{/each}}
+        </ul>
+      </div>
+      {{t "caluma.distribution.new.selected" count=this.selectedGroups.length}}
+    </div>
+    <div>
+      <UkButton
+        @color="default"
+        @label={{t "caluma.distribution.new.reset"}}
+        @on-click={{this.clearSelectedGroups}}
+        data-test-reset
+      />
+      <UkButton
+        @color="primary"
+        @label={{t "caluma.distribution.new.create-draft"}}
+        @type="submit"
+        @loading={{this.submit.isRunning}}
+        @disabled={{this.submit.isRunning}}
+        @on-click={{perform this.submit}}
+        data-test-submit
+      />
+    </div>
+  </div>
+  <hr />
+{{/if}}
+
+<div class="uk-margin-bottom uk-button-group">
+  {{#each-in this.config.new.types as |slug config|}}
+    {{#unless config.disabled}}
+      <UkButton
+        data-test-type={{slug}}
+        @label={{t config.label}}
+        @color={{if (includes slug @selectedTypes) "primary" "default"}}
+        @on-click={{fn this.updateSelectedTypes slug}}
+      />
+    {{/unless}}
+  {{/each-in}}
+</div>
+
+<div class="uk-search uk-search-default uk-width-1-1">
+  <span class="uk-search-icon-flip" uk-search-icon></span>
+  <input
+    placeholder={{t "caluma.distribution.new.search"}}
+    aria-label={{t "caluma.distribution.new.search"}}
+    class="uk-search-input"
+    type="search"
+    value={{@search}}
+    data-test-search
+    {{on "input" (perform this.updateSearch)}}
+  />
+</div>
+
+{{#if this.groups.isRunning}}
+  <div class="uk-text-center uk-margin">
+    <UkSpinner @ratio={{2}} />
+  </div>
+{{else if this.groups.value.length}}
+  <ul class="uk-list uk-list-striped">
+    {{#each this.groups.value as |group|}}
+      {{! template-lint-disable require-presentational-children }}
+      <li
+        role="checkbox"
+        class="uk-flex uk-flex-between uk-flex-middle"
+        data-test-group={{group.identifier}}
+        {{on "click" (fn this.updateSelectedGroups group.identifier)}}
+      >
+        {{! template-lint-disable no-nested-interactive }}
+        <label for="group-{{group.identifier}}">
+          <input
+            type="checkbox"
+            class="uk-checkbox uk-margin-small-right"
+            checked={{includes group.identifier this.selectedGroups}}
+            id="group-{{group.identifier}}"
+          />
+          {{group-name group.identifier}}
+        </label>
+        {{#if group.config.icon}}
+          {{svg-jar
+            group.config.icon
+            width="20"
+            height="20"
+            class=(concat "uk-text-" group.config.iconColor)
+          }}
+        {{/if}}
+      </li>
+    {{/each}}
+  </ul>
+{{else}}
+  <div class="uk-text-center">
+    <UkIcon @icon="search" @ratio={{10}} class="uk-margin-top" />
+    <p class="uk-text-muted">
+      {{t "caluma.distribution.new.empty"}}
+    </p>
+  </div>
+{{/if}}

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

@@ -0,0 +1,154 @@
+import { action } from "@ember/object";
+import { inject as service } from "@ember/service";
+import Component from "@glimmer/component";
+import { tracked } from "@glimmer/tracking";
+import { queryManager } from "ember-apollo-client";
+import { timeout, restartableTask, dropTask, task } from "ember-concurrency";
+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 controlWorkItemsQuery from "@projectcaluma/ember-distribution/gql/queries/control-work-items.graphql";
+import inquiryNavigationQuery from "@projectcaluma/ember-distribution/gql/queries/inquiry-navigation.graphql";
+
+const toggle = (value, array) => {
+  const set = new Set(array);
+
+  set.delete(value) || set.add(value);
+
+  return [...set];
+};
+
+export default class InquiryNewFormComponent extends Component {
+  @service calumaOptions;
+  @service notification;
+  @service intl;
+  @service router;
+
+  @queryManager apollo;
+
+  @config config;
+
+  @tracked selectedGroups = [];
+
+  groups = useTask(this, this.fetchGroups, () => [
+    this.args.selectedTypes,
+    this.args.search,
+  ]);
+
+  @action
+  updateSelectedTypes(type, e) {
+    e.preventDefault();
+
+    this.args.onChangeSelectedTypes(toggle(type, this.args.selectedTypes));
+  }
+
+  @action
+  updateSelectedGroups(identifier, e) {
+    e.preventDefault();
+
+    this.selectedGroups = toggle(identifier, this.selectedGroups);
+  }
+
+  @action
+  clearSelectedGroups(e) {
+    e.preventDefault();
+
+    this.selectedGroups = [];
+  }
+
+  @restartableTask
+  *updateSearch(e) {
+    e.preventDefault();
+
+    yield timeout(500);
+
+    this.args.onChangeSearch(e.target.value);
+  }
+
+  @dropTask
+  *submit(e) {
+    e.preventDefault();
+
+    if (!this.selectedGroups.length) return;
+
+    try {
+      // get create inquiry work item to complete, this will not trigger a
+      // network request since it's already fetch in the controls
+      const controlsData = yield this.apollo.watchQuery(
+        {
+          query: controlWorkItemsQuery,
+          variables: {
+            caseId: this.args.caseId,
+            currentGroup: String(this.calumaOptions.currentGroupId),
+            createTask: this.config.controls.createTask,
+            completeTask: this.config.controls.completeTask,
+          },
+        },
+        "create.edges"
+      );
+
+      // create new inquiries
+      yield this.apollo.mutate({
+        mutation: createInquiryMutation,
+        variables: {
+          id: decodeId(controlsData[0].node.id),
+          context: JSON.stringify({
+            addressed_groups: this.selectedGroups.map(String),
+          }),
+        },
+      });
+
+      // 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"
+      );
+
+      // transition to last added inquiry
+      this.router.transitionTo("distribution.inquiry", {
+        from: navigationData[0].node.controllingGroups[0],
+        to: navigationData[0].node.addressedGroups[0],
+      });
+    } catch (e) {
+      this.notification.danger(
+        this.intl.t("caluma.distribution.new.error", {
+          count: this.selectedGroups.length,
+        })
+      );
+    }
+  }
+
+  @task
+  *fetchGroups(types, search) {
+    // https://github.com/ember-cli/eslint-plugin-ember/issues/1413
+    yield Promise.resolve();
+
+    const typedGroups = yield this.calumaOptions.fetchTypedGroups(
+      types,
+      search
+    );
+
+    return Object.entries(typedGroups)
+      .flatMap(([type, groups]) => {
+        return groups.map((group) => ({
+          identifier: group[this.calumaOptions.groupIdentifierProperty],
+          name: group[this.calumaOptions.groupNameProperty],
+          config: this.config.new.types[type],
+        }));
+      })
+      .sort((a, b) => a.name.localeCompare(b.name));
+  }
+}

package/addon/config.js

@@ -0,0 +1,72 @@
+import { getOwner } from "@ember/application";
+import merge from "lodash.merge";
+import { cached } from "tracked-toolbox";
+
+export const INQUIRY_STATUS = {
+  DRAFT: "draft",
+  SENT: "sent",
+  POSITIVE: "positive",
+  NEGATIVE: "negative",
+  NEEDS_INTERACTION: "needs-interaction",
+};
+
+export default function config(target, property) {
+  return cached(target, property, {
+    get() {
+      return merge(
+        {
+          controls: {
+            createTask: "create-inquiry",
+            completeTask: "complete-distribution",
+          },
+          warningPeriod: 3,
+          inquiry: {
+            task: "inquiry",
+            deadlineQuestion: "inquiry-deadline",
+            infoQuestion: "inquiry-remark",
+            answer: {
+              statusQuestion: "inquiry-answer-status",
+              infoQuestion: "inquiry-answer-reason",
+              statusMapping: {
+                "inquiry-answer-status-positive": INQUIRY_STATUS.POSITIVE,
+                "inquiry-answer-status-negative": INQUIRY_STATUS.NEGATIVE,
+                "inquiry-answer-status-needs-interaction":
+                  INQUIRY_STATUS.NEEDS_INTERACTION,
+              },
+              buttons: {
+                "compose-inquiry-answer": {
+                  color: "primary",
+                  label: "caluma.distribution.answer.release-for-review",
+                },
+                "confirm-inquiry-answer": {
+                  color: "primary",
+                  label: "caluma.distribution.answer.confirm",
+                },
+                "revise-inquiry-answer": {
+                  color: "default",
+                  label: "caluma.distribution.answer.revise",
+                },
+                "adjust-inquiry-answer": {
+                  color: "primary",
+                  label:
+                    "caluma.distribution.answer.release-adjustment-for-review",
+                },
+              },
+            },
+          },
+          new: {
+            defaultTypes: ["suggestions"],
+            types: {
+              suggestions: {
+                label: "caluma.distribution.new.suggestions",
+                icon: "bulb-outline",
+                iconColor: "warning",
+              },
+            },
+          },
+        },
+        getOwner(this).lookup("service:calumaOptions")?.distribution ?? {}
+      );
+    },
+  });
+}

package/addon/controllers/distribution/new.js

@@ -0,0 +1,22 @@
+import Controller from "@ember/controller";
+import { dedupeTracked, cached } from "tracked-toolbox";
+
+import config from "@projectcaluma/ember-distribution/config";
+
+export default class DistributionNewController extends Controller {
+  @config config;
+
+  queryParams = ["types", "search"];
+
+  @dedupeTracked types = String(this.config.new.defaultTypes);
+  @dedupeTracked search = "";
+
+  @cached
+  get selectedTypes() {
+    return this.types.split(",");
+  }
+
+  set selectedTypes(value) {
+    this.types = String(value);
+  }
+}

package/addon/engine.js

@@ -0,0 +1,18 @@
+import Engine from "ember-engines/engine";
+import loadInitializers from "ember-load-initializers";
+import Resolver from "ember-resolver";
+
+import config from "./config/environment";
+
+const { modulePrefix } = config;
+
+export default class DistributionEngine extends Engine {
+  modulePrefix = modulePrefix;
+  Resolver = Resolver;
+
+  dependencies = {
+    services: ["apollo", "notification", "intl", "caluma-options"],
+  };
+}
+
+loadInitializers(DistributionEngine, modulePrefix);

package/addon/gql/fragments/inquiry.graphql

@@ -0,0 +1,89 @@
+fragment InquiryDeadlineDocument on Document {
+  id
+  deadline: answers(question: $deadlineQuestion) {
+    edges {
+      node {
+        id
+        ... on DateAnswer {
+          value
+        }
+      }
+    }
+  }
+}
+
+fragment InquiryStatusDocument on Document {
+  id
+  status: answers(question: $statusQuestion) {
+    edges {
+      node {
+        id
+        ... on StringAnswer {
+          value
+          selectedOption {
+            slug
+            label
+          }
+        }
+      }
+    }
+  }
+}
+
+fragment InquiryDialog on WorkItem {
+  id
+  addressedGroups
+  controllingGroups
+  createdAt
+  closedAt
+  status
+  task {
+    id
+    slug
+  }
+  document {
+    ...InquiryDeadlineDocument
+    info: answers(question: $infoQuestion) {
+      edges {
+        node {
+          id
+          ... on StringAnswer {
+            value
+          }
+        }
+      }
+    }
+  }
+  childCase {
+    id
+    document {
+      ...InquiryStatusDocument
+      info: answers(question: $answerInfoQuestion) {
+        edges {
+          node {
+            id
+            ... on StringAnswer {
+              value
+            }
+          }
+        }
+      }
+    }
+  }
+}
+
+fragment Inquiry on WorkItem {
+  id
+  status
+  addressedGroups
+  controllingGroups
+  document @include(if: $includeNavigationData) {
+    ...InquiryDeadlineDocument
+  }
+  childCase @include(if: $includeNavigationData) {
+    id
+    document {
+      ...InquiryStatusDocument
+    }
+  }
+}

package/addon/gql/mutations/complete-inquiry-work-item.graphql

@@ -0,0 +1,36 @@
+#import InquiryStatusDocument from '../fragments/inquiry.graphql'
+
+mutation CompleteInquiryWorkItem(
+  $workItem: ID!
+  $statusQuestion: ID!
+  $buttonTasks: [String]!
+) {
+  completeWorkItem(input: { id: $workItem }) {
+    workItem {
+      id
+      status
+      case {
+        id
+        document {
+          id
+          ...InquiryStatusDocument
+        }
+        workItems(tasks: $buttonTasks, status: READY) {
+          edges {
+            node {
+              id
+              task {
+                id
+                slug
+              }
+            }
+          }
+        }
+        parentWorkItem {
+          id
+          status
+        }
+      }
+    }
+  }
+}

package/addon/gql/mutations/create-inquiry.graphql

@@ -0,0 +1,5 @@
+mutation CreateInquiry($id: ID!, $context: JSONString!) {
+  completeWorkItem(input: { id: $id, context: $context }) {
+    clientMutationId
+  }
+}

package/addon/gql/mutations/resume-work-item.graphql

@@ -0,0 +1,8 @@
+mutation ResumeWorkItem($workItem: ID!) {
+  resumeWorkItem(input: { id: $workItem }) {
+    workItem {
+      id
+      status
+    }
+  }
+}